前端开发
Adir
Hello World.
展开
-
前端技术书籍
《JavaScript权威指南》《JavaScript高级程序设计》《编写可维护的JavaScript》《jQuery权威指南》《锋利的jQuery》《JavaScript语言精粹》《编写高质量代码:web前端开发修炼之道》《DOM编程艺术》《JavaScript忍者秘籍》《CSS揭秘》《高性能JavaScript》《单页web应用:JavaScript原创 2016-10-15 22:55:55 · 384 阅读 · 0 评论 -
如何用 HTTP Caching 优化网站性能
原文出处:blog.chenlb.com/2009/07/http-caching-optimize-your-site.htmlHTTP Caching 用好了,可以极大的减小服务器负载和减少网络带宽。十分有必要深入了解下 http 的 caching 协议。先来看下请求/响应过程:1、用 Last-Modified 头在第一次请求的响应头返回 Las转载 2016-10-16 19:10:59 · 325 阅读 · 0 评论 -
CSS3三角形的妙用
概述在早期的前端Web设计开发年代,完成一些页面元素时,我们必须要有专业的PS美工爸爸,由PS美工爸爸来切图,做一些圆角、阴影、锯齿或者一些小图标。在CSS3出现后,借助一些具有魔力的CSS3属性,使得这些元素大多都可以由开发人员自己来完成。在开始阅读这篇文章前,我们先喊个口号:不想当艺术家的程序员不是好设计师!本文的Demo和源代码已放到GitHub,如果您觉得本篇内转载 2016-10-16 19:03:18 · 557 阅读 · 0 评论 -
JS 中的事件设计
作者:aitangyong 链接:blog.csdn.net/aitangyong/article/details/43231111抽空学习了下javascript和jquery的事件设计,收获颇大,总结此贴,和大家分享。 (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式:在html文档中绑定、在js代码中绑定。下面的方式1、方式2属于在html中绑定事转载 2016-10-16 18:48:04 · 233 阅读 · 0 评论 -
ES6 的那些事儿 – 基础篇
作者:淘宝前端团队(FED)- 化辰链接:taobaofed.org/blog/2016/07/22/es6-basics/序ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生。首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 正确使用 ES6,提供一些指导。对转载 2016-10-16 18:27:31 · 288 阅读 · 0 评论 -
前端工程师的前后端交互指南
作者:JackPu(@静逸秋水) 链接:www.jackpu.com/xie-gei-gang-ru-men-de-qian-duan-gong-cheng-shi-de-qian-hou-duan-jiao-hu-zhi-nan作为刚接触前端的不久的童鞋,大家都会兴奋于CSS和JS所带来漂亮界面,然而,前端工程师除了UI重构外,还有非常重要的职责在正确的区域渲染出服务端的数转载 2016-10-16 18:23:45 · 480 阅读 · 0 评论 -
CSS3技巧整理01
自CSS3流行以来,虽然以前看过一遍所有的新增属性,但其实在实际项目中用到的少之又少。所以没有形成系统性的认识,以及看到效果立马就能想到解决方案的能力。然后最近正好遇到一个需要绘制大量动画的需求,所以决定趁此机会好好研究一下这个既熟悉又陌生的css3。在正式开始css3之前,先来介绍一些比较经典的css3实例,让大家好好感受一下css3的魅力,本文会提到以下几个css3的属性:bo原创 2016-10-16 17:45:46 · 187 阅读 · 0 评论 -
视觉设计师是怎样让前端工程师 100% 实现设计效果的?
这是一个经常被讨论的问题,「创新设计能力 & 跟进还原能力」。这是一个商业设计师而非艺术家的两重技能要素,同样重要,缺一不可,甚至在很多时候后者的作用力会更大,毕竟我们还是要做一个落地的商业产品而不是意淫的概念稿。这是任何一个在职的商业设计师能力模型之内不能被忽视的要素之一。1:效果实现难度设计师天马行空的大脑会迸发出各种奇思妙想,例如一个看起来酷炫的动画,结果跑到工程师面转载 2016-10-16 16:42:35 · 742 阅读 · 0 评论 -
BFC、IFC、GFC和FFC
BFC BFC(Block Formatting Contexts)意为“块级格式化上下文”。就是页面上的一个渲染区域,容器内的子元素不会对外面的元素布局产生影响,反之亦然。如何生成BFC: float的值不为none; overflow的值不为visible; position的值不为relative和static; display的值为table-cell,table-caption何原创 2016-10-16 16:01:36 · 2429 阅读 · 0 评论 -
判断鼠标移入移出元素时的方向
作者:流云诸葛链接:http://www.cnblogs.com/lyzg/p/5689761.html本文要介绍的是一种鼠标从一个元素移入移出时,获取鼠标移动方向的思路。这个方法可以帮助你判断鼠标在移入移出时,是从上下左右的哪个方向发生的。这个思路,是我自己琢磨出来,利用了一点曾经高中学过的数学知识,但是非常简单好理解,希望能对你有所帮助。在线demo:htt转载 2016-10-16 18:54:38 · 784 阅读 · 0 评论