本文实例讲述了JS实现滑动拼图验证功能。分享给大家供大家参考，具体如下：先看一下效果图：设置画布滑块属性const l = 42, // 滑块边长 r = 10, // 滑块半径 w = 310, // canvas...

本文实例讲述了Bootstrap简单实用的表单验证插件BootstrapValidator用法。分享给大家供大家参考，具体如下：Bootstrap是现在非常流行的一款前端框架，这篇来介绍一款基于Bootstra...

vue计算属性在模板中放入大量的逻辑会让模板过重且难以维护计算属性下所有函数可以放到computed中class与style绑定原始写法 v-bind:class 缩写 :classclass绑定的三种形式s...

本文实例为大家分享了javascript实现简易数码时钟的具体代码，供大家参考，具体内容如下通过这个小例子复习一下Date对象的基本使用.
还可以用Date对象做定时器，计时器等等.效果...

作者：Matt Maribojoc 译者：前端小智 来源：medium随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我...

前文之前一年多前接手的一个react项目，前段时间因为做业务中台项目，对公司现有的应用项目做中台化改造，这期间将项目部署到uat环境，测试期间，测试小妹妹和产品大叔都吐槽进入uat...

前端构建场景有两种，一种是单页面构建，另一种是多入口构建多页面应用程序（我视野比较小，目前就知道这两种），下面我们针对这两种场景总结了几种抽离第三方类库以及公共文件的解决方...

小程序商城项目中，需要设置价格区间，或者在旅游行业项目中需要设置时间区间，双头选择器有比较好的交互效果 支持设置单头、双头选择器 支持自定义选择头的文字/图片 支持自...

小程序日历组件日历组件，表单组件绝逼是前端开发的一个噩梦，尤其要做好一个旅游项目的日历，变态需求特别多，要在小程序中实现携程app的日历，还要兼顾性能问题。 自定义横向/纵向...

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。基本用法基础用...

