随笔分类 - 前端开发
前端开发学习和总结
摘要：Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里，使用Can I Use的数据来决定哪些前缀是需要的。所有你需要做的就是把它添加到你的资源构建工具（例如Grunt）并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样：a{ transition:transform 1s}Autoprefixer使用一个数据库根据当前浏览器的普及度以及属性支持提供给你前缀：a{ -webkit-transition:-webkit-transform 1s; transition:-ms-transform 1s; transition
阅读全文
摘要：基本上，所有JS数据类型都拥有这两个方法，null和undefined除外。它们俩解决javascript值运算与显示的问题。先看一例：var aaa = { i:10, valueOf:function () { return this.i + 30; }, toString:function () { return this.valueOf() + 10; }};alert(aaa > 20); // truealert(+aaa); // 40alert(aaa); // 50之所以有这样的结果，因为它们偷偷地调用valueOf或...
阅读全文
摘要：趁找工作这段时间，复习和归纳下一些知识点吧，工作忙的时候没有静下心来好好看书，导致很多问题不求甚解，自然职业道上会遇到各种瓶颈。看书的过程中突然遇到一些怪异的问题（js里充满各种怪异的问题，进而产生了各种奇淫技巧），比如：100['toString']['length']可以分解为：100['toString'].length ，由于toString是个方法，所以它length属性返回的是toString的形参个数，而toString方法可以接收一个radix(基数)作为形参（比如：toString(2)，返回该数值的二进制，16则代表16进制）
阅读全文
摘要：对于需要权限访问的页面，当用户正常退出后点击浏览器"后退"再返回到此页面时，浏览器默认读取的还是客户端缓存文件导致页面上还是登录态的数据体验非常不好，所以需要防止浏览器持久化的缓存每次都向服务器请求最新的拷贝。只需要在服务器端设置cache-control头如下：//强制不缓存header("Cache-control: no-cache");//IEheader("Cache-control: no-store");//!IE相关阅读：http://article.yeeyan.org/bilingual/17150http://w
阅读全文
摘要：再次遇到此问题，之前由于后端php输入json时没有统一指定contentType头导致一些特殊场合采坑，今天在重构弹层逻辑的时候又踩到了，虽然很快解决了，但是还是记录下作为备案。项目前期时间比较赶，页面所有弹层的view片段直接通过php load到主view，感觉非常浪费，于是把artDialog5.0.1进行了再包装，增加了ajax请求内容，由于是html片段前后端没有指定编码导致ie下实际返回了内容但是success回调函数得到undefined。解决方案就是ajax请求以及后端response的时候都指定contentType头，$.ajax({ url:'', ..
阅读全文
摘要：最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下:回车键提交表单：设置 <input /> 标签或者 <button> 标签的属性 type="submit" 即可。回车键不提交表单，用JavaScript来解决，具体代码如下：document.getElementsByTagName('form')[0].onkeydown = function(e){ var e = e || event; var keyNum = e.which || e.keyCode; return keyNum==13 ? fals
阅读全文
摘要：由于项目采用的CI框架,目录结构分离得也比较清晰,加之项目前后台也规划分离得挺合理,所以在开发过程中完全可以在windows资源管理器下隐藏不相关的目录以及在IDE下排除之( PhpStorm - File - Make Dicrectory As - Excluded ),这样可以在一定程度上减少干扰提高开发效率。如果想将Excluded的目录再Include到项目中可以在 ( File | Settings | Directories )选择对应目录取消掉Excluded即可...
阅读全文
摘要：有这么个需求,在项目文件夹下想要建立一些辅助工具,但是有不想涉及到的目录提交到svn,更不想再每次提交项目目录的时候出现这些文件,不然在提交svn频繁的时候会非常容易引起混淆,当然TortioiseSVN本身有ignore设置,但是都针对某文件(如: *.o)或者某空名目录(如: .svn),所以可以尝试将工具的目录命名成空名文件夹然后再添加到TortioiseSVN的ignore列表,这样就达成了目的。由于在Windows资源管理器下不支持直接创建空名文件夹，不过可以借助命令行来创建，在cmd下切换到需要创建空名文件夹的目录下，然后敲入如下命令即可。mkdir .xxoo
阅读全文
摘要：前话写页面的时候已经依赖zencoding这个东东,没有它完全不想写代码(开个玩笑,旨在说明这个工具已经成为前端标配)。用notepad++的时候爱上zencoding那种完全自定义配置,但到了IntelliJ Idea中查找和调整相应的配置、快捷键什么的就没那么自然了,比如本文要说的"Wrap with Abbreviation"是zencoding非常使用的一个功能,虽然使用频率不是非常高,但是在关键时刻可以节省不少的时间,至于这个功能怎么用本文就不详解了,可以前往这里进行了解。正文今天突然想用"Wrap with Abbreviation"这个功能
阅读全文
摘要：Codekit - incident57又一华丽丽的工具,目前是beta，官网上介绍中罗列了这些功能特性：自动编译Less, Sass, Stylus, CoffeeScript, Jade & Haml等文件致力于js文件合并和压缩，以及js语法错误检查同时还支持Compass(Sass伴侣,官网地址:compass-style.org)令人发指的是甚至还能对jpeg&png图片优化自动刷新浏览器(之前推荐过同类的工具:前端开发利器-F5)让你在不同的项目中仅维护同一套文档然而这还仅仅是其中的一部分...相信对于Web前端攻城师来说,这些功能都是非常受用的但是....>
阅读全文
摘要："推荐一款开发工具[F5]，可在保存代码时自动刷新页面，不用手动去刷新了。
而且不限制浏览器、编辑器和操作系统，不用改变自己的使用习惯。
这里有一个视频演示：http://t.cn/aB2EAt
有兴趣可以去官网了解一下：http://getf5.com/?1138"
嗯,这对于一名前端开发者来说绝对是个好消息,可以彻底放弃Tab+Alt & F5了...
同类工具也尝试过CSS Auto Reload,Livejs,LiveReload,XRefresh等等...
但是要么功能不全,要么支持的浏览器有限,要么安装太复杂,要么跟浏览器绑定太紧密,要么就是存在跨平台问题...
无疑F5是个神器,安装并推荐给页面打交道的朋友吧...
阅读全文
摘要：一直看到这个英文缩写，但是不知道它具体是啥东西，google几次都讲的非程序层面的意思，找到一篇还不错的介绍文章，转载过来...出自：http://mzhou.me/?p=95219什么是DSL？DSL即领域编程语言，它是用于解决特定领域问题的语言。与GPPL（通用目的编程语言）相比，DSL针对的目标是特定的领域。其实DSL并不是什么高深的东西，SQL、正则表达式、CSS等等都是一种DSL。对于前端工程师来说jQuery就是一种DSL。DSL可以分为两种：内部DSL、外部DSL。外部DSL是自我包含的语言，它们有自己特定语法、解析器和词法分析器等等，它往往是一种小型的编程语言，甚至不会像GPP
阅读全文
摘要：1、打开C:/Users/[username]/AppData/Roaming/Subversion文件夹2、找到 config文件，并打开3、找到 enable-auto-props = yes 行，去掉行首的注释;在[auto-props]节上添加以下字段：*.css = svn:keywords=Id*.php = svn:keywords=Id*.html = svn:keywords=Id*.tpl = svn:keywords=Id*.txt = svn:keywords=Id*.js = svn:keywords=Id如果为所有文件配置则可以把上面的配置改为：* = svn:ke
阅读全文
摘要：在做一个按钮时,由于按钮的文字的艺术感太强直接跟背景一起切片,但是处于SEO考虑还是在a标签内添加了相应的文字,<p> <a href="file.pdf" class="icon icon-pdf">Download PDF</a> </p>常规CSS如下:.icon { display:inline-block; width:16px; height:16px; text-indent:-9999px; }.icon-pdf { background-image:url(pdf.png); }嗯,在FF
阅读全文
摘要：来自百度凡用户体验博客的一篇文章,关于浏览器的加载与页面性能优化写得很全面,值得反复学习和实践,同时文中也提供了很多非常好的资源
阅读全文
摘要：这几天看了一些资料,梳理了下web方面的知识,发现很多东西都是知表面而不知背后真正的原理,于是用MindManager画了这幅图,不是很完整,不过在理解的过程中会陆续更新这张图(可点击或者另存为后查看大图),看了godspeed的关于asp.net生命周期的一个系列很形象收获颇丰,零散的记录些重点以便复习:服务器接收到来自浏览器端的请求根据后缀名是.aspx来确定接下来的工作交由ASP.NET处理ASP.NET先创建一个Context对象然后创建一个Request对象放到Context对象中,它包含了IIS传递给它的所有信息本次请求header + body接着又创建一个Respone对象用来
阅读全文
摘要：关于这个问题网上很少有说到,本早想写一篇文章来记录,搁浅了挺久,其实在第一天写asp.net程序时问题就诞生了,但是在上次项目之前做项目都没有在意,甚至是注意它,其实也算是可以忽略掉的,碰巧上次项目正与它纠结上了,为了不影响项目导致大面积的修改尝试了很多方法,请教了很多人,google了n遍,最后在项目上线之后一段时间才得以解决,心中大快,跟大家分享...或许很多人也一样没有在意甚至注意这个问题吧...
阅读全文
浙公网安备 33010602011771号