112浏览

0评论

JavaScript find()方法及返回数据实例

顾名思义就是 查找传入的对应数据当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefine...

• 2020-05-27

62浏览

0评论

javascript 模块依赖管理的本质深入详解

本文实例讲述了javascript 模块依赖管理的本质。分享给大家供大家参考，具体如下：模块模式定义模块是'javascript'的一种设计模式，它为函数定义一个包装函数，并且该包装函数的返...

• 2020-05-27

71浏览

0评论

JavaScript自定义超时API代码实例

API是提供给不同语百言的一个接口，也就是对应的函数里面提供了相应的方法。我们只要用js的语法去调用想要的功能就可以。例如度js里面的BOM有screen的方法，他就是浏览器提供给...

• 2020-05-27

98浏览

0评论

JS判断浏览器类型与操作系统的方法分析

本文实例讲述了JS判断浏览器类型与操作系统的方法。分享给大家供大家参考，具体如下：navigator.userAgent : userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用...

• 2020-05-27

115浏览

0评论

Javascript异步执行不按顺序解决方案

案例分析：比如执行懒加载时候，onscroll 事件触发多次事件时候会调用多次 ajax 回调事件，由于每个事件返回先后次序并不能保证和触发前一致，所以在数据响应返回后所添加的数据顺...

• 2020-05-27

96浏览

0评论

Vue发布订阅模式实现过程图解

vue项目中不同组件间通信一般使用vuex，通常情况下vuex和EventBus不应该混用，不过某些场景下不同组件间只有消息的交互，这时使用EventBus消息通知的方式就更合适一些。图解html<...

• 2020-05-27

83浏览

0评论

jQuery实现高度灵活的表单验证功能示例【无UI】

本文实例讲述了jQuery实现高度灵活的表单验证功能。分享给大家供大家参考，具体如下：表单验证是前端开发过程中常见的一个需求，产品需求、业务逻辑的不同，表单验证的方式方法也有...

• 2020-05-27

84浏览

0评论

JS使用正则表达式实现常用的表单验证功能分析

本文实例讲述了JS使用正则表达式实现常用的表单验证功能。分享给大家供大家参考，具体如下：表单验证是一个网站或应用的重点，一条合适的错误提示不仅可以减少无效信息录入，更会给...

• 2020-05-27

89浏览

0评论

详解Vue串联过滤器的使用场景

