vuejs简单验证码功能完整示例
本文实例讲述了vuejs简单验证码功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body> <div id="app"> <!-- 验证码输入框...
2020-05-27
利用d3.js力导布局绘制资源拓扑图实例教程
前言最近公司业务服务老出bug，各路大佬盯着链路图找问题找的头昏眼花。某天大佬丢了一张图过来“我们做一个资源拓扑图吧，方便大家找bug”。就是这个图，应该是马爸爸家的好吧，来...
2020-05-27
vue组件通信传值操作示例
本文实例讲述了vue组件通信传值操作。分享给大家供大家参考，具体如下：父子组件通信：子组件<template> <div> <h3 @click="alerrt"> 我是子组件一</h3> <span>{{parentMessage...
2020-05-27
小试SVG之新手小白入门教程
基本概念
svg(Scalable Vector Graphics)是一种基于XML语法的图像格式，全称是可缩放矢量图，其它图像格式都是基于像素处理的，SVG则是属于对图像的形状描述，所以它本质上是文本文...
2020-05-27
说说如何在Vue.js中实现数字输入组件的方法
我们对普通输入框进行扩展，实现一个可快捷输入数字组件。
首先制定规则： 只能输入数字。 设计两个快捷按钮，可直接在当前值的基础上增 1 或者减 1。 数字输入组件可设置初始...
2020-05-27
vue单文件组件lint error自动fix与styleLint报错自动fix详解
问题描述
之前用Vue(多入口打包成多页)的项目,要修改迁移并修改为一个单页应用,且使用Vue脚手架生成项目,要对js,vue,css文件的代码做lint,在修改Webpack配置后第一次跑lint...
2020-05-27
JavaScript学习笔记之DOM操作实例分析
本文实例讲述了JavaScript学习笔记之DOM操作。分享给大家供大家参考，具体如下：一、DOM概念1. "D":Docment,指的是文档
2. “O”：Object，指的是对象，在javascript有三种对象：用户定...
2020-05-27
JavaScript学习笔记之图片库案例分析
本文实例讲述了JavaScript图片库。分享给大家供大家参考，具体如下：一、一个javascript 图片库实例，下面是效果图点击顶部导航，会在本页面进行刷新图片，然后，在底部会显示文本的变...
2020-05-27
一个因@click.stop引发的bug的解决
问题
在项目页面中使用 element popover，设置trigger='click'时点击外部不会触发自动隐藏，但在 element 官网中是可以正常触发的（官方示例），项目中的菜单是自定义写的，所以怀疑是...
2020-05-27
vue-cli2 构建速度优化的实现方法
对于使用 vue-cli 脚手架创建的前端项目，编译发布几乎是必需操作，有的编译只需要几秒钟，快如闪电，有的却需要好几分钟，慢如蜗牛。如果是线上进行热修复，那更是分秒必争，网页响应的...
2020-05-27
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
前言
最近需要做一个浏览器的, 支持大体积文件上传且要支持断点续传的上传组件, 本来以为很容易的事情, 结果碰到了一个有意思的问题:
循环执行连续的异步任务, 且后一个任...
2020-05-27
从vue源码看props的用法
前言
平时写vue的时候知道 props 有很多种用法，今天我们来看看vue内部是怎么处理 props 中那么多的用法的。vue提供的props的用法
1. 数组形式
props: ['name', 'value']2....
2020-05-27
nodeJS进程管理器pm2的使用
pm2是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的。PM2是开源的基于Nodejs...
2020-05-27
浅谈webpack性能榨汁机(打包速度优化)
最近对项目的本地开发环境进行了打包速度优化，原有项目，网上能搜到的优化方案基本都加了，在16年低配mac pro 上打包时间为25秒多，但我发现细节做一些调整可能大大降低打包时间，最...
2020-05-27
JavaScript学习笔记之数组基本操作示例
本文实例讲述了JavaScript学习笔记之数组基本操作。分享给大家供大家参考，具体如下：一、数组定义1、定义vara=[1,2,3]vara=newArray(1,2,3);2、长度返回长度<script> vara=[1,...
2020-05-27
如何解决webpack-dev-server代理常切换问题
背景
通常我们有一份webpack.dev.config.js使用webpack-dev-server的proxy，代理到开发服务器，来解决本地跨域问题。假如项目变大，可能需要proxy到不同环境，比如docker，或者后端开...
2020-05-27
JavaScript学习笔记之DOM基础操作实例小结
本文实例讲述了JavaScript DOM基础操作。分享给大家供大家参考，具体如下：一、子节点1、元素节点、文本节点实例01html<body> <ulid="ul1">文本节点1 <li></li>文本节点2<li></...
2020-05-27
element-ui 时间选择器限制范围的实现（随动）
需求：
选择日期范围，但是选择范围需要在一周以内。举个栗子：假设选第一个日期为1月17日，那么1月11日以前、1月23号以后的日期都需要设为禁选状态。方法：
考虑到有两种设计方式：
1...
2020-05-27
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
本文实例讲述了JavaScript学习笔记之基于定时器实现图片无缝滚动功能。分享给大家供大家参考，具体如下：一、无缝滚动理论基础基础知识1.setInterval（function，time）、clearInterv...
2020-05-27
node.js的Express服务器基本使用教程
前言Express 是一个node.js Web框架，提供强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。他可以让前端工程师做后端的事，与数据库交互，可以通过向模板传递参数来动态渲染...
2020-05-27
puppeteer库入门初探
puppeteer 是一个Chrome官方出品的headless Chrome node库。它提供了一系列的API, 可以在无UI的情况下调用Chrome的功能, 适用于爬虫、自动化处理等各种场景根据官网上描述，p...
2020-05-27
爬虫利器Puppeteer实战
Puppeteer 介绍Puppeteer 翻译是操纵木偶的人，利用这个工具，我们能做一个操纵页面的人。 Puppeteer 是一个 Nodejs 的库，支持调用 Chrome的API来操纵Web ，相比较 Selenium 或是...
2020-05-27
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
本文实例讲述了jQuery实现根据身份证号获取生日、年龄、性别等信息的方法。分享给大家供大家参考，具体如下：jquery根据身份证号获取生日、年龄、性别1.html<input type="text"...
2020-05-27
jQuery简单实现根据日期计算星期几的方法
本文实例讲述了jQuery简单实现根据日期计算星期几的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.o...
2020-05-27
Windows下Node爬虫神器Puppeteer安装记
对于爬虫，相信大家并不陌生。当希望得到一些网站的数据并做一些有趣的事时，必不可少要爬取网页，用到爬虫。而目前网络上也有很多爬虫的教程资料，不过又尤以python语言居多。想来...
2020-05-27
微信小程序实现的日期午别医生排班表功能示例
本文实例讲述了微信小程序实现的日期午别医生排班表功能。分享给大家供大家参考，具体如下：1.util.js//获取几天后日期function dateCount(arg,date) { var date1 = arg; var d...
2020-05-27
微信小程序公用参数与公用方法用法示例
本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考，具体如下：公用参数：小程序的公共参数，例如网络请求地址、可配置项，可以写在app.js文件的globalData参数...
2020-05-27
react组件从搭建脚手架到在npm发布的步骤实现
最近公司给公司里架设了私有的npm仓库，相应地也需要一个用来发布react组件用的脚手架，在这个过程中又又又又复习了一下webpack，在这里分享下脚手架搭建的过程。首先，我们预期的...
2020-05-27
浅谈JavaScript 代码简洁之道
测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。本文并不是代码风格...
2020-05-27
微信小程序提取公用函数到util.js及使用方法示例
本文实例讲述了微信小程序提取公用函数到util.js及使用方法。分享给大家供大家参考，具体如下：在小程序中，定义了一项工具文件utils,此文件的js旨在本文件之内有效，当其他子页面...
2020-05-27
其实你可以少写点if else与switch（推荐）
前言
作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。
不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人...
2020-05-27
puppeteer实现html截图的示例代码
puppeteer是谷歌官方出品的一个通过 DevTools 协议控制 headless Chrome 的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为...
2020-05-27
最简单的JS实现json转csv的方法
工作久了，总会遇到各种各样的数据处理工作，比如同步数据，初始化一些数据，目前比较流行的交互数据格式就是JSON，可是服务器中得到的JSON数据如果提供给业务人员看的话可能会非常不...
2020-05-27
微信小程序地图(map)组件点击(tap)获取经纬度的方法
微信小程序中使用地图(map)组件，通过点击(tap)获取经纬度，按照官方的回应，暂时是没法做到的，从地图组件API多有残缺判断，怀疑是个实习生干的...做个变通，适用性有限，请大家参考。基...
2020-05-27
vue实现压缩图片预览并上传功能（promise封装）
本文实例为大家分享了vue实现压缩图片预览并上传的具体代码，供大家参考，具体内容如下主要用到filereader、canvas 以及 formdata 这三个h5的api过程大致分为三步：用户使用input...
2020-05-27
详解在Node.js中发起HTTP请求的5种方法
创建HTTP请求使现代编程语言的核心功能之一，也是很多程序员在接触到新的开发环境时最先遇到的技术之一。在Node.js中有相当多的解决方案，其中有语言内置功能，也有开源社区贡献...
2020-05-27
微信公众号H5支付接口调用方法
本文实例为大家分享了 微信内H5调用支付接口的具体代码，供大家参考，具体内容如下官方文档地址<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>微信...
2020-05-27
JS函数节流和防抖之间的区分和实现详解
在写JS时，这两个函数比较常见，有时候傻傻分不清用哪个，或者说知道代码要怎么写，但要说出它究竟是节流函数还是防抖函数时一脸楞逼。今天有一个同学分享了这两个的区分，我也来回顾...
2020-05-27
VeeValidate 的使用场景以及配置详解
创建vue项目:
vue init webpack veecd ./vee npm run dev # oryarn run dev安装 VeeValidate
npm install vee-validate --save# oryarn add vee-validate --save本文中使用...
2020-05-27
详解Vue项目部署遇到的问题及解决方案
写在前面
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：ha...
2020-05-27
JavaScript创建对象的四种常用模式实例分析
本文实例讲述了JavaScript创建对象的四种常用模式。分享给大家供大家参考，具体如下：这里介绍了javascript中创建对象常用的几种模式，包括：工厂模式，构造函数模式，原型模式，组合构造...
2020-05-27
JavaScript惰性求值的一种实现方法示例
前言在学习 Haskell 时，我遇到了这种写法：sum (takeWhile (<10000) (filter odd (map (^2) [1..])))这段代码的意思是，找出自然整数中小于 10000 的同时是乘方数和奇数的数字，再...
2020-05-27
JavaScript常见继承模式实例小结
本文实例总结了JavaScript常见继承模式。分享给大家供大家参考，具体如下：JavaScript中并没有传统的面向对象语言中的类的概念，但是却实现了特殊的继承机制。（阅读此文您首先需要...
2020-05-27
JavaScript寄生组合式继承原理与用法分析
本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考，具体如下：寄生组合式继承寄生组合式继承，就是通过伪造对象来继承属性，通过原型链的混成形式来继承方法。
这种...
2020-05-27
jQuery实现的中英文切换功能示例
本文实例讲述了jQuery实现的中英文切换功能。分享给大家供大家参考，具体如下：1.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/...
2020-05-27
vscode下vue项目中eslint的使用方法
前言
在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如： 不清楚安装的拓展的功能，导致安装了重复功能的拓展 右键格式化文档的时候，不是按eslint的规则来格式...
2020-05-27
vue项目中使用vue-i18n报错的解决方法
前言Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下：
npm install vue-i18n --save然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解...
2020-05-27
JS实现根据数组对象的某一属性排序操作示例
本文实例讲述了JS实现根据数组对象的某一属性排序操作。分享给大家供大家参考，具体如下：根据数组中对象的某一属性排序var newArray = [{ name: "aaa", value: 0},{ name:...
2020-05-27
JS数组求和的常用方法总结【5种方法】
本文实例总结了JS数组求和的常用方法。分享给大家供大家参考，具体如下：题目描述计算给定数组 arr 中所有元素的总和输入描述:数组中的元素均为 Number 类型输入例子:sum([ 1,...
2020-05-27
vue-cli系列之vue-cli-service整体架构浅析
概述
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们...
2020-05-27
