编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

128浏览

0评论

命令行批量截图Node脚本示例代码

批量截图任务
作为一个软件工程师，不只是做好自己的本职工作（iOS），而是需要解决项目中的技术问题。这次就是解决自动截图的问题
早期公司的数据工程师利用 phantomjs 来截图，后期...

2020-05-27 04:04:55

109浏览

0评论

vue组件文档（.md）中如何自动导入示例（.vue）详解

症结（懒癌患者）
在写组件库文档的时候，会把示例代码粘贴到文档里，这样做有一个很恶心的地方：每次组件迭代或修改示例都需要重新修改文档中的代码片段。长年累月，苦不堪言。猜想（狂...

2020-05-27 04:04:54

103浏览

0评论

JS温故而知新之变量提升和时间死区

前言开始执行脚本时，执行脚本的第一步是编译代码，然后再开始执行代码，如图另外，在编译优化方面来说，最开始时也并不是全部编译好脚本，而是当函数执行时，才会先编译，再执行脚本，如图...

2020-05-27 04:04:51

89浏览

0评论

Vue.js实现的购物车功能详解

本文实例讲述了Vue.js实现的购物车功能。分享给大家供大家参考，具体如下：使用计算属性，内置指令，方法等基础知识开发购物车。需求分析：展示一个已经加入购物车的商品列表，包含商品...

2020-05-27 04:04:50

96浏览

0评论

实例讲解JS中pop使用方法

pop() 定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法arrayObject.pop()返回值arrayObject 的最后一个元素。说明pop() 方法将删除 arrayObject 的最后一个元...

2020-05-27 04:04:49

140浏览

0评论

详解vue路由篇(动态路由、路由嵌套)

什么是路由？网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。
web中，路由的概念也是类似，根据URL来将请求分...

2020-05-27 04:04:48

131浏览

0评论

vue实现的仿淘宝购物车功能详解

本文实例讲述了vue实现的仿淘宝购物车功能。分享给大家供大家参考，具体如下：下面是一张众所周知的淘宝购物车页面，今天要讲解的案例就是用vue.js做一个类似的页面首先简单介绍...

2020-05-27 04:04:46

140浏览

0评论

vue-cli构建vue项目的步骤详解

构建一个 vue 项目最简单的方式就是使用脚手架工具 vue-cli 。前端的三大框架都有自己的脚手架工具，其作用就是用配置好的模板迅速搭建起一个项目工程来，省去自己配置 webpack...

2020-05-27 04:04:44

148浏览

0评论

nuxt中使用路由守卫的方法步骤

