12 2016 档案
摘要：第八章 padding/border/margin 1、对于只包含文本的行，能改变行间距里的属性只有line-height/font-size/vertical-align。 2、对行内非替换元素应用负外边距，左右两端可能与其他内容重叠。 3、边框绘制在元素的背景之上。（可修改） 4、要把单边属性放
阅读全文
摘要：经常在网上看到loading状态时的点点点的动态效果，自己也用JS写了一个，思路是使用一个计数参数，然后在需要添加点的元素后面利用setInterval一个一个加点，当计数到3时，把点变为一个……写完后我就觉得很不对劲，虽然JS代码也很简单，但是这么小的一件事还得拿JS搞这么多乱七八糟的？ 然后去网
阅读全文
摘要：摘自张鑫旭老师的博客—— display:none和visibility:hidden都能使元素隐藏，但是有明显区别，主要有以下三点： 1、空间占据。 使用display隐藏后，元素不占用任何空间，而visibility占据的空间仍在。 2、重排与重绘 reflow和repaint。由于displa
阅读全文
摘要：可以对元素的margin设置百分数，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。（padding同理） 如果没有为元素声明width，在这种情况下，元素框的总宽度包括外边距取决于父元素的width，
阅读全文
摘要：第六章 文本属性 1、text-indent只能作用于块级元素（如p或inline-block或block后的span/a/i等）。 2、text-align只能作用于块级元素（如p或inline-block或block后的span/a/i等）中的内联内容。 3、行间距可看作line-height减
阅读全文
摘要：Geolocation API在浏览器中的实现是navigator.geolocation对象，常用的有以下方法。 1、第一个方法是getCurrentPosition（） 调用这个方法就会触发请求用户共享地理定位信息的对话框。比如在火狐中的对话框： 这个方法接收3个参数：成功回调函数、可选的失败回
阅读全文
摘要：1、点对点连接和多点连接的区别是什么？ 网络由两个或两个以上通过链路连接的设备构成。可能的连接类型有点对点和多点。 点对点连接提供了两个设备间的专用链路，链路的整个容量为两个设备的传输所拥有。多点连接也称多站连接，是两个以上的指定设备共享一个链路，在多点环境中，信道的容量被共享，不管是空间上的还是时
阅读全文
摘要：第三章 1、继承的值没有特殊性，甚至连0的特殊性都没有。所以改变超链接的样式一般需要独立声明，无法通过继承改变。 2、层叠——冲突的声明通过这个层叠的过程排序，并由此确定最终的文档表示。这个过程的核心是选择器及其相关声明的特殊性以及继承机制。 第五章 1、font-weight：border。首先从
阅读全文
摘要：第24章 最佳实践 1、性能 1、避免全局查找 将在一个函数中会用到多次的全局对象保存在局部变量。比如多次使用document.getElement。。。，可以首先var doc=document，把document对象保存在本地的doc变量中。 2、避免with语句。 with会创建自己的作用域，
阅读全文
摘要：练习做了一个京东首页，使用不同浏览器测试了一下，发现了不少的问题，做一下总结。 地址：https://zhangcuizc.github.io/jd-new/ 1、IE10 在IE10中基本正常，主要的问题是设置了链接的图片在IE10中都会有一个边框，不仅丑而且导致部分地方布局混乱，当然解决方法也很
阅读全文
摘要：第二十三章 离线应用与客户端存储 1、离线检测 HTML5定义navigator.onLine属性。还定义了两个事件，online和offline，当网络从离线变为在线或从在线变为离线时在window事件上触发。 2、应用缓存 appcache，专门为离线Web应用而设计的。Appcache时从浏览
阅读全文
摘要：第22章 高级技巧 1、高级函数 1、安全的类型检测。 typeof，instanceof并非完全可靠。 安全的类型检测：使用Object原生的toString（）方法。 2、作用域安全的构造函数 构造函数内部使用instanceof检查this是否是正确类型的实例。防止属性被加到window对象上
阅读全文
摘要：第21章 AJAX 4、跨域源资源共享 CORS跨域源资源共享，其背后思想，是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是否应该成功。 1、IE对CORS的实现 在IE8中引入了XDR类型，类似于XHR。所有XDR请求都是异步执行，所以open（）只接收两个参数。 2、其他
阅读全文
摘要：第21章 AJAX AJAX技术的核心是XMLHttpRequest对象。可以使用XHR对象取得新数据，然后通过DOM将新数据插入到页面中。无需刷新页面即可从服务器获得数据。 1、XHR对象。 如果只想支持IE7+，那么可以直接使用XHR构造函数。 如果支持IE6： 1、XHR的用法 使用XHR对象
阅读全文
摘要：第20章 JSON JOSN，JavaScript对象表示法，是JS的一个严格的子集，但是它是一种数据格式，虽然与JS具有相同的语法形式，但是不从属于JS。 1、语法 ①可表示简单值——字符串、数值、布尔值、null，但不支持undefined； ②对象——复杂数据类型，一组无序键值对儿，值可以是简
阅读全文
摘要：原理：使用insertBefore和insertAfter方法调整图片顺序。 测试：firefox/chrome/IE11正常 已知不足：每次播放均使用了一次insertBefore和insertAfter，可考虑在最后一张图的时候将前几张图片整体后移。以后有空再优化。 1、HTML结构 alt的值
阅读全文
摘要：在自己写的一个轮播组件中遇到一个问题，使用jquery的fadeIn动画时，在IE11中表现不正常，没有渐入的效果。 1、HTML结构 2、CSS 3、jquery 4、渐入渐出的效果在firefox，chrome中均正常，但是在IE11中无法出现渐入的效果。fadeIn是由opacity来实现的，
阅读全文
摘要：帮女朋友备考面试，只希望明天能够顺利！学习内容后期再补！
阅读全文
摘要：第三章 结构和层叠 1、确定应向一个元素应用哪些值时，用户代理不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源，这个过程就称为层叠。、 2、特殊性。如果一个元素有两个或多个冲突的属性声明，那么有最高特殊性的声明会胜出。 对于选择器中给出的各个ID的属性值，加0，1，0，0； 类属型、
阅读全文
摘要：第十七章 错误处理与调试 1、try-catch语句。如果try块中的任何代码发生了错误，就会立即退出执行开始执行catch块。必须要给catch的错误对象起名字。不同浏览器都有一个message属性保存错误消息。 2、finally子句，在try-catch块后，无论如何都会执行finally子句
阅读全文
摘要：第十六章 HTML5脚本编程 1、跨文档消息传递。简称XDM，指的是来自不同域的页面间传递消息。 XDM的核心是postMessage（）方法，接收两个参数，一条消息和消息接收方来自哪个域的字符串。 接收到XDM消息时，会触发window对象的message事件，异步触发。 为保险起见，第一个参数传
阅读全文
摘要：今天在京东首页上看到一个效果，鼠标悬浮在图片上时，图片发生移动，鼠标移走时再移回，并且有一个过渡效果。 貌似很简单，自己做做试试吧 我首先使用的是jquery在鼠标悬浮到图片上给图片增加一个类，这个类的样式使用animation实现动画效果。表面上是实现了，然后实际情况是，滚动页面时有些卡，应该是滚
阅读全文
摘要：第十五章 canvas绘图 1、WebGL是针对Canvas的3D上下文。 2、类型化数组 WebGL涉及的复杂计算需要提前知道数值的精度，而标准的JS数值无法满足需求。因此WebGL引入了一个概念，叫类型化数组。它的核心是一个名为ArrayBuffer(数组缓冲器)的类型，每个ArrayBuffe
阅读全文
摘要：1、 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。 或者说，this指向当前执行的函数的所有者。 2、情况一：纯粹的函数调用 这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。 3、情况二：作为对象方法的调
阅读全文
摘要：第十五章 使用canvas绘图 1、要使用<canvas>元素，必须先设置其width和height属性。 2、要在这块画布上绘图，需要先取得绘图上下文，取得绘图上下文对象的引用，需要调用getContext（）方法并传入上下文的名字，如2d。使用前先对getContext进行能力检测。 3、使用t
阅读全文
摘要：依然第十四章 1、选择部分文本：使用setSelectionRange（）方法，两个参数为第一个字符的索引和最后一个字符之后的索引，类似于substring（）方法。 2、IE8及更早版本使用范围选择部分文本。 3、通过阻止keypress的默认事件，可以屏蔽输出字符，使文本框变为只读。 4、访问剪
阅读全文
摘要：第十四章 表单脚本 1、通过getElementBy**可以获得<form>元素，或者通过document.forms可以取得页面中所有的表单，可以通过数值索引或者name值取得特定的表单。 2、提交表单时，浏览器会在将请求发送到服务器之前触发submit事件，这样我们就有机会验证表单数据，并决定是
阅读全文
摘要：性能优化的方法有： 1、减少HTTP请求：合并CSS/JS，使用CSS sprite等 2、压缩CSS/JS/图片 3、样式表放头部，JS放body底部：JS放在head中，将会等到js全部下载解析和执行后才会显示页面内容。 4、减少DOM操作，DOM操作很消耗性能，另外注意HTMLCollecti
阅读全文
摘要：第二章 选择器 1、在font属性中，只有一种情况下可以使用/来分隔两个特定的关键字，即元素的字体大小/行高。 2、通过把两个类选择器链接在一起，可以选择同时包含这些类名的元素，类名的顺序不限。 3、在IE7之前的浏览器，p.warning.help只会匹配p.help。 4、同时使用id选择器和c
阅读全文
摘要：1、a元素有四种状态： 2、如果设置了： 那么四种状态会继承a中它们没有的声明，但是四种状态中的声明优先级高于a中的。比如 那么hover状态下，字体将由link或visited状态下的20px（继承自a）变为40px（hover自己的）； 3、没有href属性，将没有a:link和a：visite
阅读全文
摘要：1、今天遇到一个问题，在给一个图片设置border-radius时，firefox和chrome表现正常，但是在IE中就无效，在IE中必须给图片设置一个边框，比如设置一个透明的边框就可以正常显示。 2、还有一个类似的问题是box-shadow，不设置边框的情况下在firefox和chrome表现正常
阅读全文
摘要：第一章 CSS和文档 1、结构化HTML：（个人理解） 1、内容、样式、行为分离 2、标签语义化，什么样的标签做什么样的事 3、符合web标准 4、结构清晰，header、content、footer。减少公共部分的重复代码。 2、非结构化页面使得建立内容索引变得困难；降低可访问性；不利于维护。 3
阅读全文
摘要：1、如果是单行文本： 2、如果是多行文本，将文本框高度设为文字行高的倍数，然后在文本后建一个content为“...”的宽度为1em并设置文本背景色的after伪类，相对文本框设置绝对位置为下0右0；这样可以在视觉上实现同样的省略效果。 3、或者直接在文本框后新建一个元素，比如 这个右下角显示详情，
阅读全文
摘要：依然第十三章 事件 1、页面上的所有元素都支持鼠标事件，除了mouseenter和mouseleave，所有鼠标事件都会冒泡。 2、修改键：shift、ctrl、alt、meta。四个属性表示修改键的状态：shiftKey等。 3、event对象的relatedTarget属性提供了相关元素的信息。
阅读全文
摘要：第十三章 事件 1、DOM2级事件规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 2、大部分浏览器都会在捕获阶段出发对象上的事件，结果就是，有两个机会在目标对象上面操作事件。 3、事件是用户或浏览器自身执行的某种动作，比如click、load、mouseover，都是事件的名字
阅读全文
摘要：1、前段时间学习headfirst AJAX，发现有些概念比较陌生，理解起来比较困难，等看完了半本的JavaScript高级程序设计，再回头看这本AJAX，发现轻松了很多，但是遇到了一个问题，AJAX请求php后，返回的竟然是整个php代码，按书上的说法，应该是返回echo的内容才是啊，虽然之前学习
阅读全文
