JavaScript - 教程之家

84浏览

0评论

react-router4按需加载(踩坑填坑)

react-router4如何去实现按需加载Component，在router4以前，我们是使用getComponent的方式来实现按需加载的，router4中，getComponent方法已经被移除，网上有好几种方案大多都解决的...

2020-05-27

56浏览

0评论

浅谈Vue.js中如何实现自定义下拉菜单指令

我们利用 Vue.js 的自定义指令能力，来实现一个自定义下拉菜单功能。描述如下：点击按钮，弹出下拉菜单。点击下拉菜单之外的区域，关闭下拉菜单。1基础版
html：
<!DOCTYPE html...

2020-05-27

75浏览

0评论

浅谈在Vue.js中如何实现时间转换指令

在社区中，发布的动态信息，经常会有一个相对余实际发布时间的相对时间。比如这里的微博：服务端存储的时间格式，一般为 Unix 时间戳，比如 2019/1/6 13:40:1 的Unix 时间戳为 154675...

2020-05-27

68浏览

0评论

如何封装了一个vue移动端下拉加载下一页数据的组件

前言
简单封装了一个vue下拉加载组件，分享一下，已放到github和前端资源库，欢迎下载！组件代码
<template> <div class="my-scroll" :class="[scrollState?'prohibit':'allow'...

2020-05-27

75浏览

0评论

vue封装一个简单的div框选时间的组件的方法

前言
新年第一篇文章，记录一下我前段时间封装的一个vue组件吧。技术需要积累，有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单...

2020-05-27

48浏览

0评论

Node.js 如何利用异步提升任务处理速度

今天在做一个小任务，需要调用阿里云的图像识别接口，对 62662 张照片进行场景识别，并将结果写到本地的 csv 文件中。因为任务很简单，没想很多就开始码。自从有了 async/await 之...

2020-05-27

45浏览

0评论

JS数组求和的常用方法实例小结

本文实例总结了JS数组求和的常用方法。分享给大家供大家参考，具体如下：js数组求和的方法var array = [1, 2, 3, 4, 5];var sum = 0;1.for循环
for (let i = 0; i < array.leng...

2020-05-27

79浏览

0评论

微信小程序发送短信验证码完整实例

微信小程序注册完整实例，发送短信验证码，带60秒倒计时功能，无需服务器端。效果图:代码:index.wxml<view class="container"> <view class='row'> <input pl...

2020-05-27

72浏览

0评论

jQuery实现的简单歌词滚动功能示例

本文实例讲述了jQuery实现的简单歌词滚动功能。分享给大家供大家参考，具体如下：jquery实现歌词滚动1.css /* CSS Document */* { margin: 0; padding: 0; font-size: 12px;...

2020-05-27

65浏览

0评论

jQuery判断自定义属性data-val用法示例

本文实例讲述了jQuery判断自定义属性data-val用法。分享给大家供大家参考，具体如下：jquery判断自定义属性data-val1.css.active { color: red;}2.html<ul> <li data-val="1"...

2020-05-27

290浏览

0评论

jQuery实现的别踩白块小游戏完整示例

本文实例讲述了jQuery实现的别踩白块小游戏。分享给大家供大家参考，具体如下：首先引入jquery.js1.csshtml,body,.contain { width: 100%; height: 96%; overflow: hidden;...

2020-05-27

61浏览

0评论

小程序二次贝塞尔曲线实现购物车商品曲线飞入效果

前段时间闲暇的时候看到一个贝塞尔曲线算法的文章，试着在小程序里去实现小程序的贝塞尔曲线算法，及其效果。主要应用到的技术点：
1、小程序wxss布局，以及数据绑定
2、js二次bezi...

2020-05-27

58浏览

0评论

Node.js EventEmmitter事件监听器用法实例分析

本文实例讲述了Node.js EventEmmitter事件监听器用法。分享给大家供大家参考，具体如下：Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。events 模块只提供...

2020-05-27

53浏览

0评论

利用React Router4实现的服务端直出渲染(SSR)

我们已经熟悉React 服务端渲染（SSR）的基本步骤，现在让我们更进一步利用 React RouterV4 实现客户端和服务端的同构。毕竟大多数的应用都需要用到web前端路由器，所以要让SSR能够...

2020-05-27

57浏览

0评论

详解Vue iview IE浏览器不兼容报错（Iview Bable polyfill）

由于Iview编译使用到了es6的一些新特性，Internet Explorer所有版本中都会报错，缺少includes、findIxdex等问题。本人研究涉及到的环境：VueCli3.2 + iview 3.1.5
在IE中不支持ES...

2020-05-27

66浏览

0评论

vue+iview 兼容IE11浏览器的实现方法

最近在搞一个基于vue的后台管理系统兼容IE浏览器，眼泪都要掉下来。后来和产品说了，同意兼容IE11，感动得我眼泪啊这里也就是记录一下我遇到的超级烦的bug 首先是'babel-polyfill...

2020-05-27

70浏览

0评论

关于React动态加载路由处理的相关问题

前言
相信很多人都遇到过想在React项目中动态加载路由这种问题，接下来我们逐步实现。
引入必要的依赖
import React from 'react'import { Router, Route, IndexRoute, hashH...

2020-05-27

73浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

290浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

65浏览

0评论

vue组件通信传值操作示例

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

98浏览

0评论

从vue源码看props的用法

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

2020-05-27

143浏览

0评论

nodeJS进程管理器pm2的使用

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

62浏览

0评论

puppeteer库入门初探

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

2020-05-27

101浏览

0评论

爬虫利器Puppeteer实战

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

206浏览

0评论

Windows下Node爬虫神器Puppeteer安装记

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

2020-05-27

热门文章