Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2014年10月 下 前端资源分享 #6

Open
hacke2 opened this issue Oct 29, 2014 · 0 comments
Open

2014年10月 下 前端资源分享 #6

hacke2 opened this issue Oct 29, 2014 · 0 comments

Comments

@hacke2
Copy link
Owner

hacke2 commented Oct 29, 2014

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.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/#userconsent#
CSSOM视图模式(CSSOM View Module)相关整理

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://www.w3cplus.com/content/css3-box-sizing
css3-box-sizing

http://wenku.it168.com/d_001336413.shtml
CSS进阶之路

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

http://www.zell-weekeat.com/support-for-older-browsers
如何创建支持低版本浏览器的响应式网站

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://www.kankanews.com/ICkengine/archives/22630.shtml
git@osc(git)中team开发、fork和pull request的用法

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

http://www.360doc.com/content/14/0401/10/176942_365396922.shtml
几个秒杀PPT的高大上的幻灯工具

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

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

http://blog.mozilla.com.tw/posts/5589/editable-box-model-multiple-selection-sublime-text-keys-much-more-firefox-developer-tools-episode-31#userconsent#
淺談 Firefox 31 開發者工具

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://kangax.github.io/compat-table/es6/#
ECMAEcript6兼容性手册

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://yun.baidu.com/tools?qq-pf-to=pcqq.group
百度云收藏

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

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

http://www.webhek.com/drawwindow/
JS截屏

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://wenku.baidu.com/link?url=UYSMOXQajtKOlqxn7qUMyOXh9oSyiIQiXJ12hzP-nWrVZxAu-tmAm-JUdm1A47mCQyeu0P-YDv-6G7m3aaDslgkpOOl4nwjob_Lf7mo-XTq
D2-淘宝移动端Web开发实践

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://www.chinahrd.net/article/2013/03-21/85191-1.html
人人网的失败:抄袭不来的是灵魂

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

系列

d2

snfed/attendance-records#4
参加2014 D2前端技术交流的一些感想和思考
moxiaohe/moxiaohe.github.io#2
记录10.25杭州D2前端技术论坛
http://segmentfault.com/blog/jiyinyiyong/1190000000742126
参加 D2 的这个周末
http://www.hacke2.cn/2014-10-d2/
2014.10.25 杭州D2行
snfed/attendance-records#5
勾三股四的感悟
http://www.cnblogs.com/jikey/archive/2010/12/21/1913113.html
第五届D2-豪情
http://hikejun.com/blog/2010/12/20/%E7%AC%AC%E4%BA%94%E6%AC%A1d2%EF%BC%8D%E5%85%B3%E6%B3%A8%E5%9C%A8%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E6%9E%B6%E6%9E%84/#userconsent#
第五次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://yuwenhui.github.io/
http://www.cnblogs.com/hustskyking/p/javascript-spec.html
前端编码规范之js
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
表单验证
http://code.ciaoca.com/jquery/validation_engine/demo/
https://github.com/posabsolute/jQuery-Validation-Engine
数字验证
http://www.gafish.net/archives/1527
表单验证规则
http://niceue.com/validator/demo/
https://github.com/niceue/validator
漂亮验证

hacke2 added a commit to hacke2/free-programming-books-zh_CN that referenced this issue Nov 4, 2014
* [前端资源分享(一)](hacke2/hacke2.github.io#1)
* [前端资源分享(二)](hacke2/hacke2.github.io#3)
* [前端资源分享(三)](hacke2/hacke2.github.io#6)
@hacke2 hacke2 removed the share label Nov 5, 2014
superMan791ch added a commit to superMan791ch/justjavac that referenced this issue Jan 21, 2022
* [前端资源分享(一)](hacke2/hacke2.github.io#1)
* [前端资源分享(二)](hacke2/hacke2.github.io#3)
* [前端资源分享(三)](hacke2/hacke2.github.io#6)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant