自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (1)
  • 收藏
  • 关注

原创 nodejs中使用bcrypt加密

nodejs中使用bcrypt加密bcrypt简介bcrypt算法相对来说是运算比较慢的算法,在密码学界有句常话:越慢的算法越安全。算法越算,黑客破解成本越高.通过salt和const这两个值来减缓加密过程,ta的加密时间(百ms级)远远超过md5(大概1ms左右)。对于计算机来说,Bcrypt 的计算速度很慢,但是对于用户来说,这个过程不算慢。bcrypt是单向的,而且经过salt和cost的处

2017-11-15 11:21:13 9881

原创 nuxt.js报错处理

这两天在学习koa-template(带有KoaJS的Nuxt.js的入门模板),看着蛮简单,对照着koa-template上面说的步骤做了. 果然,很顺利的出现了如下界面.隔了一天再打开,莫名奇妙的报错了,what? why? ...

2019-11-19 00:43:54 888 1

原创 轻松上手CSS Grid网格布局

今天刚好要做一个好多div格子错落组成的布局,不是田字格,不是九宫格,12个格子这样子,看起来有点复杂。关键的是笔者有点懒,要写那么多div和css真是不想下手啊。多看了两眼,这布局不跟网格挺像吗?css grid好像就是长这样子的?会不会很简单呢?反正也不熟,实在不行就当学习了。说干就干,说不定能偷点懒呢哈哈~

2019-07-05 22:18:18 5127 30

原创 css画一个皮卡丘

最近皮神火了,萌萌哒,很阔耐。那么用css能不能画个皮神呢?赶紧来试一下吧~

2019-06-09 22:52:14 4503 2

原创 z-index无法工作的4个原因及如何解决

z-index是一个CSS属性,允许您将图层中的元素放在彼此的顶部。不幸的是,z-index是那些并不总是以直观方式表现的属性之一。 一开始似乎很简单,更高的z指数表示该元素将位于具有较低z-index数的元素之上。 但是有一些额外的规则会使事情变得更加复杂。 并且你不能总是通过将z-index设置为999999来解决问题!

2019-05-21 16:34:24 1165

原创 javascript实现数组分组

编写一个chunk函数,将数组拆分成多个 size 长度的块,并组成一个新数组。 如果数组无法被分割成全部等长的块,那么最后剩余的元素将组成一个块。

2019-05-18 23:50:33 9331 4

原创 微信小程序检查版本更新

当我们发布了新版本,因为缓存的缘故用户使用的小程序可能还是旧版的,于是我们就有了提醒用户更新版本的需要。小程序提供了UpdateManager对象,用来管理更新,基础库 1.9.90 开始支持,低版本需做兼容处理。

2018-11-19 19:52:27 4945

原创 video标签踩坑小记

使用video标签实现简单的视频展示,关键点是封面的设置和视频在当前区域的播放,自定义封面图和播放按钮,覆盖在原生视频标签的上面。最终实现的效果如下图所示:踩坑小记:问题:视频封面在个别浏览器显示不全解决:不使用video标签默认的poster属性,自定义封面和播放按钮。问题:视频在微信浏览器点击全屏播放,不能在当前区域播放解决:通过设置x5-playsinline="true"实

2018-10-13 13:05:19 1320

原创 Your system is infected with 3 viruses!(您的系统感染了3种病毒!)

不应该啊,哪来的病毒?可怕。。今天正浏览器一个下载mp3网站,看着看着突然打开了一个新网站,这不是苹果官网吗?而且电脑还发出了两声Apple特有的警报声,吓坏宝宝的节奏~ 我刚开始竟然点了确定,然后点了Scan Now按钮,后来这个网站自动分析了半天,貌似在清理病毒。后来又跳转页面了,下载啥东西好像,看着有点不太对劲儿。机智的宝宝打开apple官网对比了下,结果这盗版网站类开头跟苹果的域...

2018-09-01 00:33:39 9833 9

翻译 console命令总结

当涉及到调试您的前端Web应用程序时。 控制台控制台有一个API,提供了许多方法,使调试更容易。 开发人员使用console.log()或console.dir()来调查问题并不罕见; 但开发人员工具控制台还有更多功能可供使用,console.trace来追踪调用栈、console.profile分析性能、console.time计算时间、console.warn输出警告信息….. 这里对...

2018-04-27 14:36:31 3042

