2014年10月【下】-前端开发半月刊

简介: js http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%.

js

http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/ 
CSSOM视图模式(CSSOM View Module)相关整理
scrollIntoView 兼容所有浏览器

http://todomvc.com/ 
mvc 综合网站

http://www.w3ctech.com/topic/450 
月影在JSDC台湾关于打造前端团队之路的演讲分享

http://www.ituring.com.cn/article/8108 
JavaScript宝座:七大框架论剑

http://www.75team.com/weekly/ 
360奇舞周刊

http://www.zhihu.com/question/19832535 
《JavaScript 语言精粹》一书中,为什么每一章的开头都有一句威廉·莎士比亚的句子?

http://qdemo.sinaapp.com/box-fe-road.htm#0 
手机百度前端工程化之路

http://www.cnblogs.com/sanshi/archive/2011/03/15/1985344.html 
hasOwnProperty

http://luics.com/ 
https://github.com/luics/Luy.Web 
鬼道

http://otakustay.com/ 
宅居

http://v.youku.com/v_show/id_XNjQ3MjA1NTU2.html?tpa=dW5pb25faWQ9MjAwMDA4XzEwMDAwM18wMV8wMQ 
视频: 用AngularJS开发下一代WEB应用(大漠穷秋)

http://www.cnblogs.com/aaronjs/p/3279314.html 
艾伦哥,出视频教程了:
http://www.imooc.com/learn/172 

http://fantaghiro.github.io/miaov/ 
miaov课后作业

http://v.youku.com/v_show/id_XNzQ4MDE3ODQw.html 
视频: Web高性能动画 - 奇舞团黄薇

http://zhuanlan.zhihu.com/FrontendMagazine/19875222 
HTML5 最好的新朋友,是 Apple 不是 Google

http://www.zhihu.com/question/20110841 
在一个技术为王的公司,产品经理如何生存?

http://www.zhihu.com/question/21982235 
贫穷有多可怕?
这个与技术无关,但可以看看别人的故事,以此来激励自己的人生。愿我们的这代与下代不在贫穷中失落,不在失落中迷失自我。

http://www.cnblogs.com/meteoric_cry/archive/2011/11/04/2236279.html 
使用getTimezoneOffset方法修正时差

http://ourjs.com/detail/52c4145d7986593603000009 
如何面试前端工程师:Github很重要



http://sentsin.com/web/256.html 
http://www.zhihu.com/question/26191924 
如何评价《JavaScript 的诞生与死亡》

http://sentsin.com/web/253.html 
chrome调试canvas






http://www.zhihu.com/question/26158982 
前端工程师怎样告诉设计师,他设计的东西太丑

http://www.zhihu.com/question/26187669 
怎么判定web前端架构师的能力高低?
未来职业方向的预测与评估

http://www.zhihu.com/question/26226720 
为什么前端不能一直做?难道要转行??
前端前景的探讨

http://www.cnblogs.com/damonlan/archive/2012/03/13/2394787.html 
JSON.stringify 语法讲解


http://www.zhihu.com/question/19865917 

http://www.vaikan.com/math-gifs/ 
21副GIF动图让你了解各种数学概念

http://zhaolong324.blog.163.com/blog/static/108475117201381695357684/ 
if (obj.length === +obj.length)判断分析

https://github.com/fouber/blog 
前端工程化

http://www.zhihu.com/question/26293268 
在知乎的计算机领域都有哪些专家级用户?

http://www.zhihu.com/question/23444167 
同为javascript框架,react和angular各有什么优缺点,各自又适合什么开发场景?

http://www.zhihu.com/question/26202302 
人人网为什么不但没成为中国的 Facebook,反而日渐式微?
公司战略方面问题。

http://www.zhihu.com/question/21376577 
Sublime Text 会取代 vim 或 emacs 吗?

http://blog.jobbole.com/29454/ 
常用javascript设计模式

https://github.com/Openjs/PubJS 
pubjs,基于事件的模块化开发

http://naotu.baidu.com/ 
脑图

