前端分享群整理
前言
以下内容,来自微信群的部分优质分享。不定期更新。文中涉及的内容和链接,均为群友自主推荐、自主分享。
2019-05-10
1、深圳-团长:
新手学习Node.js
推荐狼叔的《如何正确学习Node.js》,地址:https://github.com/i5ting/How-to-learn-node-correctly
Node.js国内交流社区:https://cnodejs.org/
推荐书籍:《Node.js实战》(第二版)、《Node.js调试指南》、《深入浅出Node.js》(有一定的基础后再看)、《更了不起的Node.js》(据说今年会出版)
备注:在一个QQ群里看到的,仅供参考。
2、深圳-团长:
- promise的各种用法:https://github.com/sindresorhus/promise-fun
小组的一位同事,今天在周会上重点分享和讲解了这个项目,说这个项目非常吊。
如果掌握了 promise 的深层次用法,绝对吊打面试官。
我看了下这个项目作者的介绍,也很牛逼:
2014年之后,作为自由职业者,全职做开源社区的项目。一边做开源项目,一边背包环游东南亚,目前已经在泰国曼谷定居,但仍然每天都在做开源。
3、广州-小阳:
- VS Code插件推荐:Code Runner
我之前想跑js代码,都是写在html文件里的,然后就找到了这个。可以直接运行。
4、深圳-团长:
高效易用的自动标注工具:PxCook(像素大厨)。软件下载链接:https://www.fancynode.com.cn/pxcook
可以直接标注 Photoshop、Sketch 的设计原稿。很方便。
我们小组的一位前端妹子刚刚在用,大呼好用,于是一堆人跑过去围观。所以我推荐下。
2019-05-09
1、上海-前端-强子:
2、上海-前端-强子:
3、深圳-团长:
- 推荐一个chrome插件:FireShot。滚动截长图,很流畅。
3、杭州~nan:
4、广州-斌桑:
- 《考研到底值不值得》
2019-05-08
1、深圳-团长:
- 带你了解一下科技类图书四大社:https://www.jianshu.com/p/b65ac62bf407
到目前为止有三个品牌真正立起来了,读者认、作者也认:
人民邮电出版社:图灵公司,合资企业
电子工业出版社:博文视点,全资子公司
机械工业出版社:华章公司,合资公司
而清华大学出版社没有一个拿得出手的品牌,有些可惜。
2、上海-乐亦栗:
偶然发现张鑫旭大佬一篇旧文,分享出来希望对大家有用。
- 话说我为什么要闭关学习:http://www.zhangxinxu.com/life/?p=98
一点感慨:就算张鑫旭大佬从事别的事业,肯定也是拔尖的。
3、深圳-核桃:
- 2018年8月中级前端开发推荐书籍:https://zhuanlan.zhihu.com/p/40761206
张鑫旭的《CSS世界》真是写的是真的好,准备翻出来看第三遍了。我最近看的书都是按照这个书单看的,前面基本还可以,从《Node.js:来一打C++扩展》后面开始感觉就有点get不到书里面的主题了。
2019-05-07
1、广州 lien:
2019-05-06
1、深圳-团长:
- Python - 100天从新手到大师:https://github.com/jackfrued/Python-100-Days
这个项目的作者是 千锋培训机构的讲师。
1、广州 lien:
- 我司用的 mock 工具是:
eoLinker AMS 开源版本4.0
2、上海-前端-邱明:
2019-05-05
1、上海-前端-强子:
- 《阿里云前端技术周刊》:https://github.com/aliyunfe/weekly
2、武汉-林夕之间:
- 国内10大前端团队网站:https://zhuanlan.zhihu.com/p/60091235
3、深圳-pubdreamcc:
- 腾讯新闻前端团队维护的一个周刊:https://github.com/Tnfe/TNFE-Weekly
4、上海-gzd:
- vue 作者写的 todolist:http://todomvc.com/examples/vue/
2019-05-01
1、深圳-团长:
2、广州-古力:
2019-04-30
1、成都-颜乐乐:
这个是阿里蚂蚁为首的一群开发者发起的一个组织, 专门做前端知识布道工作, 输出各种高质量技术文章、以及各种技术教程。
里面的文章从出门级别到架构级别的,各种框架测试其他应用层面的应有尽有。
2019-04-28
1、上海-前端-强子:
分享一个小程序,名叫「GitHub专业版」。
2、深圳-核桃:
看到一篇to b产品UX & UI 设计总结不错。
- “后台产品” UX & UI 设计总结(上)- 设计要点概括:https://zhuanlan.zhihu.com/p/28787738
3、广州Brenner:
- web安全学习笔记:https://websec.readthedocs.io/
4、北京~夜微凉:
- 可能是最全的前端动效库汇总:https://juejin.im/post/5cc089eae51d456e7d189f9d
5、成都-颜乐乐:
前一段时间还撸了一个 node 爬虫:TS+puppeteer+cheerio+fs-extra
因为用了headless brower 所以就算是单页应用 也不要用怕爬去不到数据、
模仿浏览器访问也不用担心 ip 被封。
python 和 node 爬虫适应范围不一样。python 可以做分布式集群、做数据管理和分析, 可以直接同构代码一把梭。
node 爬虫, 更加贴近于前端节点访问请求。
如果没有企业级需求, 每天抓个几百万的那种, 个人项目临时整点儿数据和或者临时需要抓取 数据,node 很好用的。
很简单一个道理, 我们一个后台应用, 对接十几个Java服务, 需要一个调度者去支配这些服务和调度这些服务。 当然Java也可充当这个角色, 但是node的异步非阻塞模型, 显然这这个场景, 比Java优势大。
可以参考阿里技术体系,他们nodejs 在服务端基本上就是发挥这个作用, 传统后端 controller -> service -> model, 可以理解为nodejs 中间层就干了 一个 controller 和 view 的工作, java 可以专注于service 业务实现。
推荐阅读文章:
- 使用JavaScript写爬虫:https://zhuanlan.zhihu.com/p/53763115
6、成都-颜乐乐:
mysql相关的书籍推荐:《深入浅出MySQL 数据库开发 优化与管理维护》
2019-04-27
1、上海-前端-强子:
- 猴子都能懂的Git入门:https://backlog.com/git-tutorial/cn/
2、广州-萧雪圣:
- 像玩游戏闯关一样学习git!: https://learngitbranching.js.org/
2019-04-26
1、成都-颜乐乐:
推荐一个,前端测试,全干货。陆陆续续总结整理了大半年才成了现在的体系:
前端单元测试,非常重要。很简单的一个例子,别人写了一个很复杂的模块功能,怎么学习别人的代码?最简单的办法,就是跑测试。
测试对于学习代码和看源码非常重要。
(深圳-团长 备注:会前端单元测试,是很加分的。虽然我不会,但准备学一学。)
(上海-前端-强子 备注:这个不错,别人的发的东西,先加入到需整理列表里面,后面空闲了,慢慢消化,内化成自己的知识体系。)
2、成都-颜乐乐:
再推荐一个,学习javascript数据结构与算法。是当年吃《javascript数据结构与算法 [巴西] Loiane Groner 著 孙晓博等译》 这本书总结的熟肉
吃完了文章很多东西, 用自己的语言方式组织精简过,也加了很多自己的理解和备注。
3、成都-颜乐乐:
吃了《javascript设计模式》 张容铭 著 这本书之后, 吐出来的熟肉:
这个数设计模式思想非常好,写的很棒,不过基本上都是ES5语法,这本书上出现的所有 demo 被我改成了es6 写法,计思想被我精简过和加上了一些自己的备注理解。
4、北京-Rocky:
- 各种免费的 PDF 在线工具:https://www.ilovepdf.com/
5、深圳-团长:
- 一名【合格】前端工程师的自检清单:https://juejin.im/post/5cc1da82f265da036023b628
6、成都-颜乐乐:
- 关于 css 实现多行文字截断问题:https://segmentfault.com/a/1190000008649988
7、杭州~nan:
8、深圳-团长:
9、深圳-工兵:
- IOS加阻尼滑动可能导致的bug和处理方法:https://www.cnblogs.com/hrone/p/10143960.html
(团长备注:滚动穿透、阻尼滑动,都是移动端的常见问题,可以关注下。)
2019-04-18
1、深圳-团长:
蓝湖:一款产品文档和设计图的在线协作平台。网址:https://lanhuapp.com
最近在做一个需求,我们设计师用到了这个网站。大家可以了解下,拓展视野。
(广州-萧雪圣补充:蓝湖,这个我上家和现在公司都在用,UI用这个出效果图,标注好各种尺寸,前端也比较好开发,还可以直接下载切图,用得好是个能提高开发效率的工具。)
2018-12-27
1、上海-前端-强子:
(团长备注:几位前端大佬,基本都在里面了,除了我。)
2、广州Brenner:
- Canvas: Draw on the web(HTML5 Canvas 教程):https://www.yuque.com/airing/canvas
(上海-前端-强子 备注:这个很不错,我前几天做分享战绩的时候就用到这个了。)