3 jianlu_blet

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 14w+

常见密码验证规则

常见密码验证规则至少八个字符,至少一个字母和一个数字:"^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"至少八个字符,至少一个字母,一个数字和一个特殊字符:"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"最少八个字符,至少一个大写字母,一个小写字...

2019-11-28 13:49:49

Vue和React生命周期图

2019-03-23 21:40:22

react学习笔记

React.js - 第1天1. React简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram(照片交友) 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。Angular1 2009 年 谷歌 MVC 不支持 组件化开发由于 React 的设...

2019-03-23 21:14:25

JS之对象拷贝

浅拷贝:function clone (source) { let target = {}; for (let key in source) { if (source.hasOwnProperty(key)) { target[key] = source[key]; } } return target;}// 测试用例var a = { name: "m...

2019-03-19 23:47:53

JS快速获取图片宽高

方法一:function getImgInfo (url) { return new Promise((resolve, reject) => { let img = new Image(); img.src = url; img.onload = function (...

2019-03-19 22:39:40

JS错误处理

1. try-catch 语句1.1 将可能会抛出错误的代码都放在try语句块中,而把那些用于错误处理的代码放在catch块中。try {//可能会导致错误的代码someFunction();} catch (error) {//在错误发生时怎么处理alert(error.message)}1.2 finally字句虽然finally字句是可选的,但是一...

2019-03-17 20:16:17

获取查询字符串参数

function getQueryStringArgs () { let qs = (location.search.lenght > 0 ? location.search.substring(1) : ""), args = {}, items = qs.lenght > 0 ? qs.split('&') : [], item =...

2019-03-14 16:47:32

解锁浏览器背后的运行机制

浏览器内核可以分成两部分:渲染引擎(Layout Engine 或者 Rendering Engine)和 JS 引擎。早期渲染引擎和 JS 引擎并没有十分明确的区分,但随着 JS 引擎越来越独立,内核也成了渲染引擎的代称(下文我们将沿用这种叫法)。渲染引擎又包括了 HTML 解释器、CSS 解释器、布局、网络、存储、图形、音视频、图片解码器等等零部件。其中我们最需要关注的,就是HTML 解释...

2019-02-17 20:15:19

JS数组乱序

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];arr.sort(function () {     return Math.random() - 0.5;});

2019-02-16 16:38:07

JS类型判断函数封装

function type(obj) { let class2type = {} 'Array Date RegExp Object Error'.split(' ').forEach(e => class2type[ '[object ' + e + ']' ] = e.toLowerCase()) if (obj == null) ...

2019-02-16 15:58:13

手写一个简易的Promise

;(function () { class Promise { const status = { pending: 0, fulfilled: 1, rejected: 2 } constructor (executor) { //初始状态 this._status = status.pending; this._value = null;...

2018-12-08 17:57:46

手写bind函数

Function.prototype.bind = function (thisArg, ...args) {    let self = this    let Bound = function (...args2) {        self.apply(thisArg, [...args, ...args2])    }    Bound.prototype = Object....

2018-12-05 22:34:52

JS原生的Base64编码

编码:window.btoa('guojianlu')       //"Z3Vvamlhbmx1"解码:window.atob('Z3Vvamlhbmx1')    //"guojianlu"

2018-10-22 17:01:01

for in 、for of 、forEach用法总结

1.  for in 既可以枚举对象也可以枚举数组,枚举出来的是key(数组的key是0,1,2...)2.  for in 会把原型上的属性也枚举出来,但可以通过hasOwnProperty过滤3.  forEach 遍历数组的时候是无法break或者return false中断4.  for of 可以迭代数组、字符串、arguments类数组对象、NodeList这类DOM集合、...

2018-10-22 16:49:11

清除浮动方法汇总

1. 额外标签法:在浮动元素末尾添加一个空的标签,例如<div       style="clear: both">优点:通俗易懂,书写方便缺点: 添加许多无意义的标签,结构化比较差。2. 父级添加overflow属性方法原理: 触发BFC,可以实现清除浮动的效果。优点: 代码简洁缺点: 内容溢出会被隐藏掉3. 使用after伪元素清除浮动.clearf...

2018-10-16 23:28:33

将类数组对象转换成数组的方法总结

1. Array.prototype.slice.call(类数组对象)例1: function foo(a, b) {             let res = Array.prototype.slice.call(arguments);             console.log(res);          }         foo('aaa', 'bbb');    ...

2018-09-02 20:50:06

栅格系统(CSS Grid System)

在做项目的时候,经常要做响应式布局,对于好多初学者来说,这还是一个比较困难的事,于是就会用一些CSS框架,比如说Bootstrap, Bootstrap虽然好多方面都做得相当完善,在快速开发的时候确实很有用,但是,毕竟是框架吗,肯定不能完全符合自己的功能需求,而且也会有很多的坑,还有的情况就是也许你只需要它的栅格系统,但不得不引用它的整个css文件,这其实是完全没有必要的。那么,接下来我就将创建也...

2018-03-26 20:55:55

BFC的原理详解

一:BFC是什么?BFC定义:  BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。  BFC布局规则:内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻B...

2018-03-14 21:40:18

H5首屏秒开方案

随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客户端里出现越来越多内嵌 web 页面(为了配上当前流行的说法,以下把所有网页都称为 H5 页面,虽然可能跟 H5 没关系),很多 APP 把一些功能模块改成用 H5 实现。虽然说 H5 页面性能变好了,但如果没针对性地做一些优化,体验还是很糟糕的,主...

2018-03-04 17:35:00

call、apply、bind方法详解

call方法:call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。注意:该方法的作用和 apply() 方法类似,只有一个区别,就是call()方法接受的是若干个参数的列表,而apply()方法接受的是一个包含多个参数的数组。语法:fun.call(thisArg, arg1, arg2, ...)thisArg在fun函数运行时指定的this值。需要注意...

2018-03-03 19:57:49

查看更多

勋章 我的勋章
    暂无奖章