JavaScript - 教程之家

107浏览

0评论

JavaScript 禁止用户保存图片的实现代码

添加事件禁止选择、拖拽、右键（简单的禁止用户保存图片，但无法阻止用户打开控制台查看，或是直接抓包）
将之转换为 canvas（让浏览器认为不是图片以此禁止用户对之进行图片的操作，但...

2020-05-27

120浏览

0评论

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

下面先看下js禁止右击保存图片。禁止鼠标右键保存图片<img src="" oncontextmenu="return false;">禁止鼠标拖动图片<img src="" ondragstart="return false;">文字禁止鼠标...

2020-05-27

154浏览

0评论

你准备好迎接vue3.0了吗

前言本月21号晚上看了尤大大的直播，感觉vue3.0离我们越来越近了，预计年中正式发布，3.0的改变的确很大，性能提升了很多，很多东西也在靠向react。为了到时可以很快的转入vue3.0的阵...

2020-05-27

147浏览

0评论

深入浅析vue全局环境变量和模式

我们可以在项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode]...

2020-05-27

112浏览

0评论

Node.js API详解之 string_decoder用法实例分析

本文实例讲述了Node.js API详解之 string_decoder用法。分享给大家供大家参考，具体如下：string_decoder 模块提供了一个 API，用于把 Buffer 对象解码成字符串。对于参数末尾不...

2020-05-27

153浏览

0评论

Node.js API详解之 querystring用法实例分析

本文实例讲述了Node.js API详解之 querystring用法。分享给大家供大家参考，具体如下：Node.js API详解之 querystringquerystring模块提供了一些实用函数，用于解析与格式换URL查...

2020-05-27

107浏览

0评论

JS实现手写 forEach算法示例

本文实例讲述了JS实现手写 forEach算法。分享给大家供大家参考，具体如下：手写 forEachforEach()方法对数组的每个元素执行一次提供的函数arr.forEach(callback(currentValue [...

2020-05-27

137浏览

0评论

Chart.js功能与使用方法小结

本文实例讲述了Chart.js功能与使用方法。分享给大家供大家参考，具体如下：官方文档英文文档 https://www.chartjs.org/docs/2.8.0/
中文文档 https://chartjs-doc.abingoal.com...

2020-05-27

166浏览

0评论

JS数组push、unshift、pop、shift方法的实现与使用方法示例

本文实例讲述了JS数组push、unshift、pop、shift方法的实现与使用方法。分享给大家供大家参考，具体如下：尾部添加(push)push() 方法将一个或多个元素添加到数组的末尾，并返回该...

2020-05-27

220浏览

0评论

Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下：公司要写一些为自身业务量身定制的的组件，要基于Vue,写完后扩展...

2020-05-27

89浏览

0评论

React组件设计模式之组合组件应用实例分析

本文实例讲述了React组件设计模式之组合组件应用。分享给大家供大家参考，具体如下：这种模式本质上解决的是组件之间传值的问题。但是它对于传值以及一些内部操控的逻辑封装得...

2020-05-27

109浏览

0评论

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

116浏览

0评论

JS数组Reduce方法功能与用法实例详解

本文实例讲述了JS数组Reduce方法功能与用法。分享给大家供大家参考，具体如下：概述一直以来都在函数式编程的大门之外徘徊，要入门的话首先得熟悉各种高阶函数，数组的reduce方法就...

2020-05-27

155浏览

0评论

浅谈Vue3 Composition API如何替换Vue Mixins

想在你的Vue组件之间共享代码？如果你熟悉Vue 2 则可能知道使用mixin，但是新的Composition API 提供了更好的解决方案。在本文中，我们将研究mixins的缺点，并了解Composition API...

2020-05-27

126浏览

0评论

详解Vue3 Composition API中的提取和重用逻辑

Vue3 Composition API可以在大型项目中更好地组织代码。然儿，随着使用几种不同的选项属性切换到单一的setup 方法，许多开发人员面临的问题是……这会不会更混乱，因为一切都在一...

2020-05-27

128浏览

0评论

JS 图片压缩原理与实现方法详解

本文实例讲述了JS 图片压缩原理与实现方法。分享给大家供大家参考，具体如下：前言说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDu...

2020-05-27

118浏览

0评论

js this 绑定机制深入详解

本文实例讲述了js this 绑定机制。分享给大家供大家参考，具体如下：函数调用位置与词法作用域相反的是，this的指向由函数运行时决定，它是动态的，随着函数调用位置变化而变化。要理...

2020-05-27

137浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

91浏览

0评论

JavaScript自定义超时API代码实例

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

2020-05-27

133浏览

0评论

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

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

2020-05-27

161浏览

0评论

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

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

2020-05-27

119浏览

0评论

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

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

135浏览

0评论

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

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

443浏览

0评论

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

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

2020-05-27

152浏览

0评论

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

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

2020-05-27

334浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

79浏览

0评论

VSCode搭建Vue项目的方法

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

2020-05-27

191浏览

0评论

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

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

2020-05-27

142浏览

0评论

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

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

2020-05-27

144浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

124浏览

0评论

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

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

2020-05-27

128浏览

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

116浏览

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

185浏览

0评论

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

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

2020-05-27

107浏览

0评论

js实现无缝轮播图特效

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

2020-05-27

128浏览

0评论

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

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

2020-05-27

166浏览

0评论

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

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

2020-05-27

187浏览

0评论

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

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

微信

2020-05-27

122浏览

0评论

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

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

2020-05-27

144浏览

0评论

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

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

2020-05-27

热门文章