2017年8月15日
Grunt的配置和使用
摘要： Grunt和Grunt插件是通过NodeJs的包管理工具npm安装并进行管理的。 Grunt 0.4.x必须配合NodeJs=>0.8.0版本使用（奇数版本的NodeJs不是稳定的开发版本） 首先介绍2个基础指令： （1）指令：npm update -g npm 作用：升级当前环境中的npm为最新的 阅读全文
posted @ 2017-08-15 19:43 Sun·傲宇 阅读(258) 评论(0) 推荐(0) 编辑
浏览器的工作流程
摘要： 以Webkit引擎的工作流程为例，了解浏览器的工作原理： 浏览器的工作原理如图所示： 浏览器加载一个HTML页面需进行如下操作： 解析HTML —> 构建DOM树 加载样式 —> 解析样式 —> 构建样式规则树 加载javascript —> 执行javascript代码 把DOM树和样式规则树匹配 阅读全文
posted @ 2017-08-15 10:35 Sun·傲宇 阅读(346) 评论(0) 推荐(0) 编辑
2017年8月14日
Webpack的配置与使用
摘要： 一、什么是Webpack？ WebPack可以看做是模块打包机。用于分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），将其转换和打包为合适的格式供浏览器使用。 二、WebPack和Grunt以及Gulp相比有什么特性？ Gulp 阅读全文
posted @ 2017-08-14 21:59 Sun·傲宇 阅读(246) 评论(0) 推荐(0) 编辑
2017年8月13日
已知/未知宽高的浮动元素水平居中对齐 和 图片水平垂直居中对齐
摘要： 一、已知宽高的浮动元素水平垂直居中对齐 效果： 样式CSS: 1 <style> 2 .parent{ 3 position:relative; 4 border:2px solid #0f0; 5 } 6 .child{ 7 float:left; 8 background-color:#6699 阅读全文
posted @ 2017-08-13 14:22 Sun·傲宇 阅读(238) 评论(0) 推荐(0) 编辑
2017年7月28日
用js实现算法：冒泡排序、插入排序和快速排序
摘要： 一、冒泡排序 1 function bubbleSort(arr){ 2 for(var i=0;i<arr.length;i++){ 3 for(var j=0;j<arr.length-i-1;j++){ 4 if(arr[j]>arr[j+1]){ 5 var temp=arr[j]; 6 a 阅读全文
posted @ 2017-07-28 09:29 Sun·傲宇 阅读(197) 评论(0) 推荐(0) 编辑
用calc()绘制手机图案解锁的九宫格样式
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九宫格</title> </head> <style> .squre{ width: 600px; height:600px; border:2px dotte 阅读全文
posted @ 2017-07-28 09:00 Sun·傲宇 阅读(243) 评论(0) 推荐(0) 编辑
2017年7月20日
十进制与八进制和十六进制之间的转换
摘要： var n1=0123; console.log('n1',n1);//n1 83 解析： 83=3*8^0+2*8^1+1*8^2=3+16+64 八进制数的标志是首位为“0” var n2=0x1a3; console.log('n2',n2);//n2 419 解析： 419=3*16^0+1 阅读全文
posted @ 2017-07-20 17:13 Sun·傲宇 阅读(485) 评论(0) 推荐(0) 编辑
2017年6月4日
JavaScript程序的执行顺序
摘要： JavaScript程序的执行顺序：同步==》异步==》回调 同步是阻塞模式，异步是非阻塞模式。 同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去。 异步就是指进程不需要一直等下去，而是继续执行下面的操作，不管其他 阅读全文
posted @ 2017-06-04 11:11 Sun·傲宇 阅读(150) 评论(0) 推荐(0) 编辑
2017年5月7日
一个网页从开始请求到最终显示的完整历程
摘要： 一个网页从开始请求到最终显示的完整历程一般可以分为以下7个步骤： 1.在客户端浏览器中输入网址URL。 2.发送到DNS(域名服务器)获得域名对应的WEB服务器的IP地址。 3.客户端浏览器与WEB服务器建立TCP(传输控制协议)连接。 4.客户端浏览器向对应IP地址的WEB服务器发送相应的HTTP 阅读全文
posted @ 2017-05-07 17:05 Sun·傲宇 阅读(441) 评论(0) 推荐(0) 编辑
2017年4月28日
JavaScipt浅谈——全局变量和局部变量
摘要： 全局变量的作用域为所属的整个程序。 全局变量的定义形式有： （1）在函数外定义 （2）在函数内定义，但不加var声明 （3）使用 window.变量名 的形式定义 （4）使用window['变量名']的形式定义 局部变量的作用域为所属的函数内部。 局部变量的定义形式有： （1）在函数内部定义的变量  阅读全文
posted @ 2017-04-28 21:09 Sun·傲宇 阅读(156) 评论(0) 推荐(0) 编辑