- 博客(19)
- 收藏
- 关注
RSS订阅转载 javascript事件循环以及同步、异步
一. 单线程我们常说“JavaScript是单线程的”。所谓单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。不妨叫它主线程。但是实际上还存在其他的线程。例如：处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(例如在Node.js中)等等。这些线程可能存在于JS引擎之内，也可能存在于JS引擎之外，在此我们不做区分。不妨叫它们工作线程。二. 同步和...
2018-03-29 17:27:19
271
原创 CSS重绘与重排
浏览器渲染页面过程要理解重绘与重排就要先明白浏览器是怎样渲染一个页面的：浏览器从上往下解析html源码并构建一个由dom节点组成的dom树dom树构建完成后开始解析css样式并计算出最终的样式数据构建一个渲染树并将页面绘制到屏幕上，此时就是用户最终看到的页面效果了重绘与重排的概念当一个页面被初次渲染完成以后，用户往往户执行一些操作，而这些操作必定会对页面产生影响。重排：当页面上的改变影响了文档内容...
2018-03-29 14:33:32
399
原创 关于css浮动问题
浮动产生的原因一般在给父级盒子下面的子元素设置了浮动属性的情况下，会导致父元素盒子没有被撑开。如下代码中分别给left,right设置了浮动属性，高度，背景色。父元素也同样设置了背景色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam
2018-03-27 18:06:24
564
转载 javascript垃圾回收机制与内存管理
一、垃圾回收机制—GCJavascript具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。JavaScript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间...
2018-03-27 15:46:01
195
转载 http协议详解
引言HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP协议的主要特点可概括如下：1.支持客户/服务器模式。2....
2018-03-27 15:10:29
240
转载 网页前端性能优化
加载优化（最耗时）减少 HTTP 请求：浏览器一般同时响应请求为4个请求（PC 一般为4个，Android 支持4个，IOS 5后可支持6个），所以尽量减少页面的请求数，首次加载同时请求数不能超过4个。（Webpack打包等）合并 CSS、 JavaScript；合并小图片、 使用 CSS sprite，base-64；缓存：使用缓存可以减少向服务器的请求数，节省加载时间，所以所有静态资源都要在服...
2018-03-22 10:19:06
295
原创 artTemplate子模板和辅助函数详解
我们知道artTemplate是一个前端模板引擎，可以使我们告别字符串拼接渲染的麻烦。关于这个模板的优点和具体用法我就不一个个解释。我在这里只针对于其中的子模板和辅助函数并用实际代码例子来详细的解释一下。先看代码和效果图：<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2018-03-19 15:21:29
2317
原创 js DOM事件流
1.事件就是用户或浏览器自身执行的某种动作。诸如click(点击)、load(加载)、mouseover(鼠标悬停)。2.事件流描述的是从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。3.事件处理程序响应某个事件的函数就叫事件处理程序(或事件侦听器)。DOM0级事件处理程序下面例子中展示了dom0绑定事件的两种方法以及如何解绑事件，执行代码我们发现如果给同一元素同时绑定两个事件的话，则后...
2018-03-19 10:49:34
374
原创 javascript原生DOM知识总结
DOM是什么？dom是Document Object Model的缩写，也就是文档对象模型的意思，它是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。上面对dom的解释比较官方不易理解，用我自己的话来解释的话：网页是由一系列的html组成，如果把每一个页面当成一棵树的话，那页面里面的html就是数的分支。同样把dom也当成一棵树的话，那么d...
2018-03-16 17:30:28
645
原创 超链接a的伪类书写顺序详解
我们知道a标签有四个伪类分别为：link 超链接的默认样式 visited 访问过的（已经看过的）链接样式 hover 鼠标处于鼠标悬停状态的链接样式 active 当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式。一般我们书写它们样式的时候都是按照上面序号的顺序来写的，那我们思考一下为什么呢？这个知识点虽然比较简单，但其中涉及的css基础知识还是挺多的，接下来我便为大家讲解一下其中所...
2018-03-16 11:26:27
2992
原创 sessionStorage与localStorage用法详解
sessionStorage与localStorage二者都是H5新增的api用于本地存储sessionStorage：仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。源生接口可以接受，亦可再次封装来对Object和Array有更好的支持。localStorage：生命周期是永久，这意味着除非用户显示在浏览...
2018-03-15 23:27:18
515
原创 ajax知识总结
什么是ajax?1.ajax的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）2.ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。3.ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。关键...
2018-03-15 16:51:33
265
原创 js数组常用排序法
1. 冒泡排序（从后向前）var array = [1,4,-8,-3,6,12,9,8];function sort(arr){ for(var j=0;j<arr.length-1;j++){ //两两比较，如果前一个比后一个大，则交换位置。 for(var i=0;i<arr.length-1-j;i++){ if(a...
2018-03-15 13:55:40
352
原创 javascript中的this到底是指什么（二）？
在我的上一篇博客中有写到javascript中this关键字方面的知识，我在里面提到过一句话：谁调用了我，我就是谁的对象。谁最后调用了我，我就是谁的对象。其实这个this指向的对象也是可以改变的，那怎样才能改变这个this指向的对象呢？相信接触过javacrript一段时间的朋友对call()方法以及apply()方法都不会陌生吧。接下来就一起来看看这两个方法的具体用法吧。1.apply(...
2018-03-15 11:47:20
424
1
原创 javascript中的this到底是指什么（一）?
写js也有两年多了，在平时工作中也经常会用到this关键字，但是仅局限于用它，如果要求我讲明白this到底是什么的话可能就有点懵逼了，相信大家在面试的时候面试官也经常会问你this是神马东东，为了避免这种面试尴尬也是因为确实想把基础打扎实一点，所以就认认真真学了一遍。查阅了很大大神写的博客，标题都是类似于这种~~~"彻底弄懂js中的this关键字"等等等，我自认为自己写的这篇博客做不到那么牛逼的程......
2018-03-14 18:06:25
14637
22
原创 javascript闭包
要弄清楚javascript闭包这个知识点之前先看看变量的作用域，我们知道在js语法中，变量分为局部变量和全局变量。局部变量：在函数内部声明的变量，只能在该函数中才能被访问，函数执行完后即被释放 全局变量：在函数外面声明的变量，在任何地方都可以被访问到。如果在函数内部申明的变量没有用var定义的话，那么这个变量也是全局变量var userName="I am outer var";//全局变...
2018-03-13 15:24:35
217
原创 网页cookies
cookies是什么？cookies就是用户在浏览网页的时候，把用户输入的一些资料如用户名或密码什么的记录到浏览器里面，以便用户下次访问该页面的时候浏览器会直接返回该用户的信息给用户，可以理解为cookies就是记录用户在浏览器中的操作。cookies作用：1.可以在客户端上保存用户数据，起到简单的缓存和用户身份识别等作用。2.保存用户的登陆状态，用户进行登陆，成功登陆后，服务器生成特定的cook...
2018-03-13 10:28:46
737
原创 一个页面从输入url到页面加载完成经历了哪些过程？
1）要弄清楚这个问题首先要明白url的组成部分：一般把URL分割成几个部分：协议、网络地址、资源路径。其中网络地址指示该连接网络上哪一台计算机，可以是域名或者IP地址，可以包括端口号；协议是从该计算机获取资源的方式，常见的是HTTP、FTP，不同协议有不同的通讯内容格式；资源路径指示从服务器上获取哪一项资源。例如：http://www.guokr.com/question/554991/协议部分：...
2018-03-13 09:55:21
1233
原创 块状元素和行内元素的margin,padding的区别
我们知道在做网页布局的时候一般是采用div+css的方式来做页面布局的，div+css布局最重要的是要理解块状元素和行内元素，我们把块状元素，行内元素通过float浮动的方式来把相应的元素摆放到正确的位置上去，那么什么是块状元素？什么是行内元素呢？以及块状元素和行内元素分别有哪些？什么是块状元素？我用自己觉得最通俗易懂的语言来解释的话就是：块状元素的默认的宽度就是100%，也就是占据了整行，不允许...
2018-03-12 16:16:04
2292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人