- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 nodejs中使用bcrypt加密
nodejs中使用bcrypt加密bcrypt简介bcrypt算法相对来说是运算比较慢的算法，在密码学界有句常话：越慢的算法越安全。算法越算，黑客破解成本越高.通过salt和const这两个值来减缓加密过程，ta的加密时间（百ms级）远远超过md5（大概1ms左右）。对于计算机来说，Bcrypt 的计算速度很慢，但是对于用户来说，这个过程不算慢。bcrypt是单向的，而且经过salt和cost的处
2017-11-15 11:21:13
9859
原创 nuxt.js报错处理
这两天在学习koa-template（带有KoaJS的Nuxt.js的入门模板），看着蛮简单，对照着koa-template上面说的步骤做了. 果然，很顺利的出现了如下界面.隔了一天再打开，莫名奇妙的报错了，what? why? ...
2019-11-19 00:43:54
870
1
原创 轻松上手CSS Grid网格布局
今天刚好要做一个好多div格子错落组成的布局，不是田字格，不是九宫格，12个格子这样子，看起来有点复杂。关键的是笔者有点懒，要写那么多div和css真是不想下手啊。多看了两眼，这布局不跟网格挺像吗？css grid好像就是长这样子的？会不会很简单呢？反正也不熟，实在不行就当学习了。说干就干，说不定能偷点懒呢哈哈～
2019-07-05 22:18:18
5092
30
原创 z-index无法工作的4个原因及如何解决
z-index是一个CSS属性，允许您将图层中的元素放在彼此的顶部。不幸的是，z-index是那些并不总是以直观方式表现的属性之一。 一开始似乎很简单，更高的z指数表示该元素将位于具有较低z-index数的元素之上。 但是有一些额外的规则会使事情变得更加复杂。 并且你不能总是通过将z-index设置为999999来解决问题！
2019-05-21 16:34:24
1119
原创 javascript实现数组分组
编写一个chunk函数，将数组拆分成多个 size 长度的块，并组成一个新数组。 如果数组无法被分割成全部等长的块，那么最后剩余的元素将组成一个块。
2019-05-18 23:50:33
9291
4
原创 微信小程序检查版本更新
当我们发布了新版本，因为缓存的缘故用户使用的小程序可能还是旧版的，于是我们就有了提醒用户更新版本的需要。小程序提供了UpdateManager对象，用来管理更新，基础库 1.9.90 开始支持，低版本需做兼容处理。
2018-11-19 19:52:27
4931
原创 video标签踩坑小记
使用video标签实现简单的视频展示，关键点是封面的设置和视频在当前区域的播放，自定义封面图和播放按钮，覆盖在原生视频标签的上面。最终实现的效果如下图所示：踩坑小记：问题：视频封面在个别浏览器显示不全解决：不使用video标签默认的poster属性，自定义封面和播放按钮。问题：视频在微信浏览器点击全屏播放，不能在当前区域播放解决：通过设置x5-playsinline="true"实
2018-10-13 13:05:19
1279
原创 Your system is infected with 3 viruses!（您的系统感染了3种病毒！）
不应该啊，哪来的病毒？可怕。。今天正浏览器一个下载mp3网站，看着看着突然打开了一个新网站，这不是苹果官网吗？而且电脑还发出了两声Apple特有的警报声，吓坏宝宝的节奏~ 我刚开始竟然点了确定，然后点了Scan Now按钮，后来这个网站自动分析了半天，貌似在清理病毒。后来又跳转页面了，下载啥东西好像，看着有点不太对劲儿。机智的宝宝打开apple官网对比了下，结果这盗版网站类开头跟苹果的域...
2018-09-01 00:33:39
9763
9
翻译 console命令总结
当涉及到调试您的前端Web应用程序时。 控制台控制台有一个API，提供了许多方法，使调试更容易。 开发人员使用console.log（）或console.dir（）来调查问题并不罕见; 但开发人员工具控制台还有更多功能可供使用，console.trace来追踪调用栈、console.profile分析性能、console.time计算时间、console.warn输出警告信息….. 这里对...
2018-04-27 14:36:31
3021
原创 css实现多行省略号
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。那么利用css如何实现多行省略号呢？利用-webkit-line-clamp属性（WebKit的CSS扩展属性-WebKit是私有属性）是可以实现的，但是只适用于webkit浏览器和移动端。另外可以利用伪类配合定位实现，这个兼容性好一些。利用-...
2018-03-28 10:03:28
2605
原创 ES6实现数组去重
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Array.from方法可以将 Set 结构转为数组。 例如：const items = new Set([1, 2, 3, 4, 5]);const array = Array.from(items);利用这些特点可以得出两种数组去重的方法： 方法一：利用展开运算符和Set成员的唯一...
2018-03-08 23:41:25
13041
原创 JavaScript声明提升
声明提升就好像把声明（变量声明和函数声明）从它们所在代码中出现的位置移到了最上面。直觉上我们会以为JavaScript代码是由上到下一行一行执行的，但实际上这并不完全正确，还要考虑声明提升的存在。1. 考虑下面关于变量声明提升的代码：a = 2;var a;console.log(a); // ?？按照由上到下一行一行执行的思路：var a 声明在 a = 2 之后，所以a...
2018-03-03 23:09:01
1637
1
原创 JavaScript中立即执行函数(IIFE)的不同形式
立即执行函数(IIFE)，可以看做是一个自调用的匿名函数。例如：var a = 2;(function (){ var a = 3; console.log(a); // 3})();console.log(a); // 2通常我们使用的具名函数调用都是形如fn()，函数名加上一个括号执行的； 例如：function fn(){ co...
2018-03-03 20:30:48
531
原创 js如何实现数组扁平化
首先让我们思考一个这样的题目；假如有一个数组arr = var arr = [1, [2, 3, [4]]];，我们怎么能把arr变成[1, 2, 3, 4]呢？即让多维数组降维，转换为只有一层的数组；如果用过lodash的话，我们知道 flatten 和 flattenDeep 方法都可以实现.
2017-12-26 21:49:31
10725
1
原创 Javascript中bind实现
MDN中bind是这样定义的： bind()方法创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。由此我们可以看出bind 函数的两个特点： 1. 绑定this，返回一个新函数 2. 可以传入参数 (可以预传参，只需要传入剩下的参数)
2017-12-21 20:33:50
264
原创 Javascript中this的指向
在箭头函数出现之前，每个新定义的函数都有它自己的 this值（在构造函数的情况下是一个新对象，在严格模式的函数调用中为 undefined，如果该函数被称为“对象方法”则为基础对象等）。 ES6 引入了支持this词法解析的箭头函数（它在闭合的执行上下文内设置this的值）。
2017-12-21 17:50:22
337
1
原创 对待面试的姿态
“一如前端深似海，不思量，自难忘“。作为前端菜鸟的我，这几天面试了几家公司，或好或差或矬，心情五味杂陈，想写点什么记录下，也算对这一周收尾了，嘿嘿。本来想起个对待面试的心态的标题，但又感觉想说的不仅仅是心态；脑海中浮现一个词“姿态“，好像意义更广泛写，那就它吧。百度百科里说：姿态是指容貌神态，样子，风格，气度等。语出三国魏阮籍《咏怀》之五五：“委曲周旋仪，姿态愁我肠。”。嗯，看来还是.....
2017-12-08 23:03:02
479
原创 图片预加载之延迟加载2-懒加载
上一篇文章中以相册为例，介绍了图片预加载的预先加载。这次将对图片预加载的延迟加载（或者说是按需加载）进行相关介绍。
2017-04-28 00:02:50
492
原创 图片预加载之预先加载1-相册
当一个页面中有多组图片时，往往会称为影响性能的关关键因素。我们不可能同时把所有的图片都加载完才开始浏览页面，估计那样的活一个用户都没了。正如可以缓存电视剧一样，如果我们可以缓存图片就soeasy了，由此引出今天的话题“图片预加载”。
2017-04-26 23:46:57
564
原创 toString”漫谈
谈到“toString”，大多都不陌生，有人说是对象转为字符串的，也有人总会把它和valueOf作区分和比较。在本文中，只是简单说说“toString”的用法，不涉及valueOf的部分。 首先，我们先要了解的是：toString在系统对象下面都是自带的，自己写的对象都是通过原型链找Object下面的。我们知道hasOwnProperty是挂载在Object.proper
2017-04-15 14:07:32
417
原创 事件绑定的两种形式
在面试中，有的时候我们想竭力的表达自己的想法，往往没有听清题目 就开始回答，所以给出的答案往往都是答非所问。面试时一定要听清面试官的题目，这样才可以在面试中做到游刃有余。而回答题目一般有两层意思：普通答案，期望答案。期望答案就是加分项，这 才是面试官真正提问这个问题的本意。比如：一般的 IE 事件绑定不 w3c 事件绑定有什么区 别？能说得上 attachEvent,addEventLisente
2017-02-05 22:02:11
594
1
探索 Serverless 中的前端开发模式-蒋航.pdf
2019-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人