纯洁的碧池的精彩笔记
  • 阿里巴巴iconfont正确的使用方式

    1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”;.2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“项目图标管理”-“项目管理”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。3.在HTML中需要使用到图标时,使用iconfont类名。<i class="iconfont&quo
  • js获取Html元素的实际宽度高度的方法

    第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。小结,因为id.offsetWidth和id.offsetHeight无视样式
  • CSS3:不可思议的border属性

    在CSS中,其border属性有很多的规则。对于一些事物,例如三角形或者其它的图像,我们仍然使用图片代替。但是现在就不需要了,我们可以用CSS形成一些基本图形,我分享了一些关于这方面的技巧。1、正三角形:.triangle_up { height:0px;width:0px; border-bottom:50pxsolid#006633; border-left:50pxsolidtransparent; b
  • html中input标签的tabindex属性

    当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动,这是一个相当方便实用的功能。但如果网页中链接太多,恐怕按TAB键就没什么作用了,这时不妨通过改变TAB键移动的顺序来突出重点,在某些重要页面上方便访问者。使用TABINDEX属性可以设置TAB键在链接中的移动顺序。把链接的TABINDEX属性设成1到32767的一个值,就可
  • 前端性能优化及技巧

    前言为什么要优化性能对于前端工程师如此重要在行业内有句话不知道大家有没有听说过,‘懂得性能优化并且研究过jquery源代码的人和不懂得性能优化写出来的代码对于性能的消耗会相差上百倍甚至上千倍',现在的javascript属于从ECMAscript3到ECMAscript5以及ECMAscript6的一个过渡的过程。在javascript的编写不健全的时候
  • js停止冒泡和阻止浏览器默认行为的简单方法

    停止冒泡通用方法:functionstopBubble(e){ //如果提供了事件对象,是非IE浏览器 if(e&&e.stopPropagation) //使用W3C的stopPropagation()方法 e.stopPropagation(); else //使用IE的cancelBubble=true来取消事件冒泡 window.event.cancelBubble=true; }阻止浏览器默认行为-通用方法://阻止浏览器的默认行
  • window.onload绑定多个事件的两种解决方案

    前言有些函数,必须在网页加载完毕后执行。比如:涉及DOM操作的。网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可。window.onload=myFunction;问题来了:如果需要同时绑定多个事件,该如何处理呢?有两种解决方法方案一创建一个匿名函数,来容纳需要绑定的多个事件,再讲这个匿名函数绑定到onload事件上wi
  • JavaScript中加号操作符细节

    JavaSript是一门非常优秀的语言。我喜欢它的灵活性,因为可以使用它做很多事情,比如说改变变量的类型,可以给对像添加方法或属性,也可以在不同的变量类型上使用操作符等等。然而,要灵活的用好JavaScript还是需要付出一定的代价。开发人员需要了解如何使用不同的操作符处理不同类型,比如加法(+)、等于或全等于(==和===),
  • 为什么我们不建议用Table布局

    1Table要比其它html标记占更多的字节。(延迟下载时间,占用服务器更多的流量资源。)2Tablle会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度,让用户等待更久的时间。)3Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度,增加页面加载时间,增加HTTP会话数。)4在某些浏览器中Table里的
  • 扫盲 | HTML5与HTML4的10个关键区别

    1HTML5的标准制定完成2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。2简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。3<cavans>标签替代flashFlash给很多Web开发者带来了麻烦,