http://www.zhihu.com/question/26240321 
如何当一个好的面试官?

http://www.zhihu.com/question/26400942 
为什么前端工程师很少用 Visual Studio (Windows)?

css

http://www.iteye.com/news/27487 
一些实用的CSS Media Query代码片段

default

http://www.zhihu.com/question/24105566 
零经验的人都是怎么转行的?

http://www.cnblogs.com/gaozhenxi/p/4023012.html 
淘宝十年技术路

http://www.cnblogs.com/biwork/p/4024145.html 
IT 外包中的甲方乙方,德国人,美国人,印度人和日本人印象杂谈

http://www.zhihu.com/question/20437345 
如果没有封锁,谷歌会在中国搜索引擎市场里成为第一吗?为什么?

http://www.zhihu.com/question/24931934 
你怎么看《周鸿祎自述:我的互联网方法论》这本书?

http://www.zhihu.com/question/19556943 
为什么淘宝这么成功,易趣却一败涂地?
公司战略类文章

http://www.zhihu.com/question/26014277 
怎样拥有学霸那种一学就是十几个小时的精力?

http://www.zhihu.com/question/20246142 
知乎上,前端开发领域有哪些值得推荐的问答

http://www.zhihu.com/question/19886046 
Web 前端开发岗位,该选择百度还是腾讯?

http://www.zhihu.com/question/20238906 
Web 开发的前端、后端的入门门槛是不是比较低?

知乎上有个前端开发这个标签,下面有一些文章:
http://www.zhihu.com/topic/19550901 

http://www.99click.com/ 
页面统计

http://www.zhihu.com/question/20030360 
你用过的最让你震惊的网站有哪些?为什么?

http://team.oschina.net/ 
team 团队协作开发平台

http://www.zhihu.com/question/20252436 
学习编程语言最好的方法是什么?

电信旗下的天翼云的vps,支持nodejs

http://item.jd.com/11479920.html 
WebKit技术内幕
http://blog.csdn.net/milado_nju 
朱永盛

http://www.cnblogs.com/thanksmoons/p/4045164.html 
程序员接私单不传秘籍之一:准备工作



http://www.zhihu.com/question/26026419 
为什么滴滴打车都烧了几十亿却忍着不赚钱,背后的商业逻辑是什么?
公司的战略背景分析







------
以下为霸天贡献

JS

http://www.webhek.com/ways-css-javascript-interact/ 
5种你未必知道的JavaScript和CSS交互的方法

http://html5online.com.cn/articles/2013032401.html 
鼠标与触摸设备

http://www.zhangxinxu.com/study/201406/svg-animation-pandora-improve.html 
SVG潘多拉图形动画效果demo

https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla 
ECMAScript 6 New Support

http://www.laruence.com/2009/09/23/1089.html 
深入理解JavaScript定时机制

http://swordair.com/javascript-minimum-time-interval/ 
JavaScript最小时间片

http://blogread.cn/it/article/6587?f=wb 
谈谈页面停留时间

http://www.html-js.com/article/2328 
React.js编程思想

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Pages/Obsolete_Pages/Obsolete_Pages/%E9%A0%90%E5%85%88%E5%AE%9A%E7%BE%A9%E7%9A%84%E5%87%BD%E6%95%B8/escape_%E5%92%8C_unescape_%E5%87%BD%E6%95%B8#userconsent# 
escape 和 unescape 函數

http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 
用Javascript获取页面元素的位置

http://www.cnblogs.com/cloudgamer/archive/2009/01/06/1369979.html 
JavaScript Tween算法及缓动效果

http://top.jobbole.com/15071/ 
JavaScript的诞生与死亡(双语字幕)

https://github.com/teambition/then.js/tree/master 
thenjs JavaScript异步回调

http://www.html-js.com/article/A-day-to-learn-from-a-line-of-code-inside-the-JavaScript-study-JavaScript 
从一行代码里面学点JavaScript

http://www.php100.com/html/program/html5/2013/0921/6218.html 
HTML5 JavaScript实现图片文字识别与提取

