137浏览

0评论

javascript设计模式 – 适配器模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 适配器模式原理与应用。分享给大家供大家参考，具体如下：介绍：适配器模式的产生也来自具体的问题，拿mac来举例，我不能直接用mac链接VGA，不能...

• 2020-05-27

120浏览

0评论

javascript设计模式 – 桥接模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 桥接模式原理与应用。分享给大家供大家参考，具体如下：介绍：如果软件系统中某个类存在两个或多个独立变化的维度，可以通过桥接模式将这些维...

• 2020-05-27

187浏览

0评论

JS正则表达式常见函数与用法小结

本文实例讲述了JS正则表达式常见函数与用法。分享给大家供大家参考，具体如下：search()使用正则表达式//使用正则表达式搜索 "Runoob" 字符串，且不区分大小写var str = "Visit R...

• 2020-05-27

140浏览

0评论

JS错误处理与调试操作实例分析

本文实例讲述了JS错误处理与调试操作。分享给大家供大家参考，具体如下：JavaScript 错误 - throw、try 和 catchtry 语句测试代码块的错误。catch 语句处理错误。throw 语句创...

• 2020-05-27

121浏览

0评论

RxJS在TypeScript中的简单使用详解

1. 安装
# 安装 typescript， rxjs 包npm install -D typescript @types/nodenpm install rxjs2. 使用2.1 使用 from 来从数组生成源RxJS 有许多创建源的方法，如 from, fromEve...

• 2020-05-27

103浏览

0评论

vue cli3适配所有端方案的实现

应用场景页面需要在pc端和移动端同时兼容，以前我的方案都是使用媒体查询来判断当前设备大小，然后写两套或者三套css代码来兼容他们，能达到目的，并且效果不错，但是感觉还是稍微麻...

• 2020-05-27

113浏览

0评论

JS实现表单中点击小眼睛显示隐藏密码框中的密码

领导交个一个任务，要求在表单中点击小眼睛显示隐藏密码框中的密码！在一些网站中经常会用到这样的功能，今天小编就给大家分享我的实现思路及代码准备：1.两张png图片，一张睁眼，一张...

• 2020-05-27

233浏览

0评论

JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法

一、UglifyJSUglifyJS是用JavaScript编写的JavaScript压缩工具。
官网：http://lisperator.net/uglifyjs/1、通过NPM安装UglifyJS（1）安装Node.js从Node.js官网https://nodejs.or...

• 2020-05-27

181浏览

0评论

vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题

web端的微信支付可分为JSAPI与H5
JSAPI使用场景为微信内部，而H5支付则是使用在非微信下的外部浏览器。1.JSAPI
在微信内部可以直接唤起微信浏览器的内置对象 WeixinJSBridge...

微信
• 2020-05-27

123浏览

0评论

javascript设计模式 – 组合模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 组合模式原理与应用。分享给大家供大家参考，具体如下：介绍：组合模式又叫部分整体模式，用于把一组相似的对象当作一个单一的对象。组合模式...

• 2020-05-27

89浏览

0评论

javascript设计模式 – 装饰模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 装饰模式原理与应用。分享给大家供大家参考，具体如下：介绍：装饰模式可以在不改变一个对象本身功能的基础上给对象增加额外的新行为。在现...

• 2020-05-27

79浏览

0评论

编写一个javascript元循环求值器的方法

在上一篇文章中，我们通过AST完成了微信小程序组件的多端编译，在这篇文章中，让我们更深入一点，通过AST完成一个javascript元循环求值器结构
一个元循环求值器，完整的应该包含以下...

• 2020-05-27

86浏览

0评论

详解在Vue.js编写更好的v-for循环的6种技巧

