设为首页 收藏本站
查看: 841|回复: 0

[经验分享] 2014年11月 上 前端资源分享

[复制链接]

尚未签到

发表于 2017-2-24 07:59:20 | 显示全部楼层 |阅读模式
资源来自:https://github.com/hacke2/hacke2.github.io/issues/10
js
  http://blog.jobbole.com/29454/
常用javascript设计模式
  http://coderlmn.github.io/code-standards/#userconsent#
前端代码规范 及 最佳实践
  http://www.w3cfuns.com/thread-5591957-1-1.html
人人网javascript面试题
  http://blog.51yuekan.com/2014/10/08/2014-08-02-javascript-module-define/
Javascript模块化开发-轻巧自制
  https://github.com/hacke2/thin/tree/master/docs
从零开始写JavaScript框架
  http://coolshell.cn/articles/9666.html
浏览器渲染原理
  http://coolshell.cn/articles/9749.html#jtss-tsina
JS加载原理
  http://bbs.html5cn.org/thread-84774-1-1.html
HTML5 中 40 个最重要的技术点
  http://www.thinkjs.org/test/websocket
thinkjs 15行实现聊天系统
  http://shangchun.net/promise-insight.html#userconsent#
剖析 Promise 之基础篇
  xufei/blog#5
构件单页WEB应用
  http://nodejs.cn/api
nodejs api
  http://segmentfault.com/blog/colin4124/1190000000373243
如何恰当地学习 JavaScript
  https://github.com/Lucifier129/Lucifier129.github.io/blob/master/lab/build-your-own-jquery-library.md#userconsent#
如何写一个你自己的jQuery库?
  https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas#userconsent#
使用canvas绘图
  http://blog.sina.com.cn/s/blog_53d3c24a0100mpnv.html#userconsent#
|运算符的技巧
  http://rapheal.sinaapp.com/2014/11/06/javascript-error-monitor/#userconsent#
前端代码异常监控
  http://www.w3cfuns.com/thread-5597323-1-1.html
用AOP改善JavaScript代码
  https://github.com/alsotang/node-lessons
Node.js包学包会
  http://www.codeceo.com/article/node-js-upload-large-file.html
Node.js上传1G文件
  http://cloudbbs.org/forum.php?mod=viewthread&tid=28773&page=1&extra=#pid180304
JavaScript之web通信
  http://zhuxinyong.com/2014/11/03/%E4%BD%BF%E7%94%A8Express4%E5%92%8CNode%E6%90%AD%E5%BB%BARESTful-API/
使用Express4和Node搭建RESTful API
  http://www.cnblogs.com/fengyuqing/p/backbone_events_api_usage.html
Backbone事件模块及其用法
  http://bbs.html5cn.org/thread-83317-1-1.html
HTML5画布(CANVAS)速查简表
  http://www.gbtags.com/gb/site/sunnyboy2013.htm
图解闭包
css
  http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html
css3 box-sizing属性
  http://www.webhek.com/misc/mastering-nth-child/#userconsent#
精通:nth-child
  http://www.cnblogs.com/dolphinX/p/3508869.html
浮动与BFC
  http://ued.ctrip.com/blog/wp-content/webkitcss/quicksearch.html
webkit css 速查
  http://www.cnblogs.com/ranran/archive/2014/11/03/4071088.html
CSS 和 JS 动画哪个更快
  http://www.html5tricks.com/15-cool-html5-css3-animation.html
15个无比华丽的HTML5/CSS3动画应用
  http://rauchg.com/2014/7-principles-of-rich-web-applications/
开发富WEBAPP的7个原则
  http://www.daqianduan.com/4721.html
CSS创建三角形
  http://ued.ctrip.com/webkitcss/
新版Webkit各属性的介绍,
  http://enjoycss.com/
enjoycss
  http://css3lib.alloyteam.com/
css3lib
  http://www.cnblogs.com/yexiaochai/p/4074624.html
CSS3布局
  http://www.iloushi.cn/ued/playground/background/
多层背景交换
  http://www.cnblogs.com/lilyimage/p/3682810.html
flex全揭秘
  http://blog.bingo929.com/transform-translate3d-translatez-transition-gpu-hardware-acceleration.html
使用CSS3开启GPU硬件加速提升网站动画渲染性能
  http://blog.bingo929.com/html5-and-css3-tools-list.html
HTML5和CSS3工具资源汇总
移动
  http://lyric.im/best-practice-for-web-app-development/
WEBAPP最佳实践
  http://juntao.me/?p=42
Web移动端页面快速实现滑动效果
  https://developer.apple.com/library/safari/navigation/
safari 开发者文档
  http://mobile.iyunv.com/web-388485.htm
Web App开发入门
  http://isux.tencent.com/responsive-web-design.html
响应式网页设计
  http://www.cnblogs.com/vajoy/p/3903591.html
跨终端响应式页面设计入门
  http://www.lukew.com/ff/entry.asp?1927