http://blogread.cn/it/article/6642?f=wb 
JavaScript 中的陷阱

http://www.cnblogs.com/xiyangbaixue/archive/2014/10/22/4042548.html 
浏览器内核与js引擎

http://ued.taobao.org/blog/2014/04/xtpl/ 
基于前后端分离的模版探索

http://sentsin.com/web/253.html 
使用Chrome开发工具调试Canvas

http://www.infoworld.com/article/2838008/javascript/nginx-has-big-plans-for-javascript.html 
Nginx has big plans for JavaScript

http://www.oc35.com/uc_interview.html 
JS抽奖

http://yanhaijing.com/basejs/ 
JavaScript简易教程

http://flaviusmatis.github.io/plugins/ 
Handpicked Javascript Plugins

http://jsbin.com/nowuk/1/edit?html 
js常见方法集合

http://www.planabc.net/2008/02/20/javascript_new_function/ 
详解new function(){}和function(){}()

http://www.zhangxinxu.com/wordpress/2013/07/jquery-%E5%8E%9F%E7%90%86-%E6%9C%BA%E5%88%B6/#userconsent#
jQuery诞生记-原理与机制

https://github.com/barretlee/javascript-multiple-download 
JS多文件下载

http://qianliwei.com/QFocus/index.html# 
undefined的插件
 

css

http://www.html5cn.org/article-6858-1.html 
IE中的CSS3不完全兼容方案

http://www.html5tricks.com/demo/css3-responsive-paging/index.html# 
纯CSS3响应式分页插件

http://www.cnblogs.com/2050/p/3409129.html 
css3动画简介以及动画库animate.css的使用

http://www.w3cplus.com/css3/what-is-css-grid-layout.html 
什么是网格布局

http://www.w3cplus.com/css3/how-to-enable-support-for-grid-layout-in-various-browsers.html 
如何开启浏览器CSS Grid Layout功能

http://www.w3cplus.com/css3/line-base-placement-layout.html 
网格单元格布局





http://bennettfeely.com/clippy/ 
clippy css图片样式工具

http://usablica.github.io/front-end-frameworks/compare.html 
CSS FRONTEND FRAMEWORKS

http://responsive.vermilion.com/compare.php 
响应式框架的比较

移动

http://www.chinaz.com/manage/2012/1128/283974.shtml 
移动端webapp开发必备知识

http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html 
zepto源码注释

http://www.imooc.com/learn/43 
移动优先的跨终端 Web



kissyteam/kissy-mobile#3
触屏事件汇总

http://www.umindex.com/#userconsent# 
友盟指数 - 设备指数以全新数据可视化方式呈现Android及iOS设备的相关数据

http://www.testwo.com/article/177 
使用 chrome mobile emulation 来辅助 device 测试

http://wdm.taobao.com/pub2/publicos.htm 
淘宝的无线数读,隔天更新,来自集团的90%app

http://5wilon.com/html/2014/shuji_0306/118.html 
专访阿里前端工程师:淘宝移动Web开发那些事儿

http://demo.mobiscroll.com/select 
https://github.com/fgnass/spin.js 

http://code.google.com/p/mobiscroll/ 
安卓数字显示效果 spinner

http://www.zhangxinxu.com/wordpress/2012/10/html5-full-screen-api-firefox-chrome-difference/ 
HTML5全屏API在FireFox/Chrome中的显示差异

http://99jty.com/?p=1299 
viewport双城记

http://www.zhangxinxu.com/wordpress/2012/10/new-pad-retina-devicepixelratio-css-page/ 
视网膜New iPad与普通分辨率iPad页面的兼容处理

实用

http://blog.jobbole.com/20604/ 
Vim 实用技术,第 1 部分: 实用技巧

http://blog.jobbole.com/78352/ 
Eclipse 常用快捷键 (动画讲解)



http://blog.jobbole.com/57674/ 
超棒的 15 款 Bootstrap UI 编辑器



http://www.html-js.com/article/2327 
chrome调试工具常用功能整理

https://developer.mozilla.org/en-US/docs/Web/CSS/Tools 
css tools