1.在plugins文件下创建一个route.jsimport { getCookie, setCookie } from '@/pages/logreg/api/cookie'import axios from 'axios'export default ({ app, store }) => { a...

2020-05-27 04:04:43

103浏览

0评论

原生JS实现的跳一跳小游戏完整实例

本文实例讲述了原生JS实现的跳一跳小游戏。分享给大家供大家参考，具体如下：以下说的是闲暇编写的一个小游戏--跳一跳，类似于微信的跳一跳，大体实现功能有：1.先随机生成地图；2.按住...

2020-05-27 04:04:41

86浏览

0评论

原生JS检测CSS3动画是否结束的方法详解

本文实例讲述了原生JS检测CSS3动画是否结束的方法。分享给大家供大家参考，具体如下：不知道大家在做网页的时候有没有碰到这种情况：当你使用CSS3的动画属性时，想要在动画结束后添...

2020-05-27 04:04:39

146浏览

0评论

PWA介绍及快速上手搭建一个PWA应用的方法

PWA初次体验
前言：本示例不用安装任何东西部分资源来自网络资源及PWA官网，不要把PWA想象的太复杂，跟着示例走一下，你行的。PWA介绍一个新的前端技术，PWA（全称：Progressive Web App...

2020-05-27 04:04:38

121浏览

0评论

超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法

五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项！Vuepress介绍官网：https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成...

2020-05-27 04:04:34

101浏览

0评论

JavaScript变量提升和严格模式实例分析

本文实例讲述了JavaScript变量提升和严格模式。分享给大家供大家参考，具体如下：1.什么是变量提升所谓的变量提升指的是：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法...

2020-05-27 04:04:33

125浏览

0评论

Vue组件教程之Toast(Vue.extend 方式)详解

一、效果图二、说明这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样：this.$toast('别点啦，到头啦！')但看到网上大多数还是通过 component 方式实现的，这样的话...

2020-05-27 04:04:31

89浏览

0评论

vue中轮训器的使用

核心代码：<template> <div > {{log}} </div></template><script> export default { name: "TrainingInRotation", data(){ return { log:0, timerId:1,...

2020-05-27 04:04:30

104浏览

0评论

详解如何用webpack4从零开始构建react开发环境

项目文件准备：执行npm init,然后创建如下图所示的文件。
在index.html里面添加<!DOCTYPE html><html> <head> <title>The Minimal React Webpack Babel Setup</title> </hea...

2020-05-27 04:04:29

110浏览

0评论

vue配置font-awesome5的方法步骤

前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配...

2020-05-27 04:04:27

98浏览

0评论

jQuery实现表格的增、删、改操作示例

本文实例讲述了jQuery实现表格的增、删、改操作。分享给大家供大家参考，具体如下：这里实现的是在jQuery中通过按钮的形式，对表格进行的一些基本操作，可以实现表格的增删改操作，并...

2020-05-27 04:04:25

88浏览

0评论

JavaScript中的回调函数实例讲解

在JS中，函数可以作为参数传递给函数，不止可以传递值或者对象，案例如下：定义：/** *@project： data_overnance *@package： *@date：2018/11/30 0030 15:07 *@author 郭宝 *@brief: 回调...

2020-05-27 04:04:24

111浏览

0评论

jQuery实现模拟搜索引擎的智能提示功能简单示例

本文实例讲述了jQuery实现模拟搜索引擎的智能提示功能。分享给大家供大家参考，具体如下：jQuery中模仿搜索引擎的智能提示功能，本案例仅供初学者一个参考，也是我个人在初学jquery...

2020-05-27 04:04:23

103浏览

0评论

vue中子组件传递数据给父组件的讲解

发送者：modifyName：是接受者的键，也就是发送和接收的唯一标识itemObj：是一个对象this.$emit("modifyName",this.itemObj);接受者：<common-table 是一个自定义组件@modifyName 就...

2020-05-27 04:04:22

116浏览

0评论

jQuery实现左右两个列表框的内容相互移动功能示例

本文实例讲述了jQuery实现左右两个列表框的内容相互移动功能。分享给大家供大家参考，具体如下：在jQuery中将左右两个列表框的内容相互移动，移动的同时进行删除，这里只是给大家写...

2020-05-27 04:04:20

106浏览

0评论

在vue项目中使用Jquery-contextmenu插件的步骤讲解

使用步骤：1、安装：npm i jquery-contextmenu --save-dev2、在main.js文件中引包 import Jquery_contextmenu from 'jquery-contextmenu' Vue.use(Jquery_contextmenu) i...

2020-05-27 04:04:18

91浏览

0评论

在Vue项目中引入JQuery-ui插件的讲解

安装： npm install jquery-ui-dist -S引入：import 'jquery-ui-dist/jquery-ui'更改配置文件：1、添加jquery:'jquery' resolve: { extensions: ['.js', '.vue', '.json'], al...

2020-05-27 04:04:17

80浏览

0评论

在Vue项目中取消ESLint代码检测的步骤讲解

在Vue项目中编写代码的时候经常会碰到这种烦人的无故报错，其实这是ESLint代码，如图下：解决办法：File>Settings>ESLint>取消检测即可（将Enable选项去勾选）>apply,如下图：总结以上就...

2020-05-27 04:04:15

113浏览

0评论

详解Next.js页面渲染的优化方案

在过去一年的工作中我所使用的js框架是Next.js,尽管这个框架在前后端同构方面有着绝佳的体验，但是当页面js文件过大以及preload过多的时候还是会出现页面跳转卡顿和渲染阻塞...

2020-05-27 04:04:14

96浏览

0评论

vue 左滑删除功能的示例代码

最近有个需求是要添加一个左滑删除的功能。参考了一下别的老哥的代码,做了一点点改进。记录一下。以备不时之需,话不多说，上代码<template> <div class="slider-item"> <div...

2020-05-27 04:04:13

100浏览

0评论

Vue项目安装插件并保存

比如安装jszip插件的命令行如下：npm install jszip --save-dev只有执行了--save-dev 才会将当前安装的插件版本保存在package.json文件中总结以上就是这篇文章的全部内容了，希...

2020-05-27 04:04:12

102浏览

0评论

Vue加载json文件的方法简单示例

本文实例讲述了Vue加载json文件的方法。分享给大家供大家参考，具体如下：一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版)：var appData = req...

2020-05-27 04:04:11

96浏览

0评论

this在vue和小程序中的使用详解

匿名函数下的this方便本地demo，没有使用webpack引入两个文件，vue和axiosaxios返回一个promise对象，我们通过axios进行ajax请求 <script src="https://cdn.jsdelivr.net/npm/vue...

2020-05-27 04:04:09

90浏览

0评论

jQuery实现合并表格单元格中相同行操作示例

本文实例讲述了jQuery实现合并表格单元格中相同行操作。分享给大家供大家参考，具体如下：合并的方法$("#tableid").mergeCell({　　cols:[X,X] ///参数为要合并的列})/*** 操作...

2020-05-27 04:04:08

96浏览

0评论

详解项目升级到vue-cli3的正确姿势

一. 原以为升级vue-cli3的路线是这样的：创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录src->srcstatic->public对比新旧 package.json ，然后 yarn install ，完毕。然鹅...

2020-05-27 04:04:07

78浏览

0评论

jQuery实现的网站banner图片无缝轮播效果完整实例

本文实例讲述了jQuery实现的网站banner图片无缝轮播效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compat...

2020-05-27 04:03:58

110浏览

0评论

新手快速上手webpack4打包工具的使用详解

一直使用webpack,上次也分享过webpack配置es6~9的语法参考链接,但是对于一些小白童鞋来说,最基本的配置都不太知道,刚好利用春节休假期间对webpack4的知识点梳理一次。方便...

2020-05-27 04:03:56

101浏览

0评论

JS实现二维数组元素的排列组合运算简单示例

本文实例讲述了JS实现二维数组元素的排列组合运算。分享给大家供大家参考，具体如下：用js实现二维数组里面的元素排列组合一个小demo；源码：<!DOCTYPE html PUBLIC "-//W3C//DTD X...

2020-05-27 04:03:55

98浏览

0评论

JavaScript 判断iPhone X Series机型的方法

写在前面
如果有更优雅的方式，一定要告诉我！
现状
iPhone X 底部是需要预留 34px 的安全距离，需要在代码中进行兼容。
现状对于 iPhone X 的判断基本是这样的：
// h5export cons...

2020-05-27 04:03:54

104浏览

0评论

vue-cli3 项目从搭建优化到docker部署的方法

1. 创建一个vue项目
相信大部分人都已经知道怎么创建项目的，可以跳过这一节，看下一节。1.1 安装@vue/cli# 全局安装 vue-cli脚手架npm install -g @vue/cli等待安装完成后开始...

2020-05-27 04:03:52

93浏览

0评论

JS实现的点击按钮图片上下滚动效果示例

本文实例讲述了JS实现的点击按钮图片上下滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...

2020-05-27 04:03:49

87浏览

0评论

jQuery访问json文件中数据的方法示例

本文实例讲述了jQuery访问json文件中数据的方法。分享给大家供大家参考，具体如下：有时候我们可能需要用到json文件存储数据，然后通过前台语言直接进行访问。首先是json文件：{ "...

2020-05-27 04:03:47

114浏览

0评论

使用pm2自动化部署node项目的方法步骤

1、pm2简介pm2（process manager）是一个进程管理工具，维护一个进程列表，可以用它来管理你的node进程，负责所有正在运行的进程，并查看node进程的状态，也支持性能监控，负载均衡等功能。...

2020-05-27 04:03:46

115浏览

0评论

vue-for循环嵌套操作示例

本文实例讲述了vue-for循环嵌套操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *...

2020-05-27 04:03:43

95浏览

0评论

vue.js仿hover效果的实现方法示例

本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sty...

2020-05-27 04:03:42

97浏览

0评论

详解几十行代码实现一个vue的状态管理

介绍
采用集中式存储管理应用的所有组件的状态, 就能实现组件间数据共享实现
逻辑图从图上有两条线: Vue.use(vuec), 与 new Vuec.center(options)第一条线Vue.use(vuec)安...

2020-05-27 04:03:40

90浏览

0评论

微信小程序实现顶部导航特效

本文实例为大家分享了微信小程序实现顶部导航的具体代码，供大家参考，具体内容如下之前Android开发时，顶部导航用到viewPage，微信小程序里想要达到同样的效果，可用swiper来实现，先...

2020-05-27 04:03:39

135浏览

0评论

详解基于node.js的脚手架工具开发经历

前言我们团队的前端项目是基于一套内部的后台框架进行开发的，这套框架是基于vue和ElementUI进行了一些定制化包装，并加入了一些自己团队设计的模块，可以进一步简化后台页面的开...

2020-05-27 04:03:37

100浏览

0评论

微信小程序顶部导航栏滑动tab效果

小程序商品展示需要导航栏的商品分类进行滑动，供大家参考，具体内容如下效果图：首先是滑动的效果：<scroll-view scroll-x="true" style="width: 100%;white-space:nowrap;"></scr...

2020-05-27 04:03:18

121浏览

0评论

微信小程序实现炫酷的弹出式菜单特效

今天给大家带来一个微信小程序的弹出是菜单效果，老规矩先上效果图。(录制的gif动画有点卡，实际真机或是模拟器上很顺畅)先简单说下思路：1、首先在屏幕的某个位置放几个悬浮按钮...

2020-05-27 04:03:16

76浏览

0评论

angular4中引入echarts的方法示例

1.安装ngx-echartsnpm install echarts --savenpm install ngx-echarts --save2.在项目中引入echarts//angular-cli.json文件{ "apps": [{ "scripts":[ "../node_m...

2020-05-27 04:03:13

89浏览

0评论

vue实现的下拉框功能示例

本文实例讲述了vue实现的下拉框功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue下拉框</tit...

2020-05-27 04:03:11

首页 «1418 141914201421 1422 »尾页

热门文章