在VueJS中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。
在最基本的用法中，它们的用法如下。
<ul> <li v-for='product in products'> {{ product.n...

• 2020-05-27

88浏览

0评论

react 不用插件实现数字滚动的效果示例

突然要实现个数字滚动效果，网上一搜，一大堆都是用组件的。我只是想实现个简单的效果而已，决定还是自己搞搞吧。先来看看效果吧也不多说了，实现起来不难，但是有点细节问题需要自己...

• 2020-05-27

95浏览

0评论

vue 实现用户登录方式的切换功能

一、vue 实现用户登录方式的切换在 data 当中，定义一个标识符 loginWay，用来表示是用短信登录还是密码登录，true代表短信登录，false 代表密码登录，代码如下所示：data() { return {...

• 2020-05-27

85浏览

0评论

vue-cli设置publicPath小记

几种设置publicPath后，再对比打包后的index.html文件
测试背景： 每次打包build完后，都单独生成一个/dist文件夹，且dist中每次都只有相同文件目录 部署的时候，是部署在服务器的...

• 2020-05-27

84浏览

0评论

写给新手同学的vuex快速上手指北小结

本文介绍了写给新手同学的vuex快速上手指北小结，分享给大家，具体如下引入
//store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Sto...

• 2020-05-27

97浏览

0评论

javascript设计模式 – 外观模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 外观模式原理与用法。分享给大家供大家参考，具体如下：介绍：外观模式是一种使用频率非常高的结构型设计模式，它通过引入一个外观角色来简化...

• 2020-05-27

96浏览

0评论

javascript设计模式 – 享元模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 享元模式原理与用法。分享给大家供大家参考，具体如下：介绍：在我们日常开发中需要创建很多对象，虽然垃圾回收机制能帮我们进行回收，但是在一...

• 2020-05-27

122浏览

0评论

小程序按钮避免多次调用接口和点击方案实现(不用showLoading)

本来是用showLoading的，点击直接转菊花，但是呢，showLoading和 showToast这个方法是冲突的，你转了菊花不能弹toast提示，在某个页面需要提交一次表单和做输入验证，测试说可以点击多...

• 2020-05-27

527浏览

0评论

Vue项目vscode 安装eslint插件的方法(代码自动修复)

ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。方法和步骤：通常情况下vue项目都会添加eslint组件，我们可以查看webpack的配置文件package.json查看,也可以查看...

• 2020-05-27

130浏览

0评论

Vue Object 的变化侦测实现代码

数据观察
Vue 中的对象变化侦测是通过Object.definePorperty实现的，但是Object.definePorperty的方式有缺陷，比如不能直接代理整个对象，每次都要循环遍历对象的所有属性；尤大大...

• 2020-05-27

114浏览

0评论

js String.prototype.trim字符去前后空格的扩展

最近学习js的时候发现的这个函数，这样很方便地去除前后空格，用正则实现，简单方便。下面小编就为大家分享一下几种实现方式。String.Prototype.trim()trim()返回一个字符串两端...

• 2020-05-27

98浏览

0评论

javascript设计模式 – 代理模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 代理模式原理与用法。分享给大家供大家参考，具体如下：介绍：代理使我们很常见的一众模式，proxy,nginx都称之为代理，代理是什么意思呢？代理模...

• 2020-05-27

184浏览

0评论

vue下canvas裁剪图片实例讲解

由于时间关系 代码没有做整理大家有什么不懂得可以留言；代码的主题思路备注中都有 大家可以看看我的博客中还有关于canvas绘制矩形的文章有需要的可以看一下；HTML代码：第一行的...

• 2020-05-27

95浏览

0评论

javascript设计模式 – 职责链模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 职责链模式原理与用法。分享给大家供大家参考，具体如下：介绍：很多情况下，在一个软件系统中可以处理某个请求的对象不止一个。例如一个网络...

• 2020-05-27

141浏览

0评论

详解Nuxt内导航栏的两种实现方式

方式一 | 通过嵌套路由实现在pages页面根据nuxt的路由规则，建立页面1. 创建文件目录及文件 根据规则，如果要创建子路由，子路由的文件夹名字，必须和父路由名字相同所以，我们的文件...

• 2020-05-27

137浏览

0评论

vue中keep-alive内置组件缓存的实例代码

需求：
home 组件中有一个 name 的 data 数据。这个数据修改之后，再切换到其他的组件。再切换到 home 组件，希望 home 中 name 这个值是之前修改过的值。希望组件有缓存。
keep-...

• 2020-05-27

155浏览

0评论

electron 如何将任意资源打包的方法步骤

如何打包资源
只想写个图形小工具，本质上还是调用写好的 java 程序，因为我觉得在命令行里面来回切目录，复制路径等操作实在是太麻烦了。那么我现在已经搞定了如何从 electron...

• 2020-05-27

225浏览

0评论

tracking.js实现前端人脸识别功能

1.下载https://trackingjs.com/2.运行例子纳总一下发现效果里面的代码为<!doctype html><html><head> <meta charset="utf-8"> <title>tracking.js - face hello world</tit...

• 2020-05-27

121浏览

0评论

Vue+tracking.js 实现前端人脸检测功能

项目中需要实现人脸登陆功能，实现思路为在前端检测人脸，把人脸照片发送到后端识别，返回用户token登陆成功前端调用摄像头使用tracking.js检测视频流中的人脸，检测到人脸后拍照上...

• 2020-05-27

282浏览

0评论

vue制作抓娃娃机的示例代码

去年为联通制作双十一活动，做四个小游戏：‘配对消消乐'、移动拼图、抓娃娃、倒计时。 现在先做来分享一下制作抓娃娃游戏时的经验 先上效果图游戏规则：在指定时间内抓到上图四...

• 2020-05-27

101浏览

0评论

javascript设计模式 – 迭代器模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 迭代器模式原理与用法。分享给大家供大家参考，具体如下：介绍：迭代器模式是一种使用频率非常高的设计模式，通过引入迭代器，可以将数据的遍历...

• 2020-05-27

81浏览

0评论

javascript设计模式 – 解释器模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 解释器模式原理与用法。分享给大家供大家参考，具体如下：介绍：之前在做java开发时，数据库的增删改查特别频繁，并且场景不同需要用到的SQL语...

• 2020-05-27

88浏览

0评论

如何基于filter实现网站整体变灰功能

前言
政府网站会遇到公祭日的时候，网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大家。方案简单实用，笔者已在生产环境使用过。通过整体的html使用filter...

• 2020-05-27

392浏览

0评论

vue fetch中的.then()的正确使用方法

先看一段代码：fetch('http://localhost:3000/books&#63;id=123456',{ method:'get'}).then(function(value1){ console.log(value1); return 'hello';}).then(function(va...

• 2020-05-27

265浏览

0评论

VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法

1. 安装一个插件，识别vue文件2.新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定3.粘贴入自己写的.vue模板{ "Print to console": { "prefi...

• 2020-05-27

84浏览

0评论

基于JavaScript获取url参数2种方法

这次是使用JavaScript来获取url(request)中的参数在日常页面编写的过程中为了方便操作在<script>中通过使用window.location.href="要跳转的页面&#63;参数1=" rel="external...

• 2020-05-27

348浏览

0评论

Vue实现浏览器打印功能的代码

Vue实现浏览器打印功能实际项目中使用vue实现调用本地打印机打印功能import vueEasyPrint from "vue-easy-print";1.导入 “vue-easy-print”
2.编写打印模板<template> <di...

• 2020-05-27

96浏览

0评论

javascript canvas检测小球碰撞

本文实例为大家分享了javascript canvas实现检测小球碰撞的具体代码，供大家参考，具体内容如下定义一个canvas标签<div class="cnavasInfo"> <canvas id="canvas" width="800...

• 2020-05-27

109浏览

0评论

es6函数之rest参数用法实例分析

本文实例讲述了es6函数之rest参数用法。分享给大家供大家参考，具体如下：es6引入rest参数(形式为 …变量名)，用于获取函数的多余参数，这样就不需要使用arguments对象了，rest参数搭...

• 2020-05-27

129浏览

0评论

es6函数中的作用域实例分析

本文实例讲述了es6函数中的作用域。分享给大家供大家参考，具体如下：一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域(context)。等到初始化结束，这个作...

• 2020-05-27

213浏览

0评论

es6数组的flat()，flatMap()函数用法实例分析

本文实例讲述了es6数组的flat()，flatMap()函数用法。分享给大家供大家参考，具体如下：数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该...

• 2020-05-27

191浏览

0评论

es6数组includes()用法实例分析

本文实例讲述了es6数组includes()用法。分享给大家供大家参考，具体如下：Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类...

• 2020-05-27

127浏览

0评论

es6函数name属性功能与用法实例分析

本文实例讲述了es6函数name属性功能与用法。分享给大家供大家参考，具体如下：函数的name属性，返回该函数的函数名。function foo () {}foo.name // foo这个属性早就被浏览器广泛...

• 2020-05-27

107浏览

0评论

原生js实现的观察者和订阅者模式简单示例

本文实例讲述了原生js实现的观察者和订阅者模式。分享给大家供大家参考，具体如下：观察者模式也叫 发布者-订阅者模式，发布者发布事件，订阅者监听事件并做出反应在传统的前端解耦...

• 2020-05-27

166浏览

0评论

javascript使用Blob对象实现的下载文件操作示例

本文实例讲述了javascript使用Blob对象实现的下载文件操作。分享给大家供大家参考，具体如下：Blob对象 前言 环境 操作 总结
Blob是一个类文件的不可变的原始数据对象，非jav...

• 2020-05-27

109浏览

0评论

javascript-hashchange事件和历史状态管理实例分析

本文实例讲述了javascript-hashchange事件和历史状态管理。分享给大家供大家参考，具体如下：hashchange事件hashchange事件，可以监听URL参数（#后面的字符串）什么时候发生变化。代...

• 2020-05-27

120浏览

0评论

javascript 内存模型实例详解

本文实例讲述了javascript 内存模型。分享给大家供大家参考，具体如下：我对于 JavaScript 的内存模型一直都比较困惑，很想了解在操作变量的时候，JS 是如何工作的。如果你和我有同...

• 2020-05-27

142浏览

0评论

JavaScript对象字面量和构造函数原理与用法详解

本文实例讲述了JavaScript对象字面量和构造函数。分享给大家供大家参考，具体如下：对象中只有两种属性:（一种比较细的分法）属性(数据属性)比如：名字，年龄，性别，出版社，地址等信息；
方法...

• 2020-05-27