http://strut.io 
在线制作Impress.js等基于WEB的PPT

http://www.html5tricks.com/8-unforget-html5-animation.html 
分享8个难忘的HTML5炫酷动画及源码

http://jsfiddle.net/echo/jsonp/ 
回调JSONP

http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/#userconsent# 
Chrome 开发工具 Workspace 使用

http://blog.jobbole.com/78291/ 
开发者不可不知的Google Chrome七大新特性

https://github.com/miaoyaoyao/AngularJs-UI 
AngularJs分页

http://jasny.github.io/bootstrap/javascript/#rowlink 
bootstrap 的插件

https://www.npmjs.org/package/traceur 
ECMAScript 6 转5

http://www.html5tricks.com/demo/css3-batman-animation/index.html 
HTML5/CSS3实现蝙蝠侠人物动画演示地址

http://wf.uisdc.com/cn/ 
WEB开发基础 — web开发最佳实践手册



http://amazeui.org/ 
国产UI

http://jsperf.com/ 
jsPerf: JavaScript performance playground

http://www.codeceo.com/article/programmer-book-and-magz.html 
程序员必读的书籍和期刊杂志

http://www.cnblogs.com/Franks_blog/archive/2010/05/26/1744173.html 
常用前端开发工具合集

https://modao.io/ 
WEB APP原型在线设计



http://www.superslide2.com/demo.html 
JQ常见效果插件

http://www.jsjtt.com/webkaifa/html5/2013-10-29/42.html 
html5截屏



http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles 
chrome profiles

http://linxz.github.io/tianyizone/ 
css小工具集合。

http://baike.baidu.com/view/3968.htm 
Cygwin windows下操作git利器。

http://www.html5tricks.com/7-nice-jquery-plugins.html 
7个经典创意jQuery应用插件及源码

http://bbs.html5cn.org/forum.php?mod=viewthread&tid=79048&extra= 
实现CSS动画的工具和教程指南

http://www.webhek.com/misc/interactive-resume/#userconsent# 
超炫酷的HTML5简历

知乎

http://blogread.cn/it/article/6567?f=wb 
如何成为一名优秀的web前端工程师(前端攻城师)?

http://www.zhihu.com/question/20127472 
JavaScript中圆括号() 和 方括号[] 的特殊用法疑问?
 
http://www.zhihu.com/question/19889770 
知乎上有哪些 JavaScript 高手

http://www.zhihu.com/question/26014277 
怎样拥有学霸那种一学就是十几个小时的精力?

http://www.zhihu.com/question/19556943 
为什么淘宝这么成功,易趣却一败涂地?

http://www.zhihu.com/question/20246142 
知乎上,前端开发领域有哪些值得推荐的问答?

http://www.zhihu.com/question/19969737 
一些人瞧不起 jQuery 的理由是什么?

http://www.zhihu.com/question/20287740 
Web 前端开发前景如何?

http://www.zhihu.com/topic/19550901 
知乎前端标签

http://www.zhihu.com/question/19886046 
Web 前端开发岗位,该选择百度还是腾讯?

http://www.zhihu.com/question/20238906 
Web 开发的前端、后端的入门门槛是不是比较低?

http://segmentfault.com/q/1010000000727790 
谈谈你对各种编程语言的看法
http://segmentfault.com/q/1010000000725223 
GitHub应该放什么类型的代码?

http://www.zhihu.com/question/26058295 
校招进 BAT 产品岗究竟多难?

http://www.zhihu.com/question/19819610 
在 Mac 上进行开发比在 Windows 上效率更高吗?如何量化和比较这两个平台的开发效率

http://segmentfault.com/q/1010000000729671 
作为一个IT人员是否必须有Macbook?

http://www.zhihu.com/question/19579212 
产品经理应该如何正确处理老板不靠谱的需求?

http://www.zhihu.com/question/24693717 
怎么从零开始学习 Python 语言编程?

http://www.zhihu.com/question/20252436 
学习编程语言最好的方法是什么?

http://www.zhihu.com/question/26350691 
阿里java校招本科生要求?自学没方向

