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
Vue+tracking.js 实现前端人脸检测功能
项目中需要实现人脸登陆功能，实现思路为在前端检测人脸，把人脸照片发送到后端识别，返回用户token登陆成功前端调用摄像头使用tracking.js检测视频流中的人脸，检测到人脸后拍照上...
2020-05-27
vue制作抓娃娃机的示例代码
去年为联通制作双十一活动，做四个小游戏：‘配对消消乐'、移动拼图、抓娃娃、倒计时。 现在先做来分享一下制作抓娃娃游戏时的经验 先上效果图游戏规则：在指定时间内抓到上图四...
2020-05-27
javascript设计模式 – 迭代器模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 迭代器模式原理与用法。分享给大家供大家参考，具体如下：介绍：迭代器模式是一种使用频率非常高的设计模式，通过引入迭代器，可以将数据的遍历...
2020-05-27
javascript设计模式 – 解释器模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 解释器模式原理与用法。分享给大家供大家参考，具体如下：介绍：之前在做java开发时，数据库的增删改查特别频繁，并且场景不同需要用到的SQL语...
2020-05-27
如何基于filter实现网站整体变灰功能
前言
政府网站会遇到公祭日的时候，网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大家。方案简单实用，笔者已在生产环境使用过。通过整体的html使用filter...
2020-05-27
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
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
1. 安装一个插件，识别vue文件2.新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定3.粘贴入自己写的.vue模板{ "Print to console": { "prefi...
2020-05-27
基于JavaScript获取url参数2种方法
这次是使用JavaScript来获取url(request)中的参数在日常页面编写的过程中为了方便操作在<script>中通过使用window.location.href="要跳转的页面?参数1=" rel="external...
2020-05-27
Vue实现浏览器打印功能的代码
Vue实现浏览器打印功能实际项目中使用vue实现调用本地打印机打印功能import vueEasyPrint from "vue-easy-print";1.导入 “vue-easy-print”
2.编写打印模板<template> <di...
2020-05-27
javascript canvas检测小球碰撞
本文实例为大家分享了javascript canvas实现检测小球碰撞的具体代码，供大家参考，具体内容如下定义一个canvas标签<div class="cnavasInfo"> <canvas id="canvas" width="800...
2020-05-27
es6函数之rest参数用法实例分析
本文实例讲述了es6函数之rest参数用法。分享给大家供大家参考，具体如下：es6引入rest参数(形式为 …变量名)，用于获取函数的多余参数，这样就不需要使用arguments对象了，rest参数搭...
2020-05-27
es6函数中的作用域实例分析
本文实例讲述了es6函数中的作用域。分享给大家供大家参考，具体如下：一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域(context)。等到初始化结束，这个作...
2020-05-27
es6数组的flat()，flatMap()函数用法实例分析
本文实例讲述了es6数组的flat()，flatMap()函数用法。分享给大家供大家参考，具体如下：数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该...
2020-05-27
es6数组includes()用法实例分析
本文实例讲述了es6数组includes()用法。分享给大家供大家参考，具体如下：Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类...
2020-05-27
es6函数name属性功能与用法实例分析
本文实例讲述了es6函数name属性功能与用法。分享给大家供大家参考，具体如下：函数的name属性，返回该函数的函数名。function foo () {}foo.name // foo这个属性早就被浏览器广泛...
2020-05-27
原生js实现的观察者和订阅者模式简单示例
本文实例讲述了原生js实现的观察者和订阅者模式。分享给大家供大家参考，具体如下：观察者模式也叫 发布者-订阅者模式，发布者发布事件，订阅者监听事件并做出反应在传统的前端解耦...
2020-05-27
javascript使用Blob对象实现的下载文件操作示例
本文实例讲述了javascript使用Blob对象实现的下载文件操作。分享给大家供大家参考，具体如下：Blob对象 前言 环境 操作 总结
Blob是一个类文件的不可变的原始数据对象，非jav...
2020-05-27
javascript-hashchange事件和历史状态管理实例分析
本文实例讲述了javascript-hashchange事件和历史状态管理。分享给大家供大家参考，具体如下：hashchange事件hashchange事件，可以监听URL参数（#后面的字符串）什么时候发生变化。代...
2020-05-27
javascript 内存模型实例详解
本文实例讲述了javascript 内存模型。分享给大家供大家参考，具体如下：我对于 JavaScript 的内存模型一直都比较困惑，很想了解在操作变量的时候，JS 是如何工作的。如果你和我有同...
2020-05-27
JavaScript对象字面量和构造函数原理与用法详解
本文实例讲述了JavaScript对象字面量和构造函数。分享给大家供大家参考，具体如下：对象中只有两种属性:（一种比较细的分法）属性(数据属性)比如：名字，年龄，性别，出版社，地址等信息；
方法...
2020-05-27
基于js判断浏览器是否支持webGL
起因是我之前开发的网页，用到了three.js制作了一个3d的旋转球体效果。在各种浏览器上运行都没问题，在IE上也做了兼容代码。但是今天接电话，老板说你这网页在xp上不显示啊。IE上...
2020-05-27
vue2.x 对象劫持的原理实现
目标：手写迷你版Vue
一：使用rollup打包,打包后的代码体积更小，更适合写框架源码的打包npm i rollup -D二：安装babel相关的包，以及实现静态服务，设置环境变量的包npm i @babel/core...
2020-05-27
vue2.x数组劫持原理的实现
接上篇Vue2.x 对象劫持，继续来写数组劫持
实现原理：
1 重新定义原生数组方法push unshift shift pop splice sort reverse 因为这些方法可以修改原数组。
2 拿到原生数组方法...
2020-05-27
JS实现横向跑马灯效果代码
首先我们需要一个html代码的框架如下：<div style="position: absolute; top: 0px; left: 168px; width: 100%; margin-left: auto; margin-right: auto; height: 47px; borde...
2020-05-27
javascript设计模式 – 命令模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 命令模式原理与用法。分享给大家供大家参考，具体如下：介绍：命令模式是一种数据驱动的设计模式，将请求以命令的形式包裹在对象中，并传递给调...
2020-05-27
javascript设计模式 – 中介者模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 中介者模式原理与用法。分享给大家供大家参考，具体如下：介绍：在前端开发的过程中，组件与组件之间的通讯特别常见，一个组件的change需要引起...
2020-05-27
Vue中el-form标签中的自定义el-select下拉框标签功能
页面写死el-select下拉框标签：通过v-for="item in stateArr"绑定，stateArr声明在Vue组件里面的data参数里面代码如下：...
2020-05-27
详解微信小程序工程化探索之webpack实战
前言
微信小程序因为其便捷的使用方式，以极快的速度传播开来吸引了大量的使用者。市场需求急剧增加的情况下，每家互联网企业都想一尝甜头，因此掌握小程序开发这一技术无疑是一...
2020-05-27
vue实现购物车的监听
利用vue简单实现购物车的监听，供大家参考，具体内容如下主要运用的vue的监听，有兴趣的可以看看实现过程<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>利用vue实...
2020-05-27
javascript利用键盘控制小方块的移动
本文实例为大家分享了利用键盘控制小方块的移动，供大家参考，具体内容如下原理1. 利用键盘控制移动，则需要了解onkeydown函数，表示某个按键被按下，可以以此绑定一个事件响应函数，当...
2020-05-27
vue实现淘宝购物车功能
本文实例为大家分享了vue实现淘宝购物车的具体代码，供大家参考，具体内容如下淘宝购物车功能，效果如下图非常简单的逻辑，没有做代码的封装，代码如下<div class="list-container">...
2020-05-27
vue实现购物车功能（商品分类）
本文实例为大家分享了vue实现购物车功能的具体代码，供大家参考，具体内容如下new Vue({ el: "#app", data: { cIndex: 0, lists: [ { title: "推荐商品", goods: [ { id...
2020-05-27
深入浅析JavaScript中的in关键字和for-in循环
1.in关键字属性名 in 对象，用来判断某个属性在对象中是否存在与其严格相等的属性名，返回boolean值属性名必须是字符串或数字var obj = { a : 1, b : 2}console.log('a'...
2020-05-27
Vue的全局过滤器和私有过滤器的实现
Vue允许自定义过滤器 可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式 和 v-bind表达式过滤器应被添加在JavaScript表达式的尾部 由“管道”符指示(...
2020-05-27
VUE+elementui组件在table-cell单元格中绘制微型echarts图
需求效果图示例
实际完成效果图
**代码实现注：table表格为二次封装的子组件
-在table表格中 根据 scope.$index动态设置元素的id ，便于指定单元格的echarts初始化；-在单元格中...
2020-05-27
javascript设计模式 – 备忘录模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 备忘录模式原理与用法。分享给大家供大家参考，具体如下：介绍：在我们的开发中偶尔会遇到这样一种情况，需要对用户的行为进行撤销。要想实现...
2020-05-27
javascript设计模式 – 策略模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 策略模式原理与用法。分享给大家供大家参考，具体如下：介绍：策略模式中可以定义一些独立的类来封装不同的算法，每一个类封装一种具体的算法...
2020-05-27
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
说明之前有一个angular项目,页面上表单不算多，也就一百来个（这个不固定，有的地方多，有的地方少），但是再输入的时候会造成输入延迟，反应不灵敏，对用户体验极其不好。还有一个功能就是...
2020-05-27
react 原生实现头像滚动播放的示例
本文介绍了react 原生实现头像滚动播放的示例，分享给大家，具体如下：之前需要的是下面这个效果现在。。。憋说话，先看看效果。感觉很简单呀，直接渲染，transform就可以了，嗯嗯，是的没...
2020-05-27
js 解析 JSON 数据简单示例
本文实例讲述了js 解析 JSON 数据。分享给大家供大家参考，具体如下：JSON 数据如下：{ "name": "mkyong", "age": 30, "address": { "streetAddress": "88 8nd Street",...
2020-05-27
Vue computed 计算属性代码实例
什么是计算属性？？？1、在computed中，可以定义一些属性，这些属性叫做【计算属性】2、计算属性的本质是一个方法，不过一般是将他们的名称直接当做属性使用，不会当方法调用<!DOCTYPE ht...
2020-05-27
javascript设计模式 – 状态模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 状态模式原理与用法。分享给大家供大家参考，具体如下：介绍：状态模式用于解决系统中复杂对象的状态转换以及不同状态下行为的封装问题。状...
2020-05-27
javascript设计模式 – 观察者模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 观察者模式原理与用法。分享给大家供大家参考，具体如下：介绍：前面我们针对系统内一对多，多对多的情况做了解决方案，是使用中介者模式，将所有...
2020-05-27
微信小程序实现手指拖动选项排序
本文实例为大家分享了微信小程序实现手指拖动选项排序的具体代码，供大家参考，具体内容如下效果：wxml：<view> <view class="dileititle">手指移动选项排序</view> <view style="w...
2020-05-27
JS脚本实现定时到网站上签到/签退功能
之前介绍过使用temperMonkey屏蔽CSDN广告的方法，主要就是要针对性地分析网站结构，然后用代码去改变或者操作DOM。今天也一样，我们需要观察网页结构，找到我们要操作的按钮，触发他...
2020-05-27
nuxt+axios实现打包后动态修改请求地址的方法
需求：把请求地址等一些配置暴露出来以便打包后动态修改，而不需要重新打包编译。这样也是挺不错的，当一个项目需要部署到几个不同的服务器上时候，就不用说每次都要修改后再重新打...
2020-05-27
如何修改Vue打包后文件的接口地址配置的方法
1、背景常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应...
2020-05-27
谈谈我在vue-cli3中用预渲染遇到的坑
前言
在开发自己的个人网站的时候后，选择了用vue来开发，不可避免的遇到要对seo做优化。鉴于目前页面也不多，因此首先采用的是预渲染的方式。
本来以为把插件一装，配置一配，咔咔咔...
2020-05-27
javascript设计模式 – 模板方法模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 模板方法模式原理与用法。分享给大家供大家参考，具体如下：介绍：模板方法模式是结构最简单的行为型设计模式，在其结构中只存在父类与子类之...
2020-05-27
