叶霄霄

摘要： 一、事件处理程序。1、DOM0级事件处理程序。 形如 element.onclick = function(){}; 程序的作用域为元素的作用域。 移除监听， element.onclick = null;2、DOM2级事件处理程序。 形如 element.addEventListener(... 阅读全文

摘要： 容器有时候会不包围浮动元素，这时候就要清除浮动。暂时列出下面几种方法：1、直接在某个元素上应用clear，当没有可用的元素（所有元素都浮动）的时候可以添加一额外元素： some text some text .news{ background-color:gray; border: solid 1px black;}.news .left{ float:left;}.news .right{ float:right;}.news br{ clear:both;}some textsome text 2、直接浮动div容器。3、将div容器的overflow属性设定为hidden... 阅读全文

摘要： 初学的时候去面试实习生岗位，笔试题有一道就是让实现垂直居中，当时竟然毫无思路...今天看书看到一种简单的实现方法：.out{ position: relative; width:10em; height:10em; border:1px solid;}.in{ position:absolute; left:0; width:100%; background:#ccc; top:0; height:5em; bottom:0; margin:auto 0;} element 这里的垂直居中主要是利用了绝对定位时垂直高度的计算法则。但是IE7及以下的版本都不支... 阅读全文

摘要： 可惜之前遇到过的都没有记录下来。1、cloneNode()方法不会复制添加到DOM节点中的javascript属性，例如事件处理程序。这个方法只复制特性或者子节点。但是IE在这里有bug，会把事件处理程序也复制过去。2、IE7及较低版本中使用document.getElementById()时，name特性与给定ID匹配的表单元素也会被该方法返回。3、在IE7及以前版本中，用getAttribute()方法访问style或者onclick这样的事件处理特性时，返回的值与属性的值(document_ele.style或者document_ele.onclick)相同，均为对象或者javascri 阅读全文

摘要： 近期在看《javascript 高级程序设计》，终于对原型和原型链有了比较清晰的理解1、首先要理解构造函数、原型、实例三者之间的关系。 通过构造函数可以创建实例，构造函数有一个原型对象。而每一个原型对象都有一个[[constructor]]指针指向构造函数。而每一个实例都有一个[[prototype]]指针指向原型对象。2、假设有A对象和B对象。将A对象的实例赋给B对象的实例对象: a = new A(); B.prototype = a; 完成之后，根据上面对三者关系的描述，B的原型跟A的实例一样，也拥有了一个指向A原型的[[prototype]]指针，形成了所谓原型链。 阅读全文

摘要： 接下来的项目要用到flask框架，而flask框架内置jinja2模板引擎，因此这几天一直在看jinja2的文档。估计文档是由英文直接翻译过来的，比较不好理解，尤其是讲到模板继承这一块的时候，花了不少心思理解。简单的来说模板继承包含基本模板和子模板。其中基本模板里包含了你这个网站里的基本元素的基本骨架，但是里面有一些空的或者是不完善的块（block）需要用子模板来填充。如基本模板为： {% block head %} {% block title %}{% endblock %} - My Webpage {% endblock %} {% block cont... 阅读全文

摘要： 笔试面试多次被问到导入CSS的方式，都能答上一点点，但都不完善甚至有一些错误，因此在此记录一下这两天的学习成果。导入CSS总共有四种方式，分别为行内式，内嵌式，导入式，链接式。1、行内式。例子：没有体现出CSS的优势，CSS与HTML没有分离，代码臃肿。2、内嵌式。例子： 在写单个页面时，这种方法很方便。但是不利于代码复用。3、导入式。例子：导入式会在整个页面装载完成之后再载入CSS文件，因此在网速较差或者网页较大的时候有可能出现没有CSS样式的网页。之后载入完成时闪烁一下再显示完整页面。4、链接式。作用和导入式类似，但是会在装载HTML主体部分之前装载css文件。导入式和链接式作用类似，但. 阅读全文