
前端难点
淮枳
干净自由,浪荡一生
展开
-
webpack简单总结
目录webpack简单创建工程目录步骤配置文件插件webpack简单创建工程目录步骤1、创建目录test; 2、初始化目录test:npm init -y。 3、全局安装webpack-cli —— npm install -g webpack-cli。 4、全局安装webpack —— npm install -g webpack。 5、使用webpack –mode...原创 2018-08-06 10:40:29 · 148 阅读 · 0 评论 -
关于原型链的一些理解
问题: 什么是构造函数以及作用? 构造函数与普通函数区别是什么? 用new关键字的时候到底做了什么? 构造函数有返回值怎么办? 构造函数能当普通函数调用吗?1.什么是构造函数以及作用? (说人话的解释:构造函数,就是一个普通的函数,与其他函数没有任何区别,可以理解为 函数==构造函数,它只是概念上的一个定义,使用它用来实例化对象。)...原创 2018-08-02 15:36:10 · 184 阅读 · 0 评论 -
正则表达式的理解和常见应用
正则表达式,就是用某种模式去匹配一类字符串的公式,是一个描述字符串规则的表达式。学习正则表达式就是学习怎样定义一种“模式”的语法,说白了,就是学习各种匹配的规则,例如匹配数字要怎么要怎么写,匹配字符怎么写等等。表达式简要:字符 描述 ^ 匹配输入字符串的开始位置。 $ 匹配输入字符串的结束位置。 * 匹配前面的子表达式0次或多次。例如,zo*能匹配“...翻译 2018-08-02 15:36:40 · 387 阅读 · 0 评论 -
关于闭包的一些理解
闭包是什么? ——可简单理解为:有权访问另一个函数作用域内变量的函数都是闭包。先看一段代码:function add(){ var n = 0; function inc(){ n++; console.log(n); } return inc;}var test = add(); //注意:add()返回的是函数in...原创 2018-08-02 15:37:57 · 149 阅读 · 0 评论 -
ES6解构赋值
比较简单粗略地了解各类型解构的语法:(后续有增加理解的话会继续添加...)1.数组的解构赋值 解构:const [a,b,c,d,e]=[1,2,3,4,5]; 赋值:let m=23;let n=12;// 交换数值。[m,n]=[n,m];// 把右边的值提取出来,赋值给左边。2.对象的解构赋值 解构:let {name,age}={age:...翻译 2018-08-03 01:47:59 · 187 阅读 · 0 评论 -
flex布局快速学习笔记
由于想做一个移动app,传统布局略麻烦,想快速上手flex,参考阮一峰老师的博客写下笔记。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。1.flex布局是什么任何一个容器都可以指定为 Flex 布局。display:flex;行内元素也可以使用flex布局:dis...原创 2018-08-15 14:55:03 · 539 阅读 · 2 评论 -
关于常用的垂直居中
最近做页面经常用到垂直居中,而且有些是不定高,在这里总结一下垂直居中用到的技巧。 对于盒子垂直居中: 第一种方法:先让盒子top和left的位置移动50%(要先设置position),然后利用margin的负值将盒子拉到中间。 第二种方法:flex布局,使用align-items垂直居中,缺点是在pc兼容性不太好。(也可以使用Grid布局,但我很少用) 第三种...原创 2018-10-17 02:49:16 · 549 阅读 · 0 评论