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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文实例讲述了JavaScript设计模式之观察者模式与发布订阅模式。分享给大家供大家参考，具体如下：
学习了一段时间设计模式，当学到观察者模式和发布订阅模式的时候遇到了很大的...

本文实例讲述了Vue双向绑定实现原理与方法。分享给大家供大家参考，具体如下：昨天接到一个电话面试，上来第一个问题就是Vue双向绑定的原理。当时我并不知道如何监听数据层到视图...

BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 fe...

前言一个Angular应用一般情况下包含多个组件，而且要让组件互相之间能进行通讯（数据传送），这样才能构成一个有机的完整系统。1、情景引入
下面例举一个实际遇到的情况：
上图页面包...

本文实例讲述了Vue实现原理。分享给大家供大家参考，具体如下：用了Vue也有两年时间了，一直以来都是只知其然，不知其所以然，为了能更好的使用Vue不被Vue所奴役，学习一下Vue底层的基...

日历
在学习javascript过程中，菜鸟教程有一个javascript实例---css日历，感觉挺有趣的，在它的基础上增加了一些简单的功能（差点哭辽）。功能
按照传统日历方式显示该月的每一天。...

javascript实现幻灯片播放
实现原理
step1 设置容器，包含图片、翻页、下标等元素，通过相对定位来布局。 step2 将幻灯片变化，需要改变的元素放在一个字容器内，display设为non...

本文实例讲述了原生JavaScript创建不可变对象的方法。分享给大家供大家参考，具体如下：Javascript是一种灵活的语言，你可以重新定义任何东西，但是当项目变得复杂时，我们会发现可变...