08 2017 档案

clip 图像剪裁
摘要：剪裁图像：img { position:absolute; clip:rect(0px,60px,200px,0px); } 阅读全文
posted @ 2017-08-30 17:23 lijun8637 阅读(273) 评论(0) 推荐(0)
web 标准
摘要：web1.0：网络-人（单向信息，只读，eg个人网站，大英百科全书）；web2.0：人-人（以网络为沟通渠道进行人与人沟通，eg维基、博客）；web3.0：人-网络-人（人工智能、关联数据和语义网络构建，形成人和网络以及网络与人的沟通，同时在SEO支持下，提高人与人沟通的便利性） 我对三者的区别在于 阅读全文
posted @ 2017-08-22 10:45 lijun8637 阅读(174) 评论(0) 推荐(0)
js 事件列表
摘要：javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事 阅读全文
posted @ 2017-08-17 21:59 lijun8637 阅读(275) 评论(0) 推荐(0)
从输入网址到网页显示过程发生了什么
摘要：在监测网站前，我们应先了解网络(Web)基本的运作方式。也就是从我们在浏览器中输入网址到浏览器显示页面，这个过程中到底发生了什么事？一般可分为如下7个步骤：1、浏览器中输入网址。2、发送至DNS服务器并获得域名对应的WEB服务器的ip地址。 3、与WEB服务器建立TCP连接。4、浏览器向WEB服务器 阅读全文
posted @ 2017-08-17 09:57 lijun8637 阅读(1031) 评论(0) 推荐(0)
浏览器的渲染原理简介
摘要：看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因， 1）这篇文章太长了，阅读成本太大，不能一口气读完。 2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。 所以，我准 阅读全文
posted @ 2017-08-17 09:47 lijun8637 阅读(181) 评论(0) 推荐(0)
js 事件冒泡和事件捕获
摘要：（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> 阅读全文
posted @ 2017-08-15 21:28 lijun8637 阅读(196) 评论(0) 推荐(0)
js 同步、异步编程
摘要：同步的代码, 在很多情况下, CPU其实是在等待中度过的, 比如等待一个网络连接, 等待MySQL服务器的数据返回异步的代码, 就是把这些等待的时间给充分利用起来了, 把网络连接, 访问数据库这种耗时的工作时都在注册一个callback或者event之后切换出来, 让CPU先去干别的活(例如响应别的 阅读全文
posted @ 2017-08-15 21:13 lijun8637 阅读(185) 评论(0) 推荐(0)
css 实现三角形、圆形
摘要：.效果图： div { width:0px; height:0px; border:100px solid red; border-color:red red transparent transparent; transform:rotate(-45deg); -webkit-transform:r 阅读全文
posted @ 2017-08-09 17:44 lijun8637 阅读(264) 评论(0) 推荐(0)
js 构造函数、原型继承
摘要：//定义所有飞行物的父类型的构造函数 function Flyer(fname,fspeed){ this.fname=fname; this.fspeed=fspeed; } Flyer.prototype.fly=function(){ //fly放在Flyer.prototype consol 阅读全文
posted @ 2017-08-09 11:17 lijun8637 阅读(203) 评论(0) 推荐(0)
js 判断对象类型
摘要：1、typeof不能区分数组类型和对象,只能区分原始类型与function 2、判断父级对象: isPrototypeOf -- 判断对象本身数据类型，及可能继承自原型的数据类型 let bool = Array.prototype.isPrototypeOf(obj) 3、 判断构造函数: 检查整 阅读全文
posted @ 2017-08-08 23:30 lijun8637 阅读(308) 评论(0) 推荐(0)
js 面向对象
摘要：面向对象三大特点: 封装：将一个事物的属性和功能集中定义在一个对象中 （代码重用） 继承：父对象的成员，子对象不必重复定义，可直接使用，js中一切继承都是继承原型――原型继承（节约内存）。 多态：同一事物，在不同情况下表现出不同状态； 一个引用类型（变量）在不同情况下的多种状态 使用：做面向对象开发 阅读全文
posted @ 2017-08-08 00:52 lijun8637 阅读(175) 评论(0) 推荐(0)
js API
摘要：1、检查其参数是否是无穷大 var bool = isFinite(number) //如果number是有限的，则返回true. 如果 number 是 NaN(非数字)或者是无穷大，则返回false; 2、字符串截取 let s = "cssrain";let b = s.charAt(a.le 阅读全文
posted @ 2017-08-07 23:46 lijun8637 阅读(380) 评论(0) 推荐(0)
js 闭包
摘要：1、变量：局部变量仅在函数内用， 不可重用；全局变量随处可用， 易被污染。 2、概念：保护并重用局部变量的机制 a) 定义受保护的局部变量 b) 定义内层函数专门操作受保护的变量 c) 定义外层函数将受保护的变量和操作变量的函数封装起来，外层函数将内层函数返回到外部 3、何时使用: 重用一个变量，又 阅读全文
posted @ 2017-08-07 22:29 lijun8637 阅读(197) 评论(0) 推荐(0)
js 重载(overload)
摘要：1、js中不支持重载的语法。(因为js不允许多个同名函数存在) 解决：使用arguments类数组对象接收调用时所有传入的参数值。 2、 arguments可以使用length属性，通过下标访问，不能使用数组的任何API。 arguments在调用函数时，在函数内部自动创建，并保存参数值。 何时使用 阅读全文
posted @ 2017-08-07 21:58 lijun8637 阅读(382) 评论(0) 推荐(0)
css 文本单行、多行超出省略
摘要：实现单行 .nowrap{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 关于css实现单行、多行省略标记：http://www.cnblogs.com/moutudou/p/7077705.html 阅读全文
posted @ 2017-08-02 17:59 lijun8637 阅读(193) 评论(0) 推荐(0)
es6 字符串String的扩展
摘要：ES6给字符串带来了很多实用性的扩展：模板字符串，标签模板，repeat函数、includes函数，startsWith函数，endsWith函数，codePointAt函数，String.fromCodePoint函数，String.raw函数。 es6 字符串String的扩展：http://w 阅读全文
posted @ 2017-08-02 17:11 lijun8637 阅读(177) 评论(0) 推荐(0)
input css重写
摘要：input[type=radio]:hover{ border-color: #35C8EA; } input[type=radio]:checked{ outline: none; } input[type=radio]:checked::after { content: ''; display: 阅读全文
posted @ 2017-08-01 16:47 lijun8637 阅读(302) 评论(0) 推荐(0)