JavaScript - 教程之家

61浏览

0评论

Vue2.x Todo之自定义指令实现自动聚焦的方法

我们希望用户双击 todo 进入编辑状态后输入框自动获取焦点，而不是需要先手动点一下。input 元素有一个 focus 方法可以来帮我们完成这个事情，但现在的问题是如何在 Vue 中获得...

2020-05-27

35浏览

0评论

关于微信小程序登录的那些事

前言最近团队在开发一款小程序，都是新手，一边看文档，一边开发。在开发中会遇到各种问题，今天把小程序登录这块的流程整理下，做个记录。小程序的登录跟平时自己APP这种登录验证还...

2020-05-27

41浏览

0评论

JS实现的获取银行卡号归属地及银行卡类型操作示例

本文实例讲述了JS实现的获取银行卡号归属地及银行卡类型操作。分享给大家供大家参考，具体如下：在做绑定银行卡，输入银行卡的时候，产品有这么一个需求，需要用户输入银行卡号的时候...

2020-05-27

58浏览

0评论

Angular6 用户自定义标签开发的实现方法

2018年4月23随着angular6 发布，我们可以看到在其官方手册中的模板元素章节中增加了一个Element 条目(中文)，通过说明我们可以知道这个功能可以帮助我们将angular以html标签的...

2020-05-27

46浏览

0评论

Angular6 发送手机验证码按钮倒计时效果实现方法

1.组件中定义两个变量，分别用于控制按钮是否可以点击（countDown）和按钮上的倒计时数字（countDownTime）：countDown = false;countDowmTime = 60; // 这里设置倒计时为60SshowButton...

2020-05-27

53浏览

0评论

JQuery搜索框自动补全(模糊匹配)功能实现示例

本地实现了一个搜索框自动补全的小功能,在JQuery UI的autocomplete插件的基础上,加入了自己的业务代码,贴出来回顾一下,同时可以给大家一个参考
首先贴出的是JQuery Ui 的自...

2020-05-27

53浏览

0评论

JS简单判断是否在微信浏览器打开的方法示例

本文实例讲述了JS简单判断是否在微信浏览器打开的方法。分享给大家供大家参考，具体如下：最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司AP...

2020-05-27

267浏览

0评论

详解React中合并单元格的正确写法

用表格进行页面布局,页面布局在各种浏览器的的兼容性, 都非常好, 而在react中使用表格布局, 合并单元格的写法比较特殊, 博主查了很久才找到正确的写法, 在这里分享一下效果...

2020-05-27

35浏览

0评论

vuejs简单验证码功能完整示例

本文实例讲述了vuejs简单验证码功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body> <div id="app"> <!-- 验证码输入框...

2020-05-27

50浏览

0评论

利用d3.js力导布局绘制资源拓扑图实例教程

前言最近公司业务服务老出bug，各路大佬盯着链路图找问题找的头昏眼花。某天大佬丢了一张图过来“我们做一个资源拓扑图吧，方便大家找bug”。就是这个图，应该是马爸爸家的好吧，来...

2020-05-27

51浏览

0评论

vue组件通信传值操作示例

