![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
借汝之光,得以光明
不平凡的人生注定不平凡的路。
展开
-
js原型链的世界
原型链是什么鬼?能干啥?每一个类都有一个原型,而这个原型和对象实例之间又有十分微妙的关系。例如:下面的创建对象的代码。function Person(name){ this.name = name;}var person = new Person("nan");实际上在函数的内部执行了这个:这里的注释部分实际上就是我们创建对象的时候,执行的函数,也是有返回值的。所以并不是用...原创 2019-08-02 14:46:52 · 1832 阅读 · 0 评论 -
HTML5基本属性标签
1、关于a标签这里的a标签有一个很重要的功能就是锚点,这里的锚点不光可以在同一个页面中跳转,也可以跳转到对应页面的id位置。<a href="../html/test.html#demo"></a>a标签中download属性,可控制让用户下载目标链接所指向的资源。这里的href指定的是资源的位置路径,download属性里面是<a href="im...原创 2019-07-06 08:48:24 · 2304 阅读 · 0 评论 -
弹性布局 flex属性
1 使用弹性盒子布局html+css的布局有很多种比如:float和inline-block这种布局,但是这种布局的有很大的缺点。css3新增了弹性布局。这也是当今最主流的布局方式之一。2 使用flex类型的盒模型(display:flex)该模型有如下几种属性:flex-flow:这是一个复合属性,由flex-flow和flex-direction组成。flex-directio...原创 2019-07-12 18:55:25 · 2582 阅读 · 0 评论 -
Jquery 实现无缝滑动轮播图特效
效果图正常的滑动轮播图在换到末尾时会有一个大的转移,转移到第一张图片。这样给客户的视觉冲击十分的不好,所以我给大家分享一下原创的无缝轮播图。源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl &l...原创 2019-07-13 22:29:48 · 3568 阅读 · 0 评论 -
js中的函数(方法)中的变量以及调用函数的三种方式
函数中的变量局部变量实例属性类属性function Person(age,national){ this.age = age; Person.national = national var bb = 0;} 这里的this.age = age;是实例属性,也就是对象属性Person.national = national是类属性,可以与java中的static一起理解v...原创 2019-07-31 20:43:15 · 8137 阅读 · 0 评论 -
Web Storage 前端存储
1、Web Storage许多小伙伴在学习前端的时候都有一个想法,自己只能写一些静态的数据,如果想动态加载数据的话,就要学习数据库,例如mysql、Sql Serve、oracle等,光学数据库还不行,还必须掌握一门后端语言,去搭服务,进行前后端的交互。这样学习的时间非常漫长,所以在HTML5更新后,传来了一个好消息,咱们前端也要有自己的数据库啦。就是Web Storage。利用这个并且不需要服...原创 2019-07-10 15:52:21 · 2799 阅读 · 0 评论 -
CSS 选择器优先级(权重)
一、问题提出?请问div的背景颜色为红色还是绿色呢?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ wi原创 2019-01-21 13:09:48 · 2810 阅读 · 2 评论 -
js关于this那点事
this的四种情况this 的指向一共有四种情况,记住理解就可以玩遍js的this。函数预编译过程this --> window全局作用域 this --> windowcall/apply 可以改变this的指向obj.fun();谁调用指向谁第一种情况:函数预编译过程this --> window这种情况多数指的是纯函数调用前预编译的过程,在作用域链上...原创 2019-08-05 11:01:10 · 3154 阅读 · 0 评论 -
JavaScript预编译(执行期上下文)总结
预编译(又叫“执行期上下文”)一般来说,预编译与闭包、作用域链和闭包是密切相关的,好多人包括在企业开发的人都听说过一句话叫做“函数声明整体提升”。这个就是预编译后的一个小结果,所以今天自己总结了一下。分为以下几个步骤来说。大家先看看这段代码console.log(a);var a = 1;结果:为什么变量的声明在输出的下面,却没有报错?值为什么是undefined?大家再看看下面...原创 2019-01-23 19:12:37 · 4603 阅读 · 2 评论 -
js底层原理作用域和作用域链
1、作用域([[scope]])[[scope]]:每一个js函数都是一个对象,对象中有些属性我们可以访问,但是有些不可以,这些属性仅供js引擎存取,[[scope]]就是其中的一个。[[scope]]指的是我们所说的作用域(作用域链),其中存储了运行期期上下文的集合。每一个函数都有一个作用域。运行期上下文:当函数执行的过程之前,会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一...原创 2019-07-31 22:05:18 · 4152 阅读 · 0 评论 -
通俗易懂的js闭包
1、闭包是什么鬼?当内部函数被保存到了外部时,将会生成闭包。闭包会导致原有的作用域链不释放,造成内存泄露。如果i不知道作用域链是什么鬼,那么请看前两篇。 function outer(){ function inner(){ } return inner; } var demo = outer(); demo...原创 2019-08-01 23:18:50 · 3192 阅读 · 0 评论 -
封装原生js最常用的10个方法(兼容所有浏览器)
1、事件封装function addEvent(elem,type,handle){ if(elem.addEventListener){ elem.addEventListener(type,handle,false); }else if(elem.attachEvent){ elem.attachEvent('on' + type,function(){ handle.ca...原创 2019-08-20 00:16:25 · 1255 阅读 · 2 评论