摘要：
浏览器的工作流程就不说了，网上有很多资料。 1.首先，页面中不是所有的<img>标签图片和样式表中的背景图片都会加载 2.当给一个元素设置了display:none属性（此元素为<img>或有背景图的其他元素），图片不会渲染出来，但是会加载。 3.设置了display:none属性的元素的子元素，样 阅读全文
摘要：
1.逻辑代替if: zepto源码中 2.关于css的恶作剧(鼠标消失) 3.简单的文字模糊效果 达到将文字模糊化处理的目的,出来的效果有点类似于使用PS滤镜. 4.创建长宽比固定的元素 如果一个元素设置了宽度,这时候再去设置它的padding-bottom的值为百分比,其padding-botto 阅读全文
摘要：
接着上面... 一、图形组合 当我们在canvas中绘制的图形重合在一起的时候,能看到哪个图形则完全取决于图形的绘制顺序(后绘制的图形会覆盖掉之前绘制的图形,当然,如果后面绘制的图形颜色透明度不为1,则会受之前绘制图形的颜色影响). 图形上下文对象的globalCompositeOperation属 阅读全文
摘要：
前言:canvas作为html5出现的新标签,以前接触过一些,也写过一些小的demo,但没有实际去在项目中使用过,直到前段时间,我要写一个前端小游戏,由于当时时间匆忙就没使用canvas,整个项目全部是用html标签来充当游戏当中的元素,结构就是在一些特定手机上相当之卡,个人优化过之后,稍有好转,但 阅读全文
摘要：
1.静态作用域与动态作用域 作用域是指程序源码中定义变量的区域. 作用域规定了如何查找变量,野牛是确定当前执行代码对变量的访问权限. javascript 采用词法作用域(lexical scoping),也就是静态作用域. 静态作用域:函数的作用域在函数定义的时候就决定了. 动态作用域:函数的作用 阅读全文
摘要：
1.break和continue搭配标签使用以前只知道break能够跳出循环,continue是结束本次循环,其实,break和continue还有一种不同的使用方法:搭配标签使用,即break 标签名;/continue 标签名; 先来写一个结束本次循环的demo 同样,我们可以用break 标签 阅读全文
摘要：
开此贴的目的,旨在记录工作中遇到的一些奇怪bug,可能就是一个不为人知的小细节,就能让程序猿抓耳挠腮,呼天抢地(很不幸,我就是这种) 1.ios小屏幕手机上面,一些小元素绑定的事件无效 没错,真的有这种情况,而且很不幸,我还遇到了,原因巨奇葩(后面再说),先说限定条件,我们公司用的ios测试机有ip 阅读全文
摘要：
最近做的一个项目中,需要我自己拼接字符串,然后append到页面中,而其中有一些元素需要添加事件,这时,我想到的就是使用on()来绑定事件. 例:$('body').on('click',element,fn); 这样做的原理我也不太是太懂,好像是通过冒泡,将事件冒泡到body的后代元素elemen 阅读全文
摘要：
图片处理是前端工作中很重要的一部分,前段时间,我的一个项目中,使用的图标字体在线上不能使用,原来是因为跨域的问题,后台大哥就跟我说,你尝试下把图标字体转换成base64不成了,囧,我到现在还没弄懂怎么把图标字体转换成base64编码,但是,这并不妨碍我研究一下这个'小玩意'. 其实,图片的base6 阅读全文
摘要：
1.不提示直接关闭网页窗口 2.实现文本框高度自适应 给文本输入框设置一个最小高度,当用户输入的内容超过文本输入框的高度,让文本输入框的高度自动变化,不出现滑块. 这里的代码需要引用JQ,而结构之中最外层的.ta_box是为了消除滑块,优化用户体验. 这里用到了JQ的扩展函数... 3.鼠标的移入移 阅读全文