第一次在博客园写博客，以前都是看别人写的技术在自己慢慢的学习。现在想自己把每天学习的东西理解并记录下来，加深下印象以后可以做个回顾。不知道自己能否坚持每周至少写2篇博文。古话说的好：工欲善其事,必先利其器。所以我们要找到一个神器来帮助我们更好的学习前端开发，要么记事本怎么样？不错是不错估计要写到猴年马月了。百度一搜，web前端开发利器有很多，比如：EditPlus，Dreamweaver，HBuilder，Webstorm，Aptana Studi...
1、烂代码是怎么定义的？ !KissyUI是淘宝Kissy这个前端项目的一个群，龙藏同学在看完我在公司内网的“读烂代码系列”之后就在群里问呵：烂代码是怎么定义的？ 是呵，到底什么才算烂代码呢？这让我想到一件事，是另一个网友在gtalk上问我的一个问题：他需要a,b,c三个条件全真时为假，全假时也为假，请问如何判断。 接下来KissyUI群里的同学给出了很多答案：// 1. 圆心 if( a&&b&&c || !a&&!b&&!c){ return false } // 2. 龙藏...
前端开发中，很多时候一个弹出层的显示都会伴随着一个遮罩层的显示。1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"2 "http://www.w3.org/TR/html4/loose.dtd">3 <html xmlns="http://www.w3.org/1999/xhtml">4 <head>5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />6 <title>全屏遮罩</title>8 </head>9 10 <body> 11 <style> 12 ...
"tencent://message/?uin=客服QQ号码&Menu=yes" target="blank">就一个小功能，最近做网站用到，怕忘了就记了下来。
手机抓包工具 Fiddler 1.前提条件： 保证PC（RRXDN）和手机（RRXDN）在同一个 局域网内； 2.安卓机抓包： 找到手机中 设置--> 无线网设置-->设置无线网（RRXDN）-->高级选项 -->手动选择代理（pc的ip地址、监听端口：8888）ps:PC查看ip --调出CMD命令行--输入ipconfig--查看ip； 3.PC端安装fiddler； a.fiddler导航栏中找到点开Fiddler Options选项；b.--Connections --勾选第二项Allow remote commputers to connect--点击OK即可；...
前言 最近在求职，作为一名没有项目经历的转行汪，结果相当悲催。没实战经历→公司不要→没实战经历，妥妥的鸡蛋相生无限循环。上万能的知乎求大神帮助，却发现没实战经验的妹子很受欢迎，没实战经验的汉子狗都不理。只能感叹，时代再变，处女情结依旧。知乎上也有很多大神建议先模仿，我觉得很有道理，决定模仿知乎，于是就有了下面这个东西（Demo & 源码）：CSS布局方案：没用知乎的布局方式，全面使用了弹性盒子，之所以选择弹性...
最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知识点，选择性跳到相应地方阅读。滚动优化的由来 滚动优化其实也不仅仅指滚动（scroll 事件），还包括了例如 resize 这类会频繁触发的事件。简单的看...
html判断IE版本 1. if !IE]> 除IE外都可识别 2. if IE]> 所有的IE可识别 3. if IE 5.0]> 只有IE5.0可以识别 4. if IE 5]> 仅IE5.0与IE5.5可以识别 5. if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 6. if IE 6]> 仅IE6可识别 7. if lt IE 6]> IE6以及IE6以下版本可识别 8. if gte IE 6]> IE6以及IE6以上版本可识别 9. if IE 7]> 仅IE7可识别 10. if lt IE 7]> IE7以及IE7以下版本可识别 11. if gte IE 7]> IE7以及IE...
前端技术层（图片有点偏激，仅供参考）Javascript和DOM关系很暧昧，弄不明白!CSS和HTML
前端开发部门在壮大，人员在增加，技术在进步。CSSer虽然不能代表前端开发团队，但CSSer是前端开发中非常重要的组成部分。我们学习了解相关团队协作的知识，让工作得加自如，在Webjx.com中将在以后增加相关的知识。 前端开发部门在壮大，人员在增加，技术在进步。CSSer虽然不能代表前端开发团队，但CSSer是前端开发中非常重要的组成部分。我们学习了解相关团队协作的知识，让工作得加自如，在Webjx.com中将在以后增加相关的知识。...
网站前端开发碰到的安全容易被人们忽视，因为大多人认为这些在客户端浏览器运行的代码不会造成服务器端的安全隐患，通过本文将简单阐述网站前端中经常碰到的安全问题，以及一些应对策略 随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据, 制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉. 更有甚者可能会在用户不知觉得情况下,让用户成为攻击者,这绝对不是骇人听闻。富客户...
前端开发者要掌握的技能;并且这些技能可以让前端开发者价值百万。准确的说，这些技能可以让你能够轻松步入百万富翁的行列。 哪些技能呢?下面就列出这10项技能，看看你符合价值百万的前段开发者的队伍中嘛? 现在的开发工具，有用的开发工具数以千计。快速掌握新工具将是你的首要技能。比如：Kissmetrics\Usabilla\Padi Act。 墨守成规，可不是前端开发者应有的素质。 前段开发者的工作，重点在于如何进行设计上的迭代式开发...
昨天晚上写了一篇关于浏览器的渲染过程的随笔，但只是通过一小段代码解释了一下，并没有通过浏览器测试，说服力不够，而且还有很多不完善的地方，今天在浏览器中测试了一下，并把测试的结果分享给大家，测试过程可能有点乱，希望大家理解。 测试浏览器：Chrome v24.0.1312.52 m，Firefox v18.0，Opera v12.12。 在WebKit内核中，网页在显示的时候会有一个解析器（Parser）去解析html文档，然后去生成渲染树（Render Tree），最终渲...
最近在学习前端的性能优化，有必要了解一下页面的渲染流程，以便对症下药，找出性能的瓶颈所在。以下是我看到的一些东西，分享给大家。 参考：Understanding the renderer 页面的渲染有以下特点： •单线程事件轮询 •定义明确、连续、操作有序（HTML5） •分词和构建DOM树 •请求资源并预加载 •构建渲染树并绘制页面 具体来说： 当我们从网络上得到HTML的相应字节时，DOM树就开始构建了。由浏览器更新UI的线...
关于语义 语义研究的是标志与符号之间的关系，以及它们所代表的意义。在语言学中，它主要是研究这些标志（如单词，短语，或者声音）在语言中的意义。而在前端开发领域，语义主要涉及的是HTML元素、属性和属性值（包括像Microdata这样的扩展）所约定的意义。这些在规范中常用的正式约定语义，可以帮助程序（以及后来参与开发的人）更好地理解一个网站各方面的信息。然而，即使这些元素、属性和属性值的语义是正式化的，它们依然得服...