大屏幕手机按键设计的几种思考
  http://www.cnblogs.com/aaronjs/p/3147470.html
web app开发利器 - iscroll4 解决方案
  http://pixelhandler.com/posts/develop-a-restful-api-using-nodejs-with-express-and-mongoose
使用express和mongoose在Node.js上开发restfun api
  http://www.w3cmark.com/2014/99.html
移动端面试
  https://www.zybuluo.com/hacke2/note/45079
移动的一些名词
  http://www.html-js.com/article/2400
关于webapp中的文字单位的一些捣腾
  http://www.html-js.com/article/2403
iSlider 移动端 Webapp 滑动的最优解决方案
  http://www.nowamagic.net/csszone/css_IeFilterTransparencyShadowsEtc.php#userconsent#
IE滤镜实现透明度/阴影/渐变等特效
  http://www.html-js.com/article/Like-the-winter-flexible-design-and-implementation-of-the-mobile-phone-Taobao-cold
手机淘宝的flexible设计与实现
作品
  http://aui.github.io/popupjs/doc/selectbox.html
select修饰器
  http://www.seejs.com/demos/examples/opa/#userconsent#
无痕哥滑动
  http://jsbin.com/jonuyuzu/2/edit
无痕哥 购物车 动画
  http://www.seejs.com/demos/examples/moon/#userconsent#
无痕哥白发魔女传
  http://www.ituring.com.cn/article/25069
前端开发技术的发展
  http://www.codefans.net/jscss/code/3808.shtml
JQ视觉差异

http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/#userconsent#
JQ懒加载
  http://www.adanghome.com/js_demo/45/
  http://www.lightapp.cn/auto/index/3462?channel=1&code=00f807513935e39fd4fd5afac71f03b0&weixin.qq.com=&from=timeline&isappinstalled=0#wechat_webview_type=1&from=timeline&isappinstalled=0
移动滑动
  http://demo.kalcaddle.com/index.php?editor
WEB桌面
  http://demo.itivy.com/jdigiclock/index.html
模拟HTC手机时间和天气
  https://github.com/romashamin/Size-Marks-PS
Size-Marks-PS
  http://www.yyyweb.com/demo/animated-buttons/index.html
CSS3按钮
  https://www.manymo.com/emulators
移动端模拟
  https://github.com/ccampbell/mousetrap
对键盘操作的一些封装
  http://barretlee.github.io/SuperMarker/index_cn.html
小胡子哥的切图神器
  http://www.gbtags.com/gb/gblaitu.htm#0-tsina-1-81620-397232819ff9a47a7b7e80a40613cfe1
图片生成工具
  http://www.cnblogs.com/lhb25/p/jquery-face-detection-plugin.html
JQ人脸识别
  http://www.cnblogs.com/flylee90/p/4086102.html
CSS3写轮眼
  http://www.html5tricks.com/10-cool-html5-new-animation.html
10款优秀的HTML5作品
  http://btgoogle.com/SchoolTest.html
投简历时学校选择器
  http://www.oschina.net/news/56993/30-newest-free-ui-kits-for-november-2014
11 月份 30 个最新的免费 UI 工具包​

知乎
  http://www.zhihu.com/question/26165631
对于同样的浮点数运算为何 Java 与 C 的结果不相同?
  http://www.zhihu.com/question/21523362
js就是操作DOM用的么?
  http://www.zhihu.com/question/23657255
如何快速判断 DOM 元素位于 viewport 以外?
  http://www.zhihu.com/question/20175038
为什么使用原生 JS 删除、替换 DOM 节点总是要用到父节点?
  http://www.zhihu.com/question/26157282
新手关于如何看编程经典书的一些疑惑?
  http://www.zhihu.com/question/20691294
为什么「box-sizing:border-box」没有被广泛采用
  http://www.zhihu.com/question/24997992
面试阶段如何与 HR 沟通薪酬?
  http://www.zhihu.com/question/20194937
中国公司在 GitHub 上有哪些比较出彩的开源项目?
  http://www.zhihu.com/question/22989105
「只差程序员」为什么会招黑?
  http://www.zhihu.com/question/25680951
怎么进入BAT的研发部门?
  http://www.zhihu.com/question/26157282
新手关于如何看编程经典书的一些疑惑?
  http://www.zhihu.com/collection/38766289
前端收藏栏
  http://www.zhihu.com/question/26295825
作为一个前端工程师,是往node方面转,还是往HTML5方面转?
  http://www.zhihu.com/question/26521450
前端切图之前你是如何分析设计图的?
综合
  http://www.cnblogs.com/twobin/p/4071132.html
这个小伙总结的基本都覆盖了的
  http://developer.iyunv.com/art/201404/435435.htm
如何在github上为开源做贡献
  http://www.cnbeta.com/articles/341603.htm
Google已为Chrome带来全新的书签管理器
  http://www.cnblogs.com/hustskyking/p/life-in-alibaba.html
