- 博客(20)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 async await实例
（1）await实现休眠效果JavaScript 一直没有休眠的语法，但是借助await命令就可以让程序 停顿指定的时间 。function sleep(interval) { return new Promise(resolve => { setTimeout(resolve, interval); })}// 用法async function one2Five...
2019-09-29 14:17:34
1695
原创 使用countup.js使数字动态叠加
CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 startVal 和 endVal 参数判断的。 再加上滚轮事件判断……可配置的参数：target = 目标元素的 ID；startVal = 开始值；endVal = 结束值；...
2019-09-26 10:33:25
6594
转载 vue2.0中的$router 和 $route的区别
vue2.0中的$router 和 $route的区别 最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和 $route ，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别1.router是VueRouter的一个对象，通过Vue.use(VueRout...
2019-09-25 13:59:08
324
原创 vue项目中使用JSX
这里主要是使用：babel-plugin-transform-vue-jsxgithub地址： https://github.com/vuejs/babel-plugin-transform-vue-jsx目前状态：（1）针对于vue2.0 的项目（2）Babel 6，Babel 7都可以使用使用方式（1）安装：npm install babel-plugin-syntax-j...
2019-09-24 18:05:09
1704
原创 git remote: HTTP Basic: Access denied
如上图所示出现git remote: HTTP Basic: Access denied 这个说明：就是远程服务端的用户名和密码与当前系统中git保存的用户名和密码有冲突（1）输入git config --system --unset credential.helper作用就是清空本地保存的用户名和密码。（一定要一管理员身份运行）（2）最后：再执行远程操作，会提示输入远程端的用户名和密码重...
2019-09-24 11:35:58
1502
原创 generator 中 调用另一个 generator
（1）for…of循环可以自动遍历 Generator 函数运行时生成的Iterator对象function doAutomaticTraversal () { let arry = [] function* foo () { yield 1 yield 2 yield 3 yield 4 yield 5 return 6 } fo...
2019-09-23 16:08:51
318
原创 让同步函数同步执行，异步函数异步执行，并且让它们具有统一的 API
这里说两种方式，和官网的上的是一样的：第一种使用： async+ 立即执行函数 <div>方法一：async ()() 立即执行函数: {{doAsyncData.desc}}</div> doAsync () { const f = () => { return 'my ' } // f()是...
2019-09-20 10:32:53
1128
原创 js遍历中遇到的坑
for of 遍历的只是值（原始数组的遍历） 适用遍历数/数组对象/字符串/map/set等（拥有迭代器对象的集合）for in 遍历的只是键（原始对象的遍历）（index索引为字符串型数字，不能直接进行几何运算、遍历顺序有可能不是按照实际数组的内部顺序、使用forin会遍历数组所有的可枚举属性，包括原型）使用foreach遍历数组的话，使用break不能中断循环，使用ret...
2019-09-19 13:37:38
466
原创 Parsing error: The keyword 'const' is reservedeslint
在文件.eslintrc.js中因为eslint默认审查的es5，需要明确让他审查es6.，所以需要配置parserOptionsmodule.exports = { "plugins": ["prettier"], "rules": { "prettier/prettier": "error" }, "parserOptions": { "ecmaVersio...
2019-09-17 18:00:58
19051
原创 关于箭头函数的嵌套
关于箭头函数嵌套，也称为函数柯里化，它只不过是箭头函数的语法糖。那在项目中一般怎么使用呢？(1)普通函数：function add(a, b) { return a + b;}(2)普通函数柯里化（匿名函数）function add(a) { return function(b) { return a + b; }}调用 console.l...
2019-09-16 15:35:10
2343
原创 判断浏览器内核
项目中 常常需要判断，是IOS系统还是安卓系统，在APP里面还是APP外面，这里这段代码可以实现此功能：var Browser = (function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核...
2019-09-16 10:57:33
252
原创 ES6标签模板
可以紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能（tagged template）。let a = 5;let b = 10;function tag(s, v1, v2) { console.log(s[0]); console.log(s[1]); console.log(s[2]); console.log(v1); cons...
2019-09-11 18:31:43
306
转载 ES6结构赋值的用途
（1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰（2）从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。// 返回一个数组function example() { return [1, 2,...
2019-09-11 13:33:15
173
原创 使用ExtractTextPlugin将css和js分开打包
第一步： 首先你要有对应的样式环境首先需要安装npm install stylus-loader css-loader style-loader --save-dev接下来（1）使用lessnpm install less less-loader --save-dev（2）使用scssnpm install sass sass-loader --save-dev（3)安装Ex...
2019-09-06 16:27:33
880
原创 vue制作展开收起效果
<template> <div> <div class="report-list-title"> <div v-for="(item,index) in newTeamA" :key="'infoA-'+ index" @click="toggle(item)"> <...
2019-09-06 14:04:22
2788
3
原创 XSS攻击处理办法
XSS 攻击。根据攻击的来源，我们可以将此类攻击分为三种，分别为：反射型存储型DOM 型存储型 XSS 攻击。此类攻击是攻击者将恶意代码提交至服务器并保存在数据库中，用户访问该页面触发攻击行为。这种类型的攻击常见于保存用户编辑数据的场景下，比如案例中的发表文章，亦或者评论场景等等。防范存储型 XSS 攻击的策略就是不相信一切用户提交的信息，比如说用户的评论、发表的文章等等。对于这些信...
2019-09-05 16:58:57
1296
原创 js吸顶效果
方式一：<template> <div class="get-bounding"> <div class="box"> <h4>吸顶测试</h4> <h4>吸顶测试</h4> <h4>吸顶测试</h4> <h4>吸顶测...
2019-09-05 16:09:19
1058
原创 常见工作中遇到的问题
（1）1px 方案做过移动端需求的前端肯定是避免不了处理 1px 细线问题，这个问题的原因就是 UI 对页面美观度的要求越来越高（不要和我说这是 retina 屏的问题）.min-device-pixel-ratio(@scale2, @scale3) { @media screen and (min-device-pixel-ratio: 2), (-webkit-min-device-...
2019-09-05 13:10:46
980
原创 js生成二维码
这里只要是使用qrcode插件：（1）安装：或者（2）使用：静态HTML页面中：HTML<html> <body> <canvas id="canvas"></canvas> <script src="bundle.js"></script> </body></h...
2019-09-04 11:07:05
488
原创 js兼容安卓与ios的复制到粘贴板功能
HTML<button onClick="copy('把内容读到这里')" > 复制链接</button>JS<script> function copy(message) { var input = document.createElement("input"); input.value = mess...
2019-09-03 17:20:28
1298
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人