本文实例讲述了vue组件通信传值操作。分享给大家供大家参考，具体如下：父子组件通信：子组件<template> <div> <h3 @click="alerrt"> 我是子组件一</h3> <span>{{parentMessage...

2020-05-27

43浏览

0评论

小试SVG之新手小白入门教程

基本概念
svg(Scalable Vector Graphics)是一种基于XML语法的图像格式，全称是可缩放矢量图，其它图像格式都是基于像素处理的，SVG则是属于对图像的形状描述，所以它本质上是文本文...

2020-05-27

33浏览

0评论

说说如何在Vue.js中实现数字输入组件的方法

我们对普通输入框进行扩展，实现一个可快捷输入数字组件。
首先制定规则：只能输入数字。设计两个快捷按钮，可直接在当前值的基础上增 1 或者减 1。数字输入组件可设置初始...

2020-05-27

68浏览

0评论

vue单文件组件lint error自动fix与styleLint报错自动fix详解

问题描述
之前用Vue(多入口打包成多页)的项目,要修改迁移并修改为一个单页应用,且使用Vue脚手架生成项目,要对js,vue,css文件的代码做lint,在修改Webpack配置后第一次跑lint...

2020-05-27

56浏览

0评论

JavaScript学习笔记之DOM操作实例分析

本文实例讲述了JavaScript学习笔记之DOM操作。分享给大家供大家参考，具体如下：一、DOM概念1. "D":Docment,指的是文档
2. “O”：Object，指的是对象，在javascript有三种对象：用户定...

2020-05-27

64浏览

0评论

JavaScript学习笔记之图片库案例分析

本文实例讲述了JavaScript图片库。分享给大家供大家参考，具体如下：一、一个javascript 图片库实例，下面是效果图点击顶部导航，会在本页面进行刷新图片，然后，在底部会显示文本的变...

2020-05-27

47浏览

0评论

一个因@click.stop引发的bug的解决

问题
在项目页面中使用 element popover，设置trigger='click'时点击外部不会触发自动隐藏，但在 element 官网中是可以正常触发的（官方示例），项目中的菜单是自定义写的，所以怀疑是...

2020-05-27

61浏览

0评论

vue-cli2 构建速度优化的实现方法

对于使用 vue-cli 脚手架创建的前端项目，编译发布几乎是必需操作，有的编译只需要几秒钟，快如闪电，有的却需要好几分钟，慢如蜗牛。如果是线上进行热修复，那更是分秒必争，网页响应的...

2020-05-27

67浏览

0评论

浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考

前言
最近需要做一个浏览器的, 支持大体积文件上传且要支持断点续传的上传组件, 本来以为很容易的事情, 结果碰到了一个有意思的问题:
循环执行连续的异步任务, 且后一个任...

2020-05-27

78浏览

0评论

从vue源码看props的用法

前言
平时写vue的时候知道 props 有很多种用法，今天我们来看看vue内部是怎么处理 props 中那么多的用法的。vue提供的props的用法
1. 数组形式
props: ['name', 'value']2....

2020-05-27

106浏览

0评论

nodeJS进程管理器pm2的使用

pm2是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的。PM2是开源的基于Nodejs...

2020-05-27

52浏览

0评论

浅谈webpack性能榨汁机(打包速度优化)

最近对项目的本地开发环境进行了打包速度优化，原有项目，网上能搜到的优化方案基本都加了，在16年低配mac pro 上打包时间为25秒多，但我发现细节做一些调整可能大大降低打包时间，最...

2020-05-27

41浏览

0评论

JavaScript学习笔记之数组基本操作示例

本文实例讲述了JavaScript学习笔记之数组基本操作。分享给大家供大家参考，具体如下：一、数组定义1、定义vara=[1,2,3]vara=newArray(1,2,3);2、长度返回长度<script> vara=[1,...

2020-05-27

67浏览

0评论

如何解决webpack-dev-server代理常切换问题

背景
通常我们有一份webpack.dev.config.js使用webpack-dev-server的proxy，代理到开发服务器，来解决本地跨域问题。假如项目变大，可能需要proxy到不同环境，比如docker，或者后端开...

2020-05-27

45浏览

0评论

JavaScript学习笔记之DOM基础操作实例小结

本文实例讲述了JavaScript DOM基础操作。分享给大家供大家参考，具体如下：一、子节点1、元素节点、文本节点实例01html<body> <ulid="ul1">文本节点1 <li></li>文本节点2<li></...

2020-05-27

48浏览

0评论

element-ui 时间选择器限制范围的实现（随动）

需求：
选择日期范围，但是选择范围需要在一周以内。举个栗子：假设选第一个日期为1月17日，那么1月11日以前、1月23号以后的日期都需要设为禁选状态。方法：
考虑到有两种设计方式：
1...

2020-05-27

50浏览

0评论

JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

本文实例讲述了JavaScript学习笔记之基于定时器实现图片无缝滚动功能。分享给大家供大家参考，具体如下：一、无缝滚动理论基础基础知识1.setInterval（function，time）、clearInterv...

2020-05-27

52浏览

0评论

node.js的Express服务器基本使用教程

前言Express 是一个node.js Web框架，提供强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。他可以让前端工程师做后端的事，与数据库交互，可以通过向模板传递参数来动态渲染...

2020-05-27

44浏览

0评论

puppeteer库入门初探

puppeteer 是一个Chrome官方出品的headless Chrome node库。它提供了一系列的API, 可以在无UI的情况下调用Chrome的功能, 适用于爬虫、自动化处理等各种场景根据官网上描述，p...

2020-05-27

94浏览

0评论

爬虫利器Puppeteer实战

Puppeteer 介绍Puppeteer 翻译是操纵木偶的人，利用这个工具，我们能做一个操纵页面的人。 Puppeteer 是一个 Nodejs 的库，支持调用 Chrome的API来操纵Web ，相比较 Selenium 或是...

2020-05-27

59浏览

0评论

jQuery实现根据身份证号获取生日、年龄、性别等信息的方法

本文实例讲述了jQuery实现根据身份证号获取生日、年龄、性别等信息的方法。分享给大家供大家参考，具体如下：jquery根据身份证号获取生日、年龄、性别1.html<input type="text"...

2020-05-27

58浏览

0评论

jQuery简单实现根据日期计算星期几的方法

本文实例讲述了jQuery简单实现根据日期计算星期几的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.o...

2020-05-27

194浏览

0评论

Windows下Node爬虫神器Puppeteer安装记

对于爬虫，相信大家并不陌生。当希望得到一些网站的数据并做一些有趣的事时，必不可少要爬取网页，用到爬虫。而目前网络上也有很多爬虫的教程资料，不过又尤以python语言居多。想来...

2020-05-27

48浏览

0评论

微信小程序实现的日期午别医生排班表功能示例

本文实例讲述了微信小程序实现的日期午别医生排班表功能。分享给大家供大家参考，具体如下：1.util.js//获取几天后日期function dateCount(arg,date) { var date1 = arg; var d...

2020-05-27

72浏览

0评论

微信小程序公用参数与公用方法用法示例

本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考，具体如下：公用参数：小程序的公共参数，例如网络请求地址、可配置项，可以写在app.js文件的globalData参数...

2020-05-27

36浏览

0评论

react组件从搭建脚手架到在npm发布的步骤实现

最近公司给公司里架设了私有的npm仓库，相应地也需要一个用来发布react组件用的脚手架，在这个过程中又又又又复习了一下webpack，在这里分享下脚手架搭建的过程。首先，我们预期的...

2020-05-27

62浏览

0评论

浅谈JavaScript 代码简洁之道

测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。本文并不是代码风格...

2020-05-27

59浏览

0评论

微信小程序提取公用函数到util.js及使用方法示例

本文实例讲述了微信小程序提取公用函数到util.js及使用方法。分享给大家供大家参考，具体如下：在小程序中，定义了一项工具文件utils,此文件的js旨在本文件之内有效，当其他子页面...

2020-05-27

64浏览

0评论

其实你可以少写点if else与switch（推荐）

前言
作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。
不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人...

2020-05-27

48浏览

0评论

puppeteer实现html截图的示例代码

puppeteer是谷歌官方出品的一个通过 DevTools 协议控制 headless Chrome 的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为...

2020-05-27

46浏览

0评论

最简单的JS实现json转csv的方法

工作久了，总会遇到各种各样的数据处理工作，比如同步数据，初始化一些数据，目前比较流行的交互数据格式就是JSON，可是服务器中得到的JSON数据如果提供给业务人员看的话可能会非常不...

2020-05-27

72浏览

0评论

微信小程序地图(map)组件点击(tap)获取经纬度的方法

微信小程序中使用地图(map)组件，通过点击(tap)获取经纬度，按照官方的回应，暂时是没法做到的，从地图组件API多有残缺判断，怀疑是个实习生干的...做个变通，适用性有限，请大家参考。基...

2020-05-27

40浏览

0评论

vue实现压缩图片预览并上传功能（promise封装）

本文实例为大家分享了vue实现压缩图片预览并上传的具体代码，供大家参考，具体内容如下主要用到filereader、canvas 以及 formdata 这三个h5的api过程大致分为三步：用户使用input...

2020-05-27

41浏览

0评论

详解在Node.js中发起HTTP请求的5种方法

创建HTTP请求使现代编程语言的核心功能之一，也是很多程序员在接触到新的开发环境时最先遇到的技术之一。在Node.js中有相当多的解决方案，其中有语言内置功能，也有开源社区贡献...

2020-05-27

55浏览

0评论

微信公众号H5支付接口调用方法

本文实例为大家分享了微信内H5调用支付接口的具体代码，供大家参考，具体内容如下官方文档地址<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>微信...

2020-05-27

55浏览

0评论

JS函数节流和防抖之间的区分和实现详解

在写JS时，这两个函数比较常见，有时候傻傻分不清用哪个，或者说知道代码要怎么写，但要说出它究竟是节流函数还是防抖函数时一脸楞逼。今天有一个同学分享了这两个的区分，我也来回顾...

2020-05-27

54浏览

0评论

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

72浏览

0评论

详解Vue项目部署遇到的问题及解决方案

写在前面
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：ha...

2020-05-27

53浏览

0评论

JavaScript创建对象的四种常用模式实例分析

本文实例讲述了JavaScript创建对象的四种常用模式。分享给大家供大家参考，具体如下：这里介绍了javascript中创建对象常用的几种模式，包括：工厂模式，构造函数模式，原型模式，组合构造...

2020-05-27

54浏览

0评论

JavaScript惰性求值的一种实现方法示例

前言在学习 Haskell 时，我遇到了这种写法：sum (takeWhile (<10000) (filter odd (map (^2) [1..])))这段代码的意思是，找出自然整数中小于 10000 的同时是乘方数和奇数的数字，再...

2020-05-27

热门文章