平时开发中，需要用到过滤器的地方有很多，比如单位转换、数字打点、文本格式化等，比如：Vue.filter('toThousandFilter', function (value) { if (!value) return '' value = valu...

• 2020-05-27

91浏览

0评论

Vue中通过属性绑定为元素绑定style行内样式的实例代码

1.直接在元素上通过:style的形式，书写样式对象<h1 :style="{color:'red','font-weight':200}">这是一个H1</h1>2.将样式对象定义在data中，并直接引用到:style中1:在data上定义...

• 2020-05-27

403浏览

0评论

JS XMLHttpRequest原理与使用方法深入详解

本文实例讲述了JS XMLHttpRequest原理与使用方法。分享给大家供大家参考，具体如下：你真的会使用XMLHttpRequest吗？看到标题时，有些同学可能会想：“我已经用xhr成功地发过很多个Aj...

• 2020-05-27

126浏览

0评论

jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

本文实例讲述了jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较。分享给大家供大家参考，具体如下：前言：
最近在工作中做需求时发现了一个诡异的事情，在使用j...

• 2020-05-27

292浏览

0评论

vue使用map代替Aarry数组循环遍历的方法

需求：根据主键id来找到对应的数组下标原本的方法是使用for循环遍历该数组，变量 i 就是下标，问题在于，如果有多重for循环，就会导致性能大大下降，数据也容易出错因此使用map，让数组（原...

• 2020-05-27

57浏览

0评论

jQuery实现的解析本地 XML 文档操作示例

本文实例讲述了jQuery实现的解析本地 XML 文档操作。分享给大家供大家参考，具体如下：Create a jQuery object using an XML string and obtain the value of the title node.<...

• 2020-05-27

45浏览

0评论

VSCode搭建Vue项目的方法

在vscode上搭建一个vue项目---初学总结。1.假设Vscode、nodejs等已经安装好了。2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。安装命令：npm install -g vue-cli打...

• 2020-05-27

139浏览

0评论

vue项目中使用bpmn为节点添加颜色的方法

内容概述bpmn是比较方便的绘制流程图的插件，官方demo https://github.com/bpmn-io/bpmn-js-examples本文主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注...

• 2020-05-27

106浏览

0评论

浅谈Vue3.0新版API之composition-api入坑指南

关于VUE3.0
由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲 使用vite体验vue3.0 composition-api解决了什...

• 2020-05-27

102浏览

0评论

vue 输入电话号码自动按3-4-4分割功能的实现代码

输入框绑定<input class="inputBox" type="phone" placeholder=" 请输入手机号" maxlength="13" v-model="phoneNum"/>监听事件，每次号码发生改变时触发
大体的逻辑是：先比较...

• 2020-05-27

43浏览

0评论

JS深入学习之数组对象排序操作示例

本文实例讲述了JS深入学习之数组对象排序功能。分享给大家供大家参考，具体如下：JavaScript实现多维数组、对象数组排序，其实用的就是原生的sort()方法，用于对数组的元素进行排序...

• 2020-05-27

63浏览

0评论

javascript实现移动端 HTML5 图片上传预览和压缩功能示例

本文实例讲述了javascript实现移动端 HTML5 图片上传预览和压缩功能。分享给大家供大家参考，具体如下：在开发移动端web网页中，我们不可避免的会遇到文件上传的功能，但由于手机图...

• 2020-05-27

64浏览

0评论

jQuery实现的上拉刷新功能组件示例

本文实例讲述了jQuery实现的上拉刷新功能组件。分享给大家供大家参考，具体如下：技术要点：1、jQuery的插件写法2、上拉刷新步骤分解3、css样式jQuery的插件写法：$.fn.pluginName...

• 2020-05-27

53浏览

0评论

jQuery从零开始做一个分页组件功能示例

本文实例讲述了jQuery从零开始做一个分页组件功能。分享给大家供大家参考，具体如下：开始一个组件，毫无目的的写代码是一个不好的习惯，要经历 分析 => 抽象 => 实现 => 应用 四个...

• 2020-05-27

80浏览

0评论

JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】

本文实例讲述了JS表单验证插件之数据与逻辑分离操作。分享给大家供大家参考，具体如下：之前已经写过一个表单验证插件了，为什么还会重复造轮子呢？第一个问题是代码结构比较乱，虽然...

• 2020-05-27

97浏览

0评论

在react中使用vue的状态管理的方法示例

我是要介绍一个新的 react 全局共享状态管理器，它和 vue 组件的状态管理一起同工之妙。马上体验在 react 状态管理领域，react-redux 可谓是只手遮天了，基于 flux 思想实现，小巧，i...

• 2020-05-27

97浏览

0评论

react-router-dom 嵌套路由的实现

入口文件index.js：import React from "react"import ReactDOM from "react-dom"import App from "./App.jsx"import "babel-polyfill"const root = document.getElementById(...

• 2020-05-27

86浏览

0评论

解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)

React在安装antd之后出现的Can't resolve './locale'问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。解决方案...

• 2020-05-27

140浏览

0评论

autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法

1、简介定时 实现对蚂蚁森林能量的自动拾取，以及帮指定好友浇水2、开发环境搭建语言: javaScript
开发工具：vcCode. auto.js1)、手机安装 auto.js我们编写的脚本就是在这个上...

• 2020-05-27

78浏览

0评论

js实现无缝轮播图特效

用原生js实现无缝轮播图，供大家参考，具体内容如下index.js：var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'...

• 2020-05-27

86浏览

0评论

Node.js API详解之 os模块用法实例分析

本文实例讲述了Node.js API详解之 os模块用法。分享给大家供大家参考，具体如下：os是Node的一个基础模块，提供了一些操作系统相关的属性接口。通过 const os = require('os');...

• 2020-05-27

124浏览

0评论

详解react组件通讯方式(多种)

1、父组件向子组件传值父组件向子组件传值一般采用props属性传递父组件：import React from 'react'import Child from './Child'const dataList = [ { id: '001', value: '张...

• 2020-05-27

135浏览

0评论

微信小程序中使用 async/await的方法实例分析

本文实例讲述了微信小程序中使用 async await的方法。分享给大家供大家参考，具体如下：
微信小程序中有大量接口是异步调用，比如 wx.login()、wx.request()、wx.getUserInfo()...

微信
• 2020-05-27

83浏览

0评论

Vue 的双向绑定原理与用法揭秘

本文实例讲述了Vue 的双向绑定原理与用法。分享给大家供大家参考，具体如下：Vue 中需要输入什么内容的时候，自然会想到使用 <input v-model="xxx" /> 的方式来实现双向绑定。下...

• 2020-05-27

111浏览

0评论

ES5 模拟 ES6 的 Symbol 实现私有成员功能示例

本文实例讲述了ES5 模拟 ES6 的 Symbol 实现私有成员功能。分享给大家供大家参考，具体如下：ES6 中有类语法，定义类变得简单了class Person { constructor(name) { this._na...

• 2020-05-27

47浏览

0评论

JavaScript布尔运算符原理使用解析

布尔运算符分为四种: 取反运算符(!) 且运算符(&&) 或运算符(||) 三元运算符( &#63; 表达式1 : 表达式2 )
取反运算符(!)
用于将任何值转换为布尔值后再变为相反值,即t...

• 2020-05-27

88浏览

0评论

基于vue3.0.1beta搭建仿京东的电商H5项目

前言就在前段时间，vue官方发布了3.0.0-beta.1 版本，趁着五一假期有时间，就把之前的一个电商商城的项目，用最新的Composition API拿来改造一下！GitHub地址请访问：https://github.co...

• 2020-05-27

62浏览

0评论

JS 设计模式之：单例模式定义与实现方法浅析

本文实例讲述了JS 设计模式之：单例模式定义与实现方法。分享给大家供大家参考，具体如下：良好的设计模式可以显著提高代码的可读性，降低复杂度和维护成本。笔者打算通过几篇文章...

• 2020-05-27

62浏览

0评论

JS 设计模式之：工厂模式定义与实现方法浅析

本文实例讲述了JS 设计模式之：工厂模式定义与实现方法。分享给大家供大家参考，具体如下：前言上次我们介绍了单例模式，没看过的小伙伴可以看这个链接：浅析 JS 设计模式之：单例模式...

• 2020-05-27

49浏览

0评论

让IDE识别webpack的别名alias的实现方法

许多项目脚手架默认就会把src目录添加一个@别名，项目中实际引入时，虽然可以精简路径，但也带来一个很麻烦的问题：
IDE无法识别这些别名，因此导致无法自动完成路径、无法识别引用资...

• 2020-05-27

52浏览

0评论

将Vue组件库更换为按需加载的方法步骤

本文介绍了将Vue组件库更换为按需加载的方法步骤，分享给大家，具体如下：按需加载DEMO仓库地址
背景
我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积...

• 2020-05-27

58浏览

0评论

JavaScript面向对象三个基本特征实例详解【封装、继承与多态】

本文实例讲述了JavaScript面向对象三个基本特征。分享给大家供大家参考，具体如下：了解过面向对象的同学应该都知道，面向对象三个基本特征是：封装、继承、多态，但是对于这三个词具...

• 2020-05-27

52浏览

0评论

深入webpack打包原理及loader和plugin的实现

本文讨论的核心内容如下： webpack 进行打包的基本原理 如何自己实现一个 loader 和 plugin注： 本文使用的 webpack 版本是 v4.43.0 , webpack-cli 版本是 v3.3.11 ， node 版...

• 2020-05-27

63浏览

0评论

JavaScript面向对象之七大基本原则实例详解

本文实例讲述了JavaScript面向对象之七大基本原则。分享给大家供大家参考，具体如下：面向对象编程有自己的特性与原则，如果对于面向对象有一些了解的话，面向对象三大特征，封装、继...

• 2020-05-27

60浏览

0评论

Vue SSR 即时编译技术的实现

当我们在服务端渲染 Vue 应用时，无论服务器执行多少次渲染，大部分 VNode 渲染出的字符串是不变的，它们有一些来自于模板的静态 html，另一些则来自模板动态渲染的节点（虽然在客户...

• 2020-05-27

149浏览

0评论

Layui弹框中数据表格中可双击选择一条数据的实现

Layui提供的功能如下（预览）可自行查看：layui官网此模块的链接
着急看双击选中 直接看标黄色部分假设这是个弹窗里的表格和数据点击圆圈，圆圈变绿则为选中，选中后点击上方查看数据...

• 2020-05-27

109浏览

0评论

javascript 代码是如何被压缩的示例代码

随着前端的发展，特别是 React ， Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。 此时的前端的静态资源也越来越庞大，而毫无疑问 javascri...

• 2020-05-27

77浏览

0评论

JS面试题中深拷贝的实现讲解

在面试中你是否遇到过如下场景：Q：小朋友，你是否了解如何拷贝一个对象？R：此时，机智的你可能会想到Object.assign({}, obj);Q：那如何深拷贝一个对象呢？R：机智的你JSON.parse(JSON.strin...

• 2020-05-27

98浏览

0评论

Node.js API详解之 timer模块用法实例分析

本文实例讲述了Node.js API详解之 timer模块用法。分享给大家供大家参考，具体如下：Node.js API详解之 timertimer 模块暴露了一个全局的 API，用于在某个未来时间段调用调度函数...

• 2020-05-27

52浏览

0评论

angular组件间传值测试的方法详解

前言
我们知道angular组件间通讯有多种方法，其中最常用的一种方法就是借助于 @Input 和 @Output 进行通讯。具体如何通讯请参考angular组件间通讯，本文不再赘述，我们来讲讲关于...

• 2020-05-27

95浏览

0评论

简单了解JavaScript弹窗实现代码

功能
点击写点什么弹窗，可以输入文字。
关闭弹窗时自动保存，并且将弹窗内容转换为段落中的文字。
low没有下限
实现
step1 设置弹窗容器，包含关闭按钮和文本区域，设置display为...

• 2020-05-27

113浏览

0评论

微信小程序pinker组件使用实现自动相减日期

首先，我这里使用pinker组件代码为<view class="section"> <view class="section__title">开始时间</view> <picker mode="date" value="{{date}}" start="{{startTime}}"...

微信
• 2020-05-27