kf_qyl-CSDN博客

原创前端知识学习----this详解

关于this，首先要知道this的是在代码执行的时候才能确定的，定义的时候不能确定，因为this是执行上下文的一部分，而执行上下文是在代执行的时候才能确定的。实际上this的最终指向的是那个调用它的对象。想理解this先看几个例子：var a = { name:'A', fn: funcrion(){ console.log(this.name); ...

2018-07-31 16:20:23 758

原创前端知识学习----声明提升

JS是解释执行的脚本语言，在一段JS脚本执行之前，需要先解析代码，解析的时候会先创建一个全局的执行上下文环境，先把代码中即将执行的变量，函数声明提取出来。（内部的函数还没有执行，不会参与进来）变量先暂时赋值为undefined，函数则先声明好即可使用。以上做完，然后开始正式执行程序。举个例子：console.log(a); //undefinedvar a = 100;fn('...

2018-07-31 10:42:31 230

原创 ES5与ES6之间区别

1.箭头函数箭头函数ES6中新的函数定义形式，function name(arg1,arg2){…}可以写成 (arg1,arg2)=>{…}；意义在于：1.函数写法更加简洁；2.可以解决ES6之前函数执行中this是全局变量的问题。例如：function fn(){ console.log('real',this); //'real',{a:100} v...

2018-08-01 16:55:46 858

原创前端知识学习----JS基础语法（1）

1.变量名定义规则：变量名区分大小写，允许包含字母,数字,美元符号和下划线，但是第一个字符不允许是数字，不允许是空格和其他标点符号；变量命名长度应尽可能的短，并抓住要点，尽量在变量名中体现出值得类型，尽量避免使用没有意义的命名；禁止使用JS关键字，保留字命名。2.JS的数据类型：JS有五种基本数据类型：undefined,null,string,number,boolean...

2018-03-02 17:26:03 261

原创前端知识学习----多列布局（2）

等宽布局float <!DOCTYPE html><html><head> <title></title> <style type="text/css"> * { margin: 0; padding: 0;

2018-02-13 17:32:51 200

原创前端知识学习-----多列布局（1）

定宽 + 自适应布局的几种实现：01. float + margin上代码： <div class="partent"> <div class="left"><p>left</p></div> <div class="right"&g

2018-02-09 18:14:38 197

原创前端知识学习-----居中布局的多种实现方法

水平居中的几种实现方式01. inline-block + text-align 上代码：<div class="parent"> <div class="child">DEMO</div></div>.parent { text-align: center;}.child { display...

2018-02-09 15:35:24 309

原创管理系统的前端权限控制

问题：项目使用的是shiro框架处理用户登录权限，那么前端要如何配合后端完成系统的权限控制？前端权限比较常见的就是RBAC基于角色的访问控制，基本思想是系统的操作权限不是直接授予具体的用户，而是在用户与权限之间，建立角色集合，每个角色对应一组相应的权限，一旦用户被赋予某种角色，那么用户便具有了此角色对应的操作权限。这样做的好处在于不必每次创建用户都去分配权限集，只要分配用户对应的角色，相比

2018-02-01 18:01:49 7990

原创前端知识学习----CSS3渐变

CSS3 渐变渐变（gradients）可以在两个或多个指定的颜色之间显示平稳的过渡。兼容性：IE10+，Chrome26+，FireFox16+，Safari6.1+，Opera12.1+CSS3线性渐变线性渐变属性（Linear Gradients）是沿着一根轴线改变颜色，从起点到终点颜色进行顺序渐变（从一边拉向另一边）语法：background

2018-01-24 16:29:48 998

原创前端知识学习----CSS3背景

CSS3背景图像区域background-clip 属性指定背景绘制区域语法:background-clip: border-box|padding-box|content-box; 其关键字是指将背景图片以border，padding，content的尺寸进行切割，其得到的结果是不完整的背景。而且有一点要注意，background-clip的切割是对这个容器背景的切割(包括图片与背

2018-01-24 11:13:09 246

原创前端知识学习-----CSS3边框与圆角

CSS3圆角border-radius属性：概念：一个最多可指定四个border-*-radius属性的复合属性，这个属性允许你为元素添加圆角边框！语法： border-radius:1-4length|%/1-4length|%; 兼容性： IE9+，FireFox4+，Chrome，Safari5+，OperaCSS3指定每个圆角多值：四个值：1-4值分别为“坐上

2018-01-12 10:13:04 332

原创前端知识学习-----CSS3新增选择器

CSS常见的选择器有：通配符选择器, 元素选择器，类选择器， ID选择器，后代选择器CSS3新增基本选择器有：子元素选择器，相邻兄弟选择器，通用兄弟选择器，群组选择器基本选择器—-子元素选择器概念：子元素选择器只能选择某元素的子元素语法格式：父元素 > 子元素 (father > children ) 兼容性： IE8+，FireFox，Chrome，Saf

2018-01-08 17:12:02 5327

原创前端知识学习---HTML5标签变化

近期在复习前端方面的知识，将学习的知识整理一下做一个输出H5新增加的标签大致可以分为4类：1.结构标签：结构标签为块状元素，可以理解成有意义的DIV，主要包括 -article标签主要用于定义一篇文章； -header标签主要用户定义一个页面或一个区域的头部； -nav标签主要用于定义导航栏链接； -section标签主要用于定义一个区域； -aside标签

2017-12-19 17:13:54 321

kf_qyl的博客