我在阿里这仨月
  http://www.cnblogs.com/huang0925/p/4069921.html
程序员健身
  http://news.html5tricks.com/something-about-internet-companies-and-software-engineering.html
互联网公司和软件工程那些事
  http://www.codeceo.com/article/10-job-questions-i-ask.html
10个我最喜欢问程序员的面试问题
  http://www.codeceo.com/article/7-feature-programmer-have.html
优秀程序员的精神
  http://www.cnblogs.com/astwish/articles/3548844.html
如何在github上fork一个项目来贡献代码以及同步原作者的修改
  http://blog.csdn.net/wirelessqa/article/details/20153689
Git入门指南十一:Git branch 分支与合并分支
  http://hi.barretlee.com/2014/04/30/switch-branch-in-git/
git切换到远程分支
  https://www.zybuluo.com/mdeditor
在线 Markdown 编辑阅读器
  http://cdn.code.baidu.com/
百度静态资源库
  jayli/jayli.github.com#16
航旅无线前端团队必备技能
  http://news.cnblogs.com/n/172861/
揭秘Amazon反应速度超快的下拉菜单
  http://www.cnblogs.com/editor/p/4080517.html
吐槽贴:百度地图 api 封装 的实用功能;
  http://krpano.com/
制作全景图
  http://2014.jsconf.cn/slides/herman-taobaoweb
淘宝前后端分离
  http://www.codeceo.com/article/5-sort-algorithm.html
5种排序算法性能比较总结​
系列
模块化规范
  https://github.com/cmdjs/specification/blob/master/draft/module.md
seajs/seajs#242
cmd
https://github.com/amdjs/amdjs-api/wiki/AMD
https://github.com/amdjs/amdjs-api/wiki/AMD-(%E4%B8%AD%E6%96%87%E7%89%88)
amd
seajs/seajs#588
前端模块化开发那点历史
http://www.zhihu.com/question/20351507
AMD 和 CMD 的区别有哪些?
seajs/seajs#547
前端模块化的价值
http://lifesinger.wordpress.com/2011/05/17/the-difference-between-seajs-and-requirejs/
SeaJS 和 RequireJS 的异同
seajs/seajs#971
如何改造现有文件为 CMD 模块
define的定义
seajs/seajs#242
cmd define 模块定义
http://www.ruanyifeng.com/blog/2012/11/require_js.html
amd define 模块定义
seajs/seajs#242
CMD 模块定义规范
导航站分享
  http://whycss.com/
http://sentsin.com/daohang/
http://www.cnfeinfo.com
http://123.jser.us/
http://www.css88.com/nav/
前端性能优化
  http://www.gbtags.com/gb/share/3771.htm
http://www.gbtags.com/gb/share/3775.htm
http://www.gbtags.com/gb/share/3782.htm
淘宝装修工具
  http://www.001daima.com/index.php?get=active&getmod=editor
http://www.esio.cn
http://www.soasoa.cn/index.html
http://www.dianmishu.com/
http://www.animer.cn/editor.html
处理移动Web应用Scroll效果JS库集合
  https://github.com/ftlabs/ftscroller
https://github.com/zynga/scroller
https://github.com/davidaurelio/TouchScroll
http://cubiq.org/iscroll
浏览器原理
  http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/
浏览器的工作原理
http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/
http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group
http://www.smallni.com/css-performance-from-the-browsers-rendering/
浏览器的工作原理:新式网络浏览器幕后揭秘
http://coolshell.cn/articles/9666.html
浏览器的渲染原理简介
http://blog.vtmer.com/2013/05/high-performance-javascript-1/
js 并行加载与顺序执行
http://fex.baidu.com/blog/2014/05/what-happen/
从输入 URL 到页面加载完成的过程中都发生了什么事情?
http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group
浏览器的工作原理:新式网络浏览器幕后揭秘
http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB
js css的顺序
http://coolshell.cn/articles/9749.html
js的装载与执行
http://renyongjie668.blog.163.com/blog/static/1600531201097062789/
浏览器加载和渲染html的顺序  
ES兼容性查询
  http://kangax.github.io/compat-table/es5/
这是5的
http://kangax.github.io/compat-table/es6/
这是6的
http://kangax.github.io/compat-table/es7/
这是7的。
简历
  http://learnshare.github.io/about/index.html
不错的个人简历
http://hcy2367.github.io/resume/
简历
http://ncuey.sinaapp.com/CrispElite/
张伦
https://github.com/hacke2/ResumeSample
简历
http://blog.dandyweng.com/2013/07/how-my-website-was-created/
翁天信
http://www.webhek.com/misc/interactive-resume/
动画方式的简历
http://www.linqing07.com/resume.html
组件丰富简历

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346346-1-1.html 上篇帖子: 公开我的开源项目newland.js 下篇帖子: 关于大型网站技术演进的思考(十四)--网站静态化处理—前后端分离—上(6)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表