返回信息流## 2016-12
曾经总结的一些前端技术要点:https://bbs.byr.cn/#!article/WWWTechnology/38004
本人北邮毕业,目前供职阿里前端岗位,欢迎转发和贡献
Github: https://github.com/shangfeiSF,每个repo的Readme会逐步完善
目前最完善的readme应该是https://github.com/shangfeiSF/redux-grope,喜欢或者正在使用React/Redux/React-router的童鞋可以看一看,和官网上的examples有不少优化
Promise实现bluebird主要API示例:https://github.com/shangfeiSF/bluebird-grope
React学习教程:https://github.com/shangfeiSF/react-grope
React-router学习教程:https://github.com/shangfeiSF/react-router-grope
Redux & Facebook/Flow & Facebook/Jest学习教程:https://github.com/shangfeiSF/redux-grope
chrome插件框架(ali全球眼项目演化而来):https://github.com/shangfeiSF/chross2
Grunt经典插件教程:https://github.com/shangfeiSF/grunt-grope
图片上传前后端实现:https://github.com/shangfeiSF/upload-image-grope
socket.io应用:https://github.com/shangfeiSF/socketio-grope
老虎机jQuery & Zepto实现:https://github.com/shangfeiSF/slotmachine-grope
z-index点点滴滴:https://github.com/shangfeiSF/z-index-grope
less语法实例:https://github.com/shangfeiSF/less-grope
图片处理:https://github.com/shangfeiSF/graphics-magick-grope
nodejs核心模块 & nopt & mocha:https://github.com/shangfeiSF/nodejs-grope
写这些repo的初衷大部分源于对这些技术的好奇心,也算是为自己积累经验
## 2017-1
新增 typescript-grope,目前看大型项目还是ts更为稳妥,不至于大家每天都在沟通和写文档
Rust 也是非常热门的新语言,是 js之父参与实现的,目前研究中,A家有在用(记得是图片处理方面),年后去看看
推荐一款chrome扩展:cVim,用起来很舒服,自己配置下样式和vimrc,大大提高编程的效率:https://github.com/shangfeiSF/css-for-cVim
## 2017-2
这个月,公司事情较多,还忙着装修,所以更新不是很多,只是把chross2重构了,用gulp和webpack把整个项目构建,打包,测试,调试做了一组命令,修正了当时写的时候流程不清晰,src和build混杂的问题,还差readme!
https://github.com/shangfeiSF/chross2
另外把去年给老婆写的‘抢票‘软件开源了,不是火车票哈,是邮票,里面有很多hack的方法,可以黑人家的网站,喜欢写chrome插件的童鞋可以看下,缺点是当时没有用react Vue写,用jQuery弄得有点不够清晰,有时间写react版的,也放上去
https://github.com/shangfeiSF/stamp
这是一条镜像帖。来源:北邮人论坛 / java-script / #1052同步于 2016/12/31
该镜像源已超过 30 天没有更新,可能在源站已被删除。
JavaScript机器人发帖
【总结】2016个人前端技术积累,Github分享,2017年2月已更新
logsin
2016/12/31镜像同步50 回复
订阅后,新回复会通过你的通知中心匿名送达。
9 条回复
【 在 slm1990 的大作中提到: 】
: 推荐看源码,尤其老外的,看完才知道什么叫奇技淫巧,风骚代码,虽然平时写代码不建议这么写
: 通过『我邮2.0』发布
var foo = Function.prototype.bind.bind(Function.prototype.call)
var bar = foo(Array.prototype.push)
var obj ={}
bar(obj, 'a', 'b')
obj = ?
js中什么奇淫巧技,风骚代码,知道就好,看源码必须在用得6的基础上,promise用得6,再去看promise原理,例如https://github.com/shangfeiSF/bluebird-grope/tree/master/API/principle,才知道最终的代码不是一蹴而就的,是一个问题一个问题被不断发现和解决才有了最终的promise,同样看jquery源码也好,看复杂的react源码也好,直接拿最终代码看,学到的都是皮毛,有git历史的,我一般从第一个tag看,在不断演变中,体会为什么这么写,而不是学那些最终的代码如何写
【 在 logsin 的大作中提到: 】
:
: var foo = Function.prototype.bind.bind(Function.prototype.call)
: var bar = foo(Array.prototype.push)
: ...................
嗯,是的。
上面的代码我一般这么写。
var bar = Function.call.bind(Array.prototype.push);
var b = {};
bar(b, 'a', 'b');
[em65]