http://www.zhihu.com/question/26187669 
怎么判定web前端架构师的能力高低?

http://www.zhihu.com/question/26304098 
买了kindle就一定会爱上读书吗?

http://zhuanlan.zhihu.com/imike/19878922 
创业的首要问题

http://www.zhihu.com/question/21157664 
为什么世界四大古代文明只有中华文明没有被毁灭?

http://www.zhihu.com/question/26026419 
为什么滴滴打车都烧了几十亿却忍着不赚钱,背后的商业逻辑是什么?

http://www.zhihu.com/question/26187669 
怎么判定web前端架构师的能力高低?

http://www.zhihu.com/question/22609639 
云计算到底那家强?

http://www.zhihu.com/question/26226720 
为什么前端不能一直做?难道要转行??

http://www.zhihu.com/question/23512853 
如何评价淘宝 UED 的 Midway Framework 前后端分离?

http://www.zhihu.com/question/23150301 
一份优秀的前端开发工程师简历是怎么样的?

http://www.zhihu.com/question/19639471 
遇到关注你薪资且会直接发问的老同学,怎么回答最合适?

http://www.zhihu.com/question/26228085 
现在从事 Web 前端开发的高级工程师,想请问你们初入行时的战斗力如何?

http://www.zhihu.com/question/20790576 
大公司里怎样开发和部署前端代码?

http://www.zhihu.com/question/19638115 
知乎工程师们的开发环境是怎样的?

综合

http://www.html-js.com/article/2313 
一个对前端模板技术的全面总结

http://www.html5cn.org/article-6980-1.html 
程序员编程的10个实用技巧

http://news.html5tricks.com/2014-programmer-salary.html#userconsent# 
2014年程序员的工资有多高?你是否该跳槽了!

http://blog.jobbole.com/56673/ 
Web应用开发中的几个问题

http://www.codeceo.com/article/10-years-taobao-tech.html 
淘宝的十年技术之路

http://top.jobbole.com/14753/ 
程序员必须知道的10个算法和数据结构有哪些?

http://news.html5tricks.com/alibaba-mayun-saying.html 
阿里上市后首次员工讲话 马云说了啥?

http://www.codeceo.com/article/2015-baidu-offer.html 
百度2015校园招聘面试题回忆录(成功拿到offer)

http://news.html5tricks.com/mayun-chuangye.html 
马云:创业智慧!

http://www.html5cn.org/article-6982-1.html 
老程序员:当编程成为你的第二职业

http://www.codeceo.com/article/computer-boot-process.html 
计算机启动过程详解

http://www.iteye.com/news/22043 
7本不错的HTML 5书籍推荐

http://blog.jobbole.com/46589/#userconsent# 
有jQuery背景,该如何用AngularJS编程思想?


http://www.cnblogs.com/coco1s/p/4034937.html 
BAT及各大互联网公司2014前端笔试面试题--Html,Css篇

http://www.cnblogs.com/coco1s/p/4029708.html 
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

http://cmsblogs.com/?p=1368#0-qzone-1-26860-d020d2d2a4e8d1a374a433f596ad1440 
要扁平化,也要可用性

http://yuedu.baidu.com/ebook/43f627450722192e4436f641 
中国顶尖技术团队访谈录

http://blog.jobbole.com/46589/#userconsent# 
有jQuery背景,该如何用AngularJS编程思想?

https://github.com/justjavac/free-programming-books-zh_CN/blob/master/what-non-programming-books-should-programmers-read.md 
“程序员应该阅读的非编程类书籍有哪些?”

http://www.vaikan.com/math-gifs/ 
21副GIF动图让你了解各种数学概念

http://blog.jobbole.com/48252/ 
我泡在GitHub上的177天

http://top.jobbole.com/15551/ 
几十种编程语言的快速入门教程



http://top.jobbole.com/15613/ 
github干货系列

系列

d2

http://snfed/attendance-records#4

参加2014 D2前端技术交流的一些感想和思考
http://moxiaohe/moxiaohe.github.io#2

