- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端实用知识
1、输入URL到显示网页，中间发生了什么DNS(完成域名到IP的映射)-->TCP传输(三次握手建立传输链接)-->发送请求(分析url，设置请求头、主体)-->服务器返回请求文件(HTML文件)-->浏览器渲染页面(DOM tree渲染，css tree渲染，Rander tree渲染，layout布局，GPU完成像素渲染页面)2、网络协议（七层）物理层(以比...
2019-02-22 17:19:29
178
原创 前端实用小工具
1、类型判断判断 Target 的类型，单单用 typeof 并无法完全满足，这其实并不是 bug，本质原因是 JS 的万物皆对象的理论。因此要真正完美判断时，我们需要区分对待:基本类型(null): 使用 String(null) 基本类型(string / number / boolean /undefined) + function: 直接使用 typeof即可 其余引用类型(A...
2019-02-22 17:18:35
117
原创 HTML5新特性总结
HTML5发布于2014年，设计目的是为了在移动端支持多媒体。一、语义化标签<header>web知识大全</header><nav> <a>html</a> <a>css</a> <a>javascript</a>
2019-02-22 17:17:34
94
原创 css3新特性总结
一、圆角边框border-radius:5px;二、多背景图background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;三、颜色和透明度(由原来的rgb到现在的rgba)background: rgba(0,0,0,.5);四、多列布局和弹性盒模型display...
2019-02-22 17:16:40
110
原创 JavaScript的组成结构梳理
JavaScript经历了残酷的竞争，至今已经统治了web世界，现在系统梳理一下相关的知识。JavaScript可以分为三部分：ECMAScript、DOM和BOM。一、ECMAScript是JavaScript的核心,规定了这门语言的数据、语法、结构等基本概念。Global是ECMAScript最顶级的对象(兜底对象),但体现在代码中它是不存在的。在JavaScript脚本中使用此对...
2019-02-22 17:15:25
210
原创 JavaScript常用算法
一、排序算法1、Array.sort(function)（JavaScript原生排序算法）参数:比较函数(可选)若无参数,则按照首字母的ASCII码排序,比较函数的作用为确定排序function(value1,value2){ if (value1 > value2) { return 1; }else if (value1 < ...
2019-02-22 17:14:32
184
原创 ES6的理解
ES6自2015年推出已过了三年,成熟使用也两年了。比如，const和let定义、箭头函数、模块的导入和导出等，已经出现在我们日常的使用中，可以说并不陌生，但就系统的学习一直没开始。最近在看《深入理解ES6》这本书,结合日常的使用,系统梳理一下(想到哪写到哪,后续一直添加).1.块级作用域的出现以及变量定义的改变块级作用域:大括号包裹的部分形成的局部作用域.ES6之前,JavaScri...
2019-02-22 17:13:34
232
原创 JavaScript的精华与糟粕
最近在看JavaScript语言精粹这本书，建立完整的js知识体系。1.关于JavaScript语言js是一门未在实验室打磨过的语言，存在这很多考虑不全面、甚至bug，因此我们很有必要学习本书，已达到去除糟粕，取其精华的效果。当前JavaScript已成为浏览器通用语言，其重要性不言而喻，需要提的一点是，其DOM和BOM编写的十分糟糕,老道称写一本关于BOM或者DOM精华的书是一项不可...
2019-02-22 17:12:34
163
原创 select选择框、单选框、复选框的使用
1、，js操作CheckBox的选中和不选：$(".targetItem").checked=true;/$(".targetItem").checked=false;全选和反选：if($(".targetItem").checked){ $(".selectAll").attr("checked","checked")}else{$(".selectAll").removeAtt
2018-01-23 20:25:29
1998
原创 jquery选择器
1、父选择器：①parent()：元素的直接父元素eg.$(".test").parent() ，父元素只有一个，无筛选器；②parents()：元素的祖先元素eg.$(".test").parents()，还可以添加祖先元素的筛选器eg.$(".test").parents(".selector")。2、兄弟选择器：①next()：元素的下一个兄弟元素eg.$(".test").next()，可
2018-01-22 15:35:45
165
原创 Bootstrap学习
基于bootstrap3；栅格化容器：container/container-fluid,使用container-fluid时网页宽度会大于浏览器宽度，
2018-01-10 11:32:47
144
原创 position 定位
position:relative/absolute/fixed相对定位：相对原来位置移动，原空间位置会占位(未定位的元素不会占领此位置，定位元素除外)。绝对定位：相对与其已定位的祖先元素（若无已定位的祖先元素，则相对与父元素移动），原空间位置不会占位（未定位元素、定位元素都可以占领此位置），z-index来控制绝对定位的覆盖层级。相对定位：相对与浏览器视窗移动。
2018-01-09 22:02:08
140
原创 lang="zh-CN"
在网站的开发中，会见到这样的写法： lang="zh-CN">lang 是元素内容的语言作为普通的中国开发者，常用到的：1. 简体中文页面：html lang=zh-cmn-Hans2. 繁体中文页面：html lang=zh-cmn-Hant3. 英语页面：html lang=en我看了bat、网易、小米……的网站，区分没那么严格，用的都是lang=“zh-CN”
2018-01-09 11:38:18
1440
原创 AngularJs学习-$watch
$watch是$scope下的一个方法，用来监控变量的变化，eg：①监控单个变量的变化：$scope.$watch('finishTest',function(newVal,oldVal){//newVal：变化后的值；oldVal：变化前的值；console.log($scope.finishTest)})②监控多个变量：$scope.$watch('finishTest+f
2018-01-04 09:28:19
599
原创 CSS实现文本省略号
.ellipsis{ overflow: hidden;/*内容超出，隐藏显示*/ text-overflow: ellipsis;/*超出部分，显示省略号*/ white-space: nowrap;/*内容超出，不折行显示*/}说明：用了bootstrap的栅格系统，自带宽度。
2017-12-21 14:22:04
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人