使用konva和vue-konva库实现拖拽滑块验证功能
1. 在vue项目中安装konva和vue-konva库npm install konva vue-konva --save-dev2. 引入vue-konva库import VueKonva from ‘vue-konva'；Vue.use(VueKonva)3. 创建单独的滑块...
2020-05-27
react基本安装与测试示例
本文实例讲述了react基本安装与测试。分享给大家供大家参考，具体如下：语法特点：声明式编码：只在意结果不在意过程组件化编码：html,css,js的集合单向数据流：vue也是单向数据流，有一...
2020-05-27
react组件基本用法示例小结
本文实例讲述了react组件基本用法。分享给大家供大家参考，具体如下：组件间传值：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head>...
2020-05-27
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
vue cli3 手把手教学封装Svgicon组件第一步:在src文件下新建一个放置svg文件的文件夹第二步:在components文件下新建一个Svg组件这是一个 文件夹 专门用来存放项目里面需要...
2020-05-27
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
在开发过程中发现 vue-baidu-map 封装的 BmPolyline 折线组件不能顺利绘制出带箭头的纹理。原因是 BmPolyline 文档中虽然有 icons 属性，但是对应的源文件中并没有props接收...
2020-05-27
react PropTypes校验传递的值操作示例
本文实例讲述了react PropTypes校验传递的值操作。分享给大家供大家参考，具体如下：校验传递的值：import React, { Component, Fragment } from 'react';import List from './Li...
2020-05-27
在Webpack中用url-loader处理图片和字体的问题
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。一、处理图片文件默认webpack无法处理css文...
2020-05-27
React中Ref 的使用方法详解
本文实例讲述了React中Ref 的使用方法。分享给大家供大家参考，具体如下：React中Ref 的使用 React v16.6.3在典型的React数据流中，props是父组件与其子组件交互的唯一方式。要修...
2020-05-27
JS数组降维的实现Array.prototype.concat.apply([], arr)
把多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，最近跟着黄轶老师学习Vue2.6.1.1版本源码时,看到源码对二维数组降维的代码,所以这里来写一篇,记录一下,加强...
2020-05-27
js最全的数组的降维5种办法(小结)
业务开发中，二维数组、多维数组转为一维数组这种需求是少不了的，有些多维数组里面可能嵌套会更深，数组降维就是来解决此问题的1、数组字符串化let arr = [[222, 333, 444], [55...
2020-05-27
React生命周期原理与用法踩坑笔记
本文实例讲述了React生命周期原理与用法。分享给大家供大家参考，具体如下：React生命周期生命周期概览生命周期的状态组件的生命周期可分成三个状态： Mounting：已插入真实 DOM...
2020-05-27
Vue 3.0 全家桶抢先体验
序
Vue 3.0 全家桶发布内容包括： vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha vue-cli: Experimental support via vue-cli-plugin-vue-next...
2020-05-27
JavaScript 链表定义与使用方法示例
本文实例讲述了JavaScript 链表定义与使用方法。分享给大家供大家参考，具体如下：链表一个 链表 是数据元素的线性集合, 元素的线性顺序不是由它们在内存中的物理位置给出的。...
2020-05-27
JavaScript Date对象功能与用法学习记录
本文实例讲述了JavaScript Date对象功能与用法。分享给大家供大家参考，具体如下：Date 实例用来处理日期和时间。Date对象基于1970年1月1日（世界标准时间）起的毫秒数。JavaScript...
2020-05-27
Node.js设置定时任务之node-schedule模块的使用详解
node-schedule是 Node.js 的一个定时任务（crontab）模块。我们可以使用定时任务来对服务器系统进行维护，让其在固定的时间段执行某些必要的操作，还可以使用定时任务发送邮件、爬...
2020-05-27
JavaScript console的使用方法实例分析
本文实例讲述了JavaScript console的使用方法。分享给大家供大家参考，具体如下：Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是...
2020-05-27
JS 创建对象的模式实例小结
本文实例总结了JS 创建对象的模式。分享给大家供大家参考，具体如下：1.工厂模式抽象了创建具体对象的过程，创建了一种函数，封装特定的接口创建对象的细节。 新建一个对象 定义...
2020-05-27
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
本文实例讲述了JavaScript 双向链表操作。分享给大家供大家参考，具体如下：一个 双向链表(doubly linked list) 是由一组称为节点的顺序链接记录组成的链接数据结构。每个节点...
2020-05-27
uni-app如何页面传参数的几种方法总结
uni.$emit(eventName,OBJECT) 触发全局的自定事件。附加参数都会传给监听器回调。 其中eventName为事件名，OBJECT为触发事件附加参数示例代码如下：uni.$emit('update',{msg:...
2020-05-27
jQuery插件simplePagination的使用方法示例
本文实例讲述了jQuery插件simplePagination的使用方法。分享给大家供大家参考，具体如下：正在熟悉项目上的代码，新添加了一个需要，需要对表单进行分页，之前的代码中是有分页的代码...
2020-05-27
JS求解两数之和算法详解
本文实例讲述了JS求解两数之和算法。分享给大家供大家参考，具体如下：题目描述给定一个整数数组和一个目标值，找出数组中和为目标值的两个数。你可以假设每个输入只对应一种答案...
2020-05-27
JavaScript 禁止用户保存图片的实现代码
添加事件禁止选择、拖拽、右键（简单的禁止用户保存图片，但无法阻止用户打开控制台查看，或是直接抓包）
将之转换为 canvas（让浏览器认为不是图片以此禁止用户对之进行图片的操作，但...
2020-05-27
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
下面先看下js禁止右击保存图片。禁止鼠标右键保存图片<img src="" oncontextmenu="return false;">禁止鼠标拖动图片<img src="" ondragstart="return false;">文字禁止鼠标...
2020-05-27
你准备好迎接vue3.0了吗
前言本月21号晚上看了尤大大的直播，感觉vue3.0离我们越来越近了，预计年中正式发布，3.0的改变的确很大，性能提升了很多，很多东西也在靠向react。为了到时可以很快的转入vue3.0的阵...
2020-05-27
深入浅析vue全局环境变量和模式
我们可以在项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode]...
2020-05-27
Node.js API详解之 string_decoder用法实例分析
本文实例讲述了Node.js API详解之 string_decoder用法。分享给大家供大家参考，具体如下：string_decoder 模块提供了一个 API，用于把 Buffer 对象解码成字符串。对于参数末尾不...
2020-05-27
Node.js API详解之 querystring用法实例分析
本文实例讲述了Node.js API详解之 querystring用法。分享给大家供大家参考，具体如下：Node.js API详解之 querystringquerystring模块提供了一些实用函数，用于解析与格式换URL查...
2020-05-27
JS实现手写 forEach算法示例
本文实例讲述了JS实现手写 forEach算法。分享给大家供大家参考，具体如下：手写 forEachforEach()方法对数组的每个元素执行一次提供的函数arr.forEach(callback(currentValue [...
2020-05-27
Chart.js功能与使用方法小结
本文实例讲述了Chart.js功能与使用方法。分享给大家供大家参考，具体如下：官方文档英文文档 https://www.chartjs.org/docs/2.8.0/
中文文档 https://chartjs-doc.abingoal.com...
2020-05-27
JS数组push、unshift、pop、shift方法的实现与使用方法示例
本文实例讲述了JS数组push、unshift、pop、shift方法的实现与使用方法。分享给大家供大家参考，具体如下：尾部添加(push)push() 方法将一个或多个元素添加到数组的末尾，并返回该...
2020-05-27
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下：公司要写一些为自身业务量身定制的的组件，要基于Vue,写完后扩展...
2020-05-27
React组件设计模式之组合组件应用实例分析
本文实例讲述了React组件设计模式之组合组件应用。分享给大家供大家参考，具体如下：这种模式本质上解决的是组件之间传值的问题。但是它对于传值以及一些内部操控的逻辑封装得...
2020-05-27
JavaScript实现放大镜效果代码示例
JavaScript实现放大镜效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-05-27
JS数组Reduce方法功能与用法实例详解
本文实例讲述了JS数组Reduce方法功能与用法。分享给大家供大家参考，具体如下：概述一直以来都在函数式编程的大门之外徘徊，要入门的话首先得熟悉各种高阶函数，数组的reduce方法就...
2020-05-27
浅谈Vue3 Composition API如何替换Vue Mixins
想在你的Vue组件之间共享代码？如果你熟悉Vue 2 则可能知道使用mixin，但是新的Composition API 提供了更好的解决方案。在本文中，我们将研究mixins的缺点，并了解Composition API...
2020-05-27
详解Vue3 Composition API中的提取和重用逻辑
Vue3 Composition API可以在大型项目中更好地组织代码。然儿，随着使用几种不同的选项属性切换到单一的setup 方法，许多开发人员面临的问题是……这会不会更混乱，因为一切都在一...
2020-05-27
JS 图片压缩原理与实现方法详解
本文实例讲述了JS 图片压缩原理与实现方法。分享给大家供大家参考，具体如下：前言说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDu...
2020-05-27
js this 绑定机制深入详解
本文实例讲述了js this 绑定机制。分享给大家供大家参考，具体如下：函数调用位置与词法作用域相反的是，this的指向由函数运行时决定，它是动态的，随着函数调用位置变化而变化。要理...
2020-05-27
JavaScript find()方法及返回数据实例
顾名思义就是 查找传入的对应数据当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefine...
2020-05-27
javascript 模块依赖管理的本质深入详解
本文实例讲述了javascript 模块依赖管理的本质。分享给大家供大家参考，具体如下：模块模式定义模块是'javascript'的一种设计模式，它为函数定义一个包装函数，并且该包装函数的返...
2020-05-27
JavaScript自定义超时API代码实例
API是提供给不同语百言的一个接口，也就是对应的函数里面提供了相应的方法。我们只要用js的语法去调用想要的功能就可以。例如度js里面的BOM有screen的方法，他就是浏览器提供给...
2020-05-27
JS判断浏览器类型与操作系统的方法分析
本文实例讲述了JS判断浏览器类型与操作系统的方法。分享给大家供大家参考，具体如下：navigator.userAgent : userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用...
2020-05-27
Javascript异步执行不按顺序解决方案
案例分析：比如执行懒加载时候，onscroll 事件触发多次事件时候会调用多次 ajax 回调事件，由于每个事件返回先后次序并不能保证和触发前一致，所以在数据响应返回后所添加的数据顺...
2020-05-27
Vue发布订阅模式实现过程图解
vue项目中不同组件间通信一般使用vuex，通常情况下vuex和EventBus不应该混用，不过某些场景下不同组件间只有消息的交互，这时使用EventBus消息通知的方式就更合适一些。图解html<...
2020-05-27
jQuery实现高度灵活的表单验证功能示例【无UI】
本文实例讲述了jQuery实现高度灵活的表单验证功能。分享给大家供大家参考，具体如下：表单验证是前端开发过程中常见的一个需求，产品需求、业务逻辑的不同，表单验证的方式方法也有...
2020-05-27
JS使用正则表达式实现常用的表单验证功能分析
本文实例讲述了JS使用正则表达式实现常用的表单验证功能。分享给大家供大家参考，具体如下：表单验证是一个网站或应用的重点，一条合适的错误提示不仅可以减少无效信息录入，更会给...
2020-05-27
详解Vue串联过滤器的使用场景
平时开发中，需要用到过滤器的地方有很多，比如单位转换、数字打点、文本格式化等，比如：Vue.filter('toThousandFilter', function (value) { if (!value) return '' value = valu...
2020-05-27
Vue中通过属性绑定为元素绑定style行内样式的实例代码
1.直接在元素上通过:style的形式，书写样式对象<h1 :style="{color:'red','font-weight':200}">这是一个H1</h1>2.将样式对象定义在data中，并直接引用到:style中1:在data上定义...
2020-05-27
JS XMLHttpRequest原理与使用方法深入详解
本文实例讲述了JS XMLHttpRequest原理与使用方法。分享给大家供大家参考，具体如下：你真的会使用XMLHttpRequest吗？看到标题时，有些同学可能会想：“我已经用xhr成功地发过很多个Aj...
2020-05-27
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
本文实例讲述了jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较。分享给大家供大家参考，具体如下：前言：
最近在工作中做需求时发现了一个诡异的事情，在使用j...
2020-05-27