记录10.25杭州D2前端技术论坛

http://www.hacke2.cn/2014-10-d2/ 
2014.10.25 杭州D2行
http://snfed/attendance-records#5

勾三股四的感悟
http://www.cnblogs.com/jikey/archive/2010/12/21/1913113.html 
第五届D2-豪情

https://github.com/snfed/attendance-records/issues 
苏宁总结

规范

https://github.com/ecomfe/spec/blob/master/html-style-guide.md 
HTML编码规范
https://github.com/ecomfe/spec/blob/master/css-style-guide.md#46-2d-%E4%BD%8D%E7%BD%AE
CSS编码规范
https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md 
JAVASCRIPT编码规范

http://segmentfault.com/a/1190000000443795 
最流行的PHP 代码规范
http://www.zhihu.com/question/20351507 
http://www.cnblogs.com/tugenhua0707/p/3507957.html 
AMD与CMD规范的区别
http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html 
KISSY 源码规范
https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md
php代码编写规范
http://codeguide.bootcss.com/ 
bt编码规范
https://github.com/Suxiaogang/Code_Guide 
规范加强版。

CDN



http://lib.sinaapp.com/ 
http://open.bootcss.com/ 
http://libs.useso.com/ 
https://cdnjs.com/ 
http://openapi.baidu.com/wiki/index.php?title=docs/cplat/libs 
https://developers.google.com/speed/libraries/?csw=1 

验证

http://validform.rjboy.cn/demo.html 
表单验证

https://github.com/posabsolute/jQuery-Validation-Engine 
数字验证


https://github.com/niceue/validator 
漂亮验证

 





本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/p/4061824.html,如需转载请自行联系原作者

目录
相关文章
|
7月前
|
编解码 前端开发 UED
探索现代前端开发中的响应式设计技术
本文将介绍现代前端开发中的响应式设计技术,包括媒体查询、弹性布局和视口单位等。我们将深入探讨这些技术的原理和应用,以及它们在不同设备上实现自适应界面的重要性。通过学习本文,读者将能够更好地理解和运用响应式设计技术,提升网页在各种设备上的用户体验。
60 3
|
7月前
|
存储 前端开发 安全
前端开发
前端开发
63 3
|
1月前
|
编解码 前端开发 开发者
前端开发中的响应式设计实践
前端开发中的响应式设计实践
|
4月前
|
前端开发 JavaScript 测试技术
前端开发需要哪些技术
前端开发需要哪些技术【8月更文挑战第25天】
70 0
|
4月前
|
移动开发 前端开发 JavaScript
前端开发技术
【8月更文挑战第25天】前端开发技术
58 0
|
5月前
|
编解码 前端开发 UED
现代前端开发中的响应式设计与实践
响应式设计已经成为现代前端开发的必备技能。本文探讨了响应式设计的基本概念、重要性以及实际应用中的最佳实践,帮助开发者在不同设备上提供一致且优雅的用户体验。
|
5月前
|
编解码 前端开发 UED
现代前端开发中的响应式设计技术探索
随着移动设备的普及和屏幕多样化的挑战,现代前端开发中的响应式设计技术显得尤为重要。本文探讨了响应式设计的基本原理及其在实际项目中的应用,涵盖了流体网格布局、媒体查询、弹性图片等关键技术,并结合实例详细展示了如何构建适应不同设备的用户界面。
|
Web App开发 前端开发 JavaScript
前端开发必备的7个工具
前端开发需要使用一些工具来提高效率和质量,但是选择哪些工具可以有很多选择。在这篇文章中,我们将介绍前端开发中必备的7个工具,它们将使你的开发体验更加高效和愉悦。
956 0
|
前端开发 JavaScript UED
前端开发入门
作为一名阿里云开发者社区的博主,我将接着分享关于前端开发的编程信息。
226 0
uiu
|
SQL 前端开发 JavaScript
什么是前端开发?什么是后端开发?
什么是前端开发?什么是后端开发?
uiu
150 0
什么是前端开发?什么是后端开发?

热门文章

最新文章