随笔分类 -  前端综合

ipad/iphone中的前端调试
摘要：需要在ipad上调试代码,经过一番搜索(多在google搜到的),稍微整理下 : ).1. Settings -> Safari -> Advanced/Developer -> Debug Console 最容易搜到的就是这个,在桌面选择"设置",找到"Safari",点"高级/开发者",据说下面会有个"调试控制台(debugconsole)"按钮,但是我死活没能找到,可能是safari较旧引起的. 即使可以使用,功能也是很有限的,各种吐槽. 开启按钮的图文解说2 firebug lite 2. 阅读全文
posted @ 2013-11-15 10:38 积跬步 阅读(7211) 评论(0) 推荐(0)
dragstart drag dragend dragenter dragover dragleave drop
摘要：dragstart drag dragend dragenter dragover dragleave drop 阅读全文
posted @ 2013-10-09 23:04 积跬步 阅读(2256) 评论(0) 推荐(0)
正则小结
摘要：正则就是一段描述匹配规则的字符串，经解析，能匹配想要的字符串。就好比受害者描述嫌疑人的体貌特征，警察会从众多体貌相近的人中进行筛选，描述得准确，可以减少排查范围，加快破案的速度。传统型NFA就是典型的例子，决定权在于你， 看你的如何描述，如何引导正则引擎去高效地匹配相应内容。大多数人看到正则晦涩难懂，只要求会用， 不去考究它的工作原理， 是很难活学活用的。自己也差不多， 很难系统地去学习正则， 非要写的时候也是参考手册写的， 这次难得有闲情雅致去啃这硬骨头， 比以前了解得稍微多了点， 在此做个小结。 个人是在JS中使用正则的，其中的正则是Perl正则的一个完整的子集，属于传统型NFA。正... 阅读全文
posted @ 2013-07-03 21:26 积跬步 阅读(270) 评论(0) 推荐(0)
CSS3特效网站-http://leaverou.github.io/animatable/# 观后感
摘要：好久没写博客了，不管是路过的还是我的少得可怜坚挺的fans，我回来了。 之前一段时间忙于工作，忙于自己的一个css3小网站，网盘里积累了很多想写的东西，但是了解得不深入，也就没什么好写。 最近几天一直在关注w3cpluc列出的css3工具，里面列出了很多出色的css3属性生成方面的网站，和自己的小网站很类似，本想着借鉴别人的网站去修改自己的网站，在这过程中关注到了一个css3动画网站，就开始用firebug搜刮其中的精髓。 以下是搜罗的一些觉得有技术含量的东西， 和那些刨根问底的大神自然没法比，凑活着看看呗。 1 将单选框做成两个按钮的形状 图中所看到的是两个正常按钮，... 阅读全文
posted @ 2013-05-30 22:07 积跬步 阅读(961) 评论(0) 推荐(0)
网站提速的最佳实践（译文）
摘要：原文地址 http://developer.yahoo.com/performance/rules.html#cookie_size 阅读全文
posted @ 2013-05-07 00:30 积跬步 阅读(470) 评论(0) 推荐(0)
Firebug
摘要：个人觉得调试在编写js的过程中占了很大的比重，调试是技能成长的必修课 ，个人偏爱Firebug。 一 使用心得 虽然编程时间不长，但是自打开始前端的旅途，就没有离开过Firebug。 个人觉得其中的（控制台的”所有“）、（HTML以及样式的动态修改）、（DOM）、（网络中的“所有”）最有使用价值。 脚本也非常有用，但是自己不会用，一般在程序中加入console/reurn进行调试。 当然Firebug也有各种强力的插件，可以辅助前端在前端游刃有余，所以极力推荐firebug，同时也希望国内的程序猿（包括自己这个小前端）早日直立行走，生产适合自己的工具。 二 Co... 阅读全文
posted @ 2013-04-19 22:01 积跬步 阅读(358) 评论(0) 推荐(0)
让《百度随心听》轮播收藏的歌曲
摘要：当时想法很简单，自己喜欢这个网站，但是不能轮播收藏的歌曲却是一大遗憾（想要实现这功能对百度来说非常简单，只是他不想，我想和“随心”两个字有关,如今有红心频道），只能自己动手，去尝试在客户端实现这种功能。 不得不说，Firebug却是非常强大，可以让加载好的代码“自由编辑”，变成你想要的。 我观察了一下加载的JS中有JQuery，那这样子就简单多了。 最简单的例子就是，在Firebug控制台中的代码编辑器中输入$('html').empty(); 这样子就清空当前页面(如果命令行编辑器没有默认打开的话，点击右下角的红色按钮)。既然页面可以改变，尝试事件触发也是可行的（JQ中的tr 阅读全文
posted @ 2013-03-24 09:34 积跬步 阅读(573) 评论(0) 推荐(0)
易错JS
摘要：JS解析过程 步骤1. 读入第一个代码段（js执行引擎并非一行一行地执行程序，而是一段一段地分析执行的） 步骤2. 做词法分析和语法分析，有错则报语法错误（比如括号不匹配等） 步骤3. 如果还有下一个代码段，则读入下一个代码段，重复步骤2 步骤4. 对【var】变量和【function】定义做“预解析“（永远不会报错的，因为只解析正确的声明） 步骤5. 执行代码段，有错则报错（比如变量未定义）javascript的作用域是词法性的，函数运行在定义他们的作用域中，而不是运行在调用他们的作用域中。this，谁调用它，就是谁。实际不存在this的值为null的情况，因为当this的值 为null的. 阅读全文
posted @ 2013-03-12 23:23 积跬步 阅读(347) 评论(0) 推荐(0)
CSS position
摘要：position :static(默认值) / absolute / relative / fixed;如果不是默认值，元素就会脱离文档流，发生偏移。absolute的偏移分两种情况,主要是根据祖先元素是否有position:absolute/relative，如果有，就会根据最近的相对定位的祖先元素进行偏移，否则，就会根据文档进行偏移。relative会根据自身进行偏移，其在文档流中的位置依然会保留，即不会被填充，absolute就不一样。fixed会根据当前窗口进行偏移。但是IE6并不支持fixed。解决这个问题我暂时能想到两种办法，CSS表达式 和 JS绑定滚动事件。CSS表达式 -- 阅读全文
posted @ 2013-02-07 15:10 积跬步 阅读(266) 评论(0) 推荐(0)
窗口层级关系 self parent top
摘要：在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口，self是当前窗口， opener是用open方法打开当前窗口的那个窗口。判断当前窗口是否在一个框架中：<script type="text/javascript">var b = window.top!=window.self;document.write( "当前窗口是否在一个框架中："+b );</script> 阅读全文
posted @ 2013-02-07 14:19 积跬步 阅读(270) 评论(0) 推荐(0)
鼠标滚轮事件
摘要：1 鼠标滚轮事件和键盘事件以及鼠标左右键没本质的区别。2 if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scroll,false);//FF} window.onmousewheel=document.onmousewheel = scroll; //IE opera chrome safari像上面这样就可以给整个文档绑定滚轮事件。function scroll(e){ var direct e = window.event || e; if(e.wheelDelta... 阅读全文
posted @ 2013-01-31 08:03 积跬步 阅读(261) 评论(0) 推荐(0)
SVG基础
摘要：SVG事件onfocusin 在元素获得焦点（如通过指针选择）时触发动作。onfocusout 在元素失去焦点时（通常在另一元素获得焦点时）触发动作。onactivate 通过鼠标单击或按下键盘来触发动作，取决于 SVG 元素。onmousedown 在元素上按下鼠标按钮时触发动作。onmouseup 在元素上释放鼠标按钮时触发动作。onclick 在元素上单击鼠标时触发动作。onmouseover 在指针移动到元素上时触发动作。 onmousemove 指针在元素上时触发动作。onmouseout 指针从元素上移开时触发动作。onkeydown 在按住某键时触发动作。onkeypress 在 阅读全文
posted @ 2013-01-22 21:52 积跬步 阅读(490) 评论(0) 推荐(0)