search

jikeytang / jikeytang.github.io

jikey
216 stars 58 forks source link

2014年11月【上】-前端开发半月刊 #6

Open jikeytang opened 9 years ago

jikeytang commented 9 years ago

js http://www.zhihu.com/question/19655374 前端程序员，如何能成长成为一个工程师级别的开发者？

http://www.cnblogs.com/sharpxiajun/p/4072396.html 探真无阻塞加载javascript脚本技术，我们会发现很多意想不到的秘密

http://keenwon.com/851.html js 判断 ie11

http://blog.sina.com.cn/s/blog_53d3c24a0100mpnv.html 变态的位运算

https://github.com/airen/front-end-automation-bookmark 大漠创建学习标签

http://segmentfault.com/q/1010000000707386 你写过的最屌的代码是什么?

http://facebook.github.io/react/index.html facebook一个框架，小，灵活易于集成啊

http://codepen.io/ckor/pen/lBnxh/ 关于view ports 单位 的使用 vw, vh, vmin, vmax

https://github.com/liyaodong/geekparkdemo 西安东东demo

1.每次滚动一页的单页效果插件 https://github.com/alvarotrigo/pagePiling.js/ 2.同1，但是比1更轻量 https://github.com/lukesnowden/FSVS 3.跨浏览器的图片模糊插件 https://github.com/mikefowler/crossfade.js 其实用css也可以做到但不能跨浏览器 4.在滚动的同时有动画效果，使用css实现动画效果 https://github.com/nckprsn/scrollme 5.轻量级横向滚动插件 http://www.pixxelfactory.net/jInvertScroll/ 6.Google、Youtube使用的为Ajax、Pjax效果添加的进度条 https://github.com/rstacruz/nprogress 7.可以循环的单页滚动插件 http://www.thepetedesign.com/demos/onepage_scroll_demo.html

http://krpano.com/ 全景演示

http://www.zhushou.la/res/360quanjing/zhizuo360quanjing.html 360度全景

http://html5online.com.cn/articles/2013012201.html webkitAnimationEnd事件与webkitTransitionEnd事件

http://www.idangero.us/framework7/ Framework7

jQuery.touchSlider

http://kangax.github.io/compat-table/es5/ http://kangax.github.io/compat-table/es6/ http://kangax.github.io/compat-table/es7/

http://www.cnblogs.com/luojianqun/p/4087247.html 消除类游戏(js版)

https://www.mozilla.org/en-US/firefox/developer/ firefox开发版

http://www.cnblogs.com/wangfupeng1988/p/4088229.html wangEditor 基于bootstrap的富文本编辑器

http://www.iecss.com/ http://www.iecss.com/firefox-3.6.3.css http://www.iecss.com/webkit-r61376.css http://www.iecss.com/opera-10.51.css 查了下box-sizing在各个留下的UserAgent Style Sheet中的表现 查到这么几个文件，没事的可以瞅瞅 貌似直接页面上搜索"box-sizing"然后找对应的元素，

http://www.helloweba.com/view-blog-215.html 大转盘

http://developer.51cto.com/art/201204/331265.htm 解析谷歌同样但不同结果的代码

http://www.imooc.com/learn/221 D2前端技术论坛——2014绽放

css

http://www.cnblogs.com/flylee90/p/4086102.html css3 写轮眼

《透过D2官网小觑前端工程化》，水文一篇，博友们见谅： http://t.cn/R7ibrzt 补充个 Gif。 https://github.com/yisibl/blog/issues/6

default

http://www.zhihu.com/question/24997992 面试阶段如何与 HR 沟通薪酬？

http://www.cnblogs.com/mahongbiao/p/4068938.html 好书推荐

http://blog.sdbarker.com/git-credential-caching-on-windows/ git记住密码工具

http://www.cnblogs.com/huang0925/p/4069921.html 程序员健身6个月总结

http://www.nowcoder.com 牛客网-面试

http://www.cnblogs.com/twobin/p/4071132.html 梦想还是要有的，万一实现了呢（校招季）

http://www.zhihu.com/question/26468969 如何进入bat这类著名互联网公司？

https://remote.modern.ie/subscribe 微软测试ie

http://www.zhihu.com/question/26440561 有哪些值得每天一看的网站？

http://www.zhihu.com/question/25708912 什么样的IT公司不加班？

http://www.ituring.com.cn/book/ebook?sort=updated 图灵社区 http://item.jd.com/11231175.html HTML5 Canvas核心技术：图形、动画与游戏开发

http://pan.baidu.com/s/1nt6zxvN#path=%252Fjavascript%25E8%25A7%2586%25E9%25A2%2591 视频教程

http://www.zhihu.com/question/26591815 如何评价微软11月13日宣布.Net核心运行库开源并跨平台运行？ http://www.zhihu.com/question/26593051 如何看待微软宣布.NET彻底开源和跨平台？

https://github.com/dotnet/corefx dotnet 开源

以下是霸天贡献： 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.51cto.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.51cto.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 组件丰富简历

yujiangshui commented 9 years ago

感觉拍下板会更好看一点，规格类啥的。

hjzheng commented 9 years ago

杰克哥，应该用markdown优化一下排版。