前端难点
淮枳
干净自由,浪荡一生
展开
-
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 · 123 阅读 · 0 评论 -
关于原型链的一些理解
问题: 什么是构造函数以及作用? 构造函数与普通函数区别是什么? 用new关键字的时候到底做了什么? 构造函数有返回值怎么办? 构造函数能当普通函数调用吗? 1.什么是构造函数以及作用? (说人话的解释:构造函数,就是一个普通的函数,与其他函数没有任何区别,可以理解为 函数==构造函数,它只是概念上的一个定义,使用它用来实例化对象。) ...原创 2018-08-02 15:36:10 · 156 阅读 · 0 评论 -
正则表达式的理解和常见应用
正则表达式,就是用某种模式去匹配一类字符串的公式,是一个描述字符串规则的表达式。 学习正则表达式就是学习怎样定义一种“模式”的语法,说白了,就是学习各种匹配的规则,例如匹配数字要怎么要怎么写,匹配字符怎么写等等。 表达式简要: 字符 描述 ^ 匹配输入字符串的开始位置。 $ 匹配输入字符串的结束位置。 * 匹配前面的子表达式0次或多次。例如,zo*能匹配“...翻译 2018-08-02 15:36:40 · 353 阅读 · 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 · 113 阅读 · 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 · 135 阅读 · 0 评论 -
flex布局快速学习笔记
由于想做一个移动app,传统布局略麻烦,想快速上手flex,参考阮一峰老师的博客写下笔记。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 1.flex布局是什么 任何一个容器都可以指定为 Flex 布局。display:flex; 行内元素也可以使用flex布局:dis...原创 2018-08-15 14:55:03 · 462 阅读 · 2 评论 -
关于常用的垂直居中
最近做页面经常用到垂直居中,而且有些是不定高,在这里总结一下垂直居中用到的技巧。 对于盒子垂直居中: 第一种方法:先让盒子top和left的位置移动50%(要先设置position),然后利用margin的负值将盒子拉到中间。 第二种方法:flex布局,使用align-items垂直居中,缺点是在pc兼容性不太好。(也可以使用Grid布局,但我很少用) 第三种...原创 2018-10-17 02:49:16 · 430 阅读 · 0 评论