JavaScript - 教程之家

66浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

466浏览

0评论

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

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

2020-05-27

100浏览

0评论

Vue Object 的变化侦测实现代码

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

133浏览

0评论

vue下canvas裁剪图片实例讲解

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

130浏览

0评论

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

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

2020-05-27

192浏览

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

94浏览

0评论

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

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

2020-05-27

247浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

346浏览

0评论

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

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

2020-05-27

217浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

303浏览

0评论

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

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

2020-05-27

75浏览

0评论

javascript canvas检测小球碰撞

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

186浏览

0评论

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

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

2020-05-27

161浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

137浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

90浏览

0评论

javascript 内存模型实例详解

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

70浏览

0评论

基于js判断浏览器是否支持webGL

起因是我之前开发的网页，用到了three.js制作了一个3d的旋转球体效果。在各种浏览器上运行都没问题，在IE上也做了兼容代码。但是今天接电话，老板说你这网页在xp上不显示啊。IE上...

2020-05-27

62浏览

0评论

vue2.x 对象劫持的原理实现

目标：手写迷你版Vue
一：使用rollup打包,打包后的代码体积更小，更适合写框架源码的打包npm i rollup -D二：安装babel相关的包，以及实现静态服务，设置环境变量的包npm i @babel/core...

2020-05-27

56浏览

0评论

vue2.x数组劫持原理的实现

接上篇Vue2.x 对象劫持，继续来写数组劫持
实现原理：
1 重新定义原生数组方法push unshift shift pop splice sort reverse 因为这些方法可以修改原数组。
2 拿到原生数组方法...

2020-05-27

91浏览

0评论

JS实现横向跑马灯效果代码

首先我们需要一个html代码的框架如下：<div style="position: absolute; top: 0px; left: 168px; width: 100%; margin-left: auto; margin-right: auto; height: 47px; borde...

2020-05-27

53浏览

0评论

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

本文实例讲述了javascript设计模式 – 命令模式原理与用法。分享给大家供大家参考，具体如下：介绍：命令模式是一种数据驱动的设计模式，将请求以命令的形式包裹在对象中，并传递给调...

2020-05-27

55浏览

0评论

javascript设计模式 – 中介者模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 中介者模式原理与用法。分享给大家供大家参考，具体如下：介绍：在前端开发的过程中，组件与组件之间的通讯特别常见，一个组件的change需要引起...

2020-05-27

157浏览

0评论

Vue中el-form标签中的自定义el-select下拉框标签功能

页面写死el-select下拉框标签：通过v-for="item in stateArr"绑定，stateArr声明在Vue组件里面的data参数里面代码如下：...

2020-05-27

69浏览

0评论

详解微信小程序工程化探索之webpack实战

前言
微信小程序因为其便捷的使用方式，以极快的速度传播开来吸引了大量的使用者。市场需求急剧增加的情况下，每家互联网企业都想一尝甜头，因此掌握小程序开发这一技术无疑是一...

微信

2020-05-27

61浏览

0评论

vue实现购物车的监听

利用vue简单实现购物车的监听，供大家参考，具体内容如下主要运用的vue的监听，有兴趣的可以看看实现过程<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>利用vue实...

2020-05-27

57浏览

0评论

javascript利用键盘控制小方块的移动

本文实例为大家分享了利用键盘控制小方块的移动，供大家参考，具体内容如下原理1. 利用键盘控制移动，则需要了解onkeydown函数，表示某个按键被按下，可以以此绑定一个事件响应函数，当...

2020-05-27

96浏览

0评论

vue实现淘宝购物车功能

本文实例为大家分享了vue实现淘宝购物车的具体代码，供大家参考，具体内容如下淘宝购物车功能，效果如下图非常简单的逻辑，没有做代码的封装，代码如下<div class="list-container">...

2020-05-27

103浏览

0评论

vue实现购物车功能（商品分类）

本文实例为大家分享了vue实现购物车功能的具体代码，供大家参考，具体内容如下new Vue({ el: "#app", data: { cIndex: 0, lists: [ { title: "推荐商品", goods: [ { id...

2020-05-27

99浏览

0评论

深入浅析JavaScript中的in关键字和for-in循环

1.in关键字属性名 in 对象，用来判断某个属性在对象中是否存在与其严格相等的属性名，返回boolean值属性名必须是字符串或数字var obj = {　　a : 1,　　b : 2}console.log('a'...

2020-05-27

158浏览

0评论

Vue的全局过滤器和私有过滤器的实现

Vue允许自定义过滤器可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式和 v-bind表达式过滤器应被添加在JavaScript表达式的尾部由“管道”符指示(...

2020-05-27

133浏览

0评论

VUE+elementui组件在table-cell单元格中绘制微型echarts图

需求效果图示例
实际完成效果图
**代码实现注：table表格为二次封装的子组件
-在table表格中根据 scope.$index动态设置元素的id ，便于指定单元格的echarts初始化；-在单元格中...

2020-05-27

94浏览

0评论

javascript设计模式 – 备忘录模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 备忘录模式原理与用法。分享给大家供大家参考，具体如下：介绍：在我们的开发中偶尔会遇到这样一种情况，需要对用户的行为进行撤销。要想实现...

2020-05-27

82浏览

0评论

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

本文实例讲述了javascript设计模式 – 策略模式原理与用法。分享给大家供大家参考，具体如下：介绍：策略模式中可以定义一些独立的类来封装不同的算法，每一个类封装一种具体的算法...

2020-05-27

热门文章