原创 css实现多行省略号

  大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。那么利用css如何实现多行省略号呢?利用-webkit-line-clamp属性(WebKit的CSS扩展属性-WebKit是私有属性)是可以实现的,但是只适用于webkit浏览器和移动端。另外可以利用伪类配合定位实现,这个兼容性好一些。利用-...

2018-03-28 10:03:28 2619

原创 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 13053

原创 JavaScript声明提升

声明提升就好像把声明(变量声明和函数声明)从它们所在代码中出现的位置移到了最上面。直觉上我们会以为JavaScript代码是由上到下一行一行执行的,但实际上这并不完全正确,还要考虑声明提升的存在。1. 考虑下面关于变量声明提升的代码:a = 2;var a;console.log(a); // ??按照由上到下一行一行执行的思路:var a 声明在 a = 2 之后,所以a...

2018-03-03 23:09:01 1643 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 537

原创 js如何实现数组扁平化

首先让我们思考一个这样的题目;假如有一个数组arr = var arr = [1, [2, 3, [4]]];,我们怎么能把arr变成[1, 2, 3, 4]呢?即让多维数组降维,转换为只有一层的数组;如果用过lodash的话,我们知道 flatten 和 flattenDeep 方法都可以实现.

2017-12-26 21:49:31 10764 1

原创 Javascript中bind实现

MDN中bind是这样定义的: bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在调用新函数时,在任何提供之前提供一个给定的参数序列。由此我们可以看出bind 函数的两个特点: 1. 绑定this,返回一个新函数 2. 可以传入参数 (可以预传参,只需要传入剩下的参数)

2017-12-21 20:33:50 274

原创 Javascript中this的指向

在箭头函数出现之前,每个新定义的函数都有它自己的 this值(在构造函数的情况下是一个新对象,在严格模式的函数调用中为 undefined,如果该函数被称为“对象方法”则为基础对象等)。 ES6 引入了支持this词法解析的箭头函数(它在闭合的执行上下文内设置this的值)。

2017-12-21 17:50:22 341 1

原创 对待面试的姿态

“一如前端深似海,不思量,自难忘“。作为前端菜鸟的我,这几天面试了几家公司,或好或差或矬,心情五味杂陈,想写点什么记录下,也算对这一周收尾了,嘿嘿。本来想起个对待面试的心态的标题,但又感觉想说的不仅仅是心态;脑海中浮现一个词“姿态“,好像意义更广泛写,那就它吧。百度百科里说:姿态是指容貌神态,样子,风格,气度等。语出三国魏阮籍《咏怀》之五五:“委曲周旋仪,姿态愁我肠。”。嗯,看来还是.....

2017-12-08 23:03:02 484

原创 图片预加载之延迟加载2-懒加载

上一篇文章中以相册为例,介绍了图片预加载的预先加载。这次将对图片预加载的延迟加载(或者说是按需加载)进行相关介绍。

2017-04-28 00:02:50 502

原创 图片预加载之预先加载1-相册

当一个页面中有多组图片时,往往会称为影响性能的关关键因素。我们不可能同时把所有的图片都加载完才开始浏览页面,估计那样的活一个用户都没了。正如可以缓存电视剧一样,如果我们可以缓存图片就soeasy了,由此引出今天的话题“图片预加载”。

2017-04-26 23:46:57 570

原创 toString”漫谈

谈到“toString”,大多都不陌生,有人说是对象转为字符串的,也有人总会把它和valueOf作区分和比较。在本文中,只是简单说说“toString”的用法,不涉及valueOf的部分。  首先,我们先要了解的是:toString在系统对象下面都是自带的,自己写的对象都是通过原型链找Object下面的。我们知道hasOwnProperty是挂载在Object.proper

2017-04-15 14:07:32 425

原创 事件绑定的两种形式

在面试中,有的时候我们想竭力的表达自己的想法,往往没有听清题目 就开始回答,所以给出的答案往往都是答非所问。面试时一定要听清面试官的题目,这样才可以在面试中做到游刃有余。而回答题目一般有两层意思:普通答案,期望答案。期望答案就是加分项,这 才是面试官真正提问这个问题的本意。比如:一般的 IE 事件绑定不 w3c 事件绑定有什么区 别?能说得上 attachEvent,addEventLisente

2017-02-05 22:02:11 597 1

探索 Serverless 中的前端开发模式-蒋航.pdf

Serverless computing refers to the concept of building and running applications that do not require server management. 无服务器计算是指构建和运行不需要服务器管理的应用程序的概念. 探索Serverless 中的前端开发模式.

2019-12-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除