react-i18n-auto专门为中文国际化提供的自动化方案，快速迭代国际化开发，方法如下安装
npm install react-i18n-auto --save-dev第一步：添加babel插件配置（.babelrc添加方式）
{ "...

版本：3.1.x报错原因：
使用push()、replace()进行导航时，不能重复导航到当前路由。解决办法：
方法1：在定义路由的文件中router/index.jsconst originalPush = VueRouter.prototype...

①先在我们的登录页面存储一个登录数据// 登录成功时保存一个登录状态；sessionStorage.setItem("flag", 1);② 添加路由守卫方法一： 直接在路由中添加const router = new VueR...

数据导出为excel是前端比较常用的功能。笔者近期在网上收集汇总了几种常用的方法，供大家使用。1、ActiveXObject(“Excel.Application”)这种方法只能在IE下使用。
优点：参照V...

最近项目需要实现可编辑的动态多级表头表格，看了两天的文章，始终没有找到我想要的效果，在了解了render+jsx的基础用法后，自己基于element-ui封装了一个，数据格式参考element-ui t...

在Selenium中可以使用drvier.execute_script()来执行Javascript脚本，支持多行语句。
使用Javascript可以实现以下功能： 移除元素隐藏、禁用、只读等限制属性 为元素添加id或...

一、简介Viewer.js 是一款强大的图片查看器。Viewer.js 有以下特点：支持移动设备触摸事件
支持响应式
支持放大/缩小
支持旋转（类似微博的图片旋转）
支持水平/垂直翻转
支持图...

由于Sharp基于C++的libvips库来实现，本地Mac开发完后在部署时安装sharp模块时会基于测试环境Liunx平台编译安装，测试环境安装时发现请求github下载libvips-8.9.1-linux-x64.ta...

1. 概述
js发展初期暴露了其缺陷：缺乏模块，后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手，发现对于其JavaScript的模块机制，不是很理解。我查阅了一些资料整理...

1.webpack 3.11升级4.26
为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项...

今天清理chrome书签，突然就点到了一个关于 知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图图片描述这个网页展示了一个类似ide...

在这篇文章里，我将把JS的运动由简如深的进行分析：
运动基础主要步骤为：清除定时器，保证运动过程中只有一个定时器开启定时器开始运动，同时加入判断以便在需要时停止运动。将移动...

对于图片较多的页面，使用懒加载可以大幅提高页面加载速度，提高用户体验。懒加载的意义（为什么要使用懒加载）
对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小...

async官方DOC介绍
node安装
npm install async --save
使用var async = require('async')
js文件
https://github.com/caolan/async/tree/master/distasync提供了很多函数用...

组合继承
组合继承，指将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后思路使用用原型链实现对原型属性和方法的继承，而通过构造函数来实现对...

本文实例为大家分享了js鼠标拖拽事件的详细实现代码，供大家参考，具体内容如下图片如下:css代码<style> *{ margin:0; padding:0; } #box{ width: 200px; height: 200px; backg...

一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简...

Math对象<script> // Math数学对象 不是一个构造函数 ，所以我们不需要new 来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性 圆周率 co...

JavaScript可以同样式进行交互，你可以通过编写程序来动态改变文档上元素的样式。有三种方法可以实现这样的效果： 控制样式表—可以添加、删除、修改样式表。 控制样式规则—...

definePropertyObject提供的方法，用于给对象添加自定义属性具体用法如下：const obj = { _value: 1 };Object.defineProperty(obj, 'value', { get: function() { console....

上一篇简单介绍了mpvue实现快递单号查询,慢慢发现mpvue真的和vue很像,但它有几乎十分的吻合小程序的语法规范,刚开始用起来会觉得特点的爽,但涉及到细节却是有很多采坑的地...

mpvue是什么？mpvue 是一套定位于开发小程序的前端开发框架，其核心目标是提高开发效率，增强开发体验。使用该框架，开发者只需初步了解小程序开发规范、熟悉 Vue.js 基本语法即可...

一、问题用elementUi横着增加一行数据没毛病，可以操作
添加一列，这新增的这一列， 第一次去赋值的时候值是改了， 但没生效
点击下一行时 值就变过来二、原因横向添加 是复制上面...

导读
记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码...

前言
我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。
例子
举例来说 这样的一个组件：
<templat...

前言
Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。
另外本文的结论对于性能的毁灭是针对列表子元素顺序...

结论： 更新DOM的时候会出现性能问题 会发生一些状态bug React 中的 key 也是如此 如果已经了解 为什么要用key，可以通过目录直接跳到下一节。为什么要用key？
Vue 和 React...

本文实例讲述了jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法。分享给大家供大家参考，具体如下：实现效果如上图，当鼠标放置到名字上时，则显示出内容详情。实现具体...

本文实例讲述了jQuery 图片查看器插件 Viewer.js用法。分享给大家供大家参考，具体如下：html:<!-- 引入文件 --><link rel="stylesheet" href="/css/viewer.min.css" rel="exte...

最近写一些简单的测试代码时，为了方便直接在node终端执行发现有些ES6语法不支持，记录一下解决方式现象新建class.js文件后添加如下代码// constructerclass Person { construc...

本文实例讲述了Vue插件之滑动验证码用法。分享给大家供大家参考，具体如下：目录 预览 基于滑动式的验证码，免于字母验证码的繁琐输入 用于网页注册或者登录 安装...

本文实例讲述了js实现登录时记住密码的方法。分享给大家供大家参考，具体如下：常见的很多网站登录，都有记住密码功能，下面是用js实现的记住密码功能（代码用的源生js，不用引入任何插...

本文实例讲述了jquery实现两个div中的元素相互拖动的方法。分享给大家供大家参考，具体如下：这里写了两个实例，两个都是基于jquery实现的。如果有更好的方法，欢迎分享。第一个效...

方法一、自定义函数实现，不方便自定义调用function FillZero(p) {return new Array(3 - (p + '').length + 1).join('0') + p;}FillZero(6); //输出006方法二、String方法一...

本文给大家分享一个canvas的时钟绘制，供大家参考，具体内容如下复制可直接使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> h1 { text-alig...

本篇文章通过分析react-loadable包的源码，手把手教你实现一个react的异步加载高阶组件
1. 首先我们想象中的react异步加载组件应该如何入参以及暴露哪些API？
// 组件应用impor...

//工作中遇到的：（1）Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed prop...

最近学习和项目都用到了Vue和ElementUI，自己不是专业前端，搞这些UI上的东西还是有些难度，这里推荐两个Vue + ElementUI后台管理模板vue-element-admin
vue-element-admin官网介...

Angular CLI 在 8.3.0 发布过一个新命令 ng deploy，可以将 Angular 应用部署到远程服务器或云存储上面，例如：Firebase hosting、Azure、GitHub pages 等等，这也是算是 Angular C...

描述在项目集成了vue-flickity组件后发现，该组件参考flickity官网的fullscreen配置不起作用实现方法 需要添加flickity-fullscreen组件 在main.js中导入flickity-fullscree...