JavaScript 资源

Source

• Free Code Camp Resources: Free Code Camp JavaScript 资源页
• MDN: JavaScript 手册
• CodePen: HTML5/CSS3/JavaScript Playground
• http://javascript.info/：JS
• https://caniuse.com/：CSS
• developer.mozilla.org/docs:文档

• .jc2182.com/css-shadow：JC2182

  Color Palette

• https://coolors.co

• http://colormind.io
• https://www.color-hex.com/color-palettes/

• https://www.materialpalette.com/

  GitHub

• 30-seconds/30-seconds-of-code: JS—-A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less. https://30secondsofcode.org/

• 30-seconds/30-seconds-of-css: CSS—-A curated collection of useful CSS snippets you can understand in 30 seconds or less. https://30-seconds.github.io/30-seconds-of-css/

• github.com/InterviewMap/CS-Interview-Knowledge-Map：Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc. https://yuchengkai.cn/docs/frontend/

  Basic link

• typecheck with proptypes资源：执行和安装等详解

• Flow流文档资源:(1)Flow Documentation: Type Annotations:类型注解

   (2)[Flow Documentation: Editors](https://flow.org/en/docs/editors/):编辑 (3)[Flow Documentation: React](https://flow.org/en/docs/react/):反应 (4)[Linting in Flow](https://medium.com/flow-type/linting-in-flow-7709d7a7e969):产品在流

• typescript文档：(1)TypeScript Documentation: Basic Types:基本类型

                            (2)[TypeScript Documentation: Migrating from Javascript](https://www.typescriptlang.org/docs/handbook/migrating-from-javascript.html):从 JS 迁移<br />                                (3)[TypeScript Documentation: React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)

• 组件的生命周期：组件的生命周期详解。

  [生命周期小结](https://www.jianshu.com/p/4784216b8194)：总结<br />      [生命周期图形版](https://www.jianshu.com/p/4784216b8194)：ReactNative 生命周期图形案例结合版<br />      [生命周期](https://www.jianshu.com/p/4784216b8194)：React 生命周期菜鸟教程<br />      [使用组件原因](https://segmentfault.com/a/1190000011197112#articleHeader2)：使用组件和生命周期的原因[1](https://segmentfault.com/a/1190000011197112#articleHeader2)、[2](http://axuebin.com/blog/2017/09/15/react-lifecycle/#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E6%B5%81%E7%A8%8B%E5%9B%BE)<br />      [使用生命周期原因](https://segmentfault.com/a/1190000014487297):  使用原因详解

• this 绑定 ：具体解释+链接

  [this 方法](https://www.jianshu.com/p/3d0e7513ad83)：错误解释和变式

• setstate资源：方法详解

• position和z-index资源:深入理解
• Gin Example Repo:gin 框架

Chat Programmer

taro

• https://taro-docs.jd.com/taro/docs/README.html：Taro
• https://taro-ui.jd.com/#/docs/introduction：Taro-UI
• 
  
• taro:使用教程。
• Taro-uni-app：uni-app教程
• sourcegraph.com/github.com/NervJS/taro-redux-sample/-/tree/src：taro[Redux]使用
• nervjs.github.io/taro/docs/native-api.html#：taro API教程
• taro UI : taro UI 指南。
• taro react:taro react 指南.A declarative, efficient, and flexible JavaScript library for building user interfaces. https://reactjs.org
• JS-taro react：使用JS库 taro react 构建 JS用户界面
• this 绑定：绑定具体解释。
• this方法：错误修改和变式
• github.com/NervJS/taro:多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信/百度/支付宝/字节跳动小程序、H5、React Native 等的应用。 taro.js.org/ https://nervjs.github.io/taro/
• github.com/NervJS/taro-ui:一款基于 Taro 框架开发的多端 UI 组件库 https://taro-ui.aotu.io
• github.com/NervJS/taro-ui-demo:taro-ui demo
• .net/weixin_article/details：taro 下拉刷新、加载更多
• /s/4OyPlUEwQAePoYq1SOOGIg：taro1.3版本

Taro 物料市场: https://taro-ext.jd.com、Taro 社区：https://taro-club.jd.com

• 支持快应用和 QQ 小程序的开发
  
• 全面支持 JSX 语法和 React Hooks
  
• 大幅提高 H5 性能和可用性
  
• Taro Doctor
  • github.com/NervJS/taro-v2ex-hooks：taro使用hook案例-V2EX
  • github.com/NervJS/taro-todomvc-hooks：taro使用hook案例-TodoMVC
  • github.com/catXiaoXiao/taro-h5-progressdashboard：SVG画图

    Taro-Redux/React

• sourcegraph.com/github.com/NervJS/taro-redux-sample/-/tree/src：taro[Redux]使用
• sourcegraph.com/github.com/NervJS/taro-redux-sample/-/blob/src：taro
• github.com/NervJS/TodoMVC/blob/master/src:TofoMVC
• github.com/js-newbee/taro-yanxuan/blob/master/src:yanxuan
• sourcegraph.com/github.com/wsdo/taro-kit/-/blob/src:kit
• github.com/imageslr/taro-library/blob/master/src:library
• github.com/zyh9/taro-apps/search?q=request：taro-app
• github.com/icai/taro-cnode/search?q=request：taro-cnode
• github.com/Michael-lu-ke/Taro-App/blob/:Taro-app
• github.com/wuhou123/taro-card/blob：taro-card
• github.com/maqunboy/react-wx/search?unscoped_q=request:react-wx
• github.com/SummerSnake/taro-shop/search?unscoped_q=request：taro-shop
• github.com/SummerSnake/taro-mall/search?unscoped_q=request：taro-mail
• github.com/chaoyue-daily/chaoyue-daily-fe/search?unscoped_q=request：daily
• github.com/Harhao/miniProgram/search?unscoped_q=request：mini program
• github.com/Izayawww/my-taro/search?unscoped_q=request：my-taro

• github.com/k-water/taro-reader/blob：taro-reader

• github.com/Harhao/mafengwo/tree/master/travel/src：taro

• github.com/NealChencn/react-Taro-pocketbook/tree/master/src：Taro-pocketbook

  Error

  .net/crper/article/details/：taro-react常见坑

JS

浏览器中的JavaScript 是由 ECMAScript 和 BOM（浏览器对象模型）以及 DOM（文档对象模型）组成的，Web前端开发者会很熟悉这两个对象模型，它使得开发者可以去操作浏览器的一些表现，比如修改URL、修改页面呈现、记录数据等等

NodeJS中的JavaScript 是由 ECMAScript 和 NPM以及Native模块组成，NodeJS的开发者会非常熟悉 NPM 的包管理系统，通过各种拓展包来快速的实现一些功能，同时通过使用一些原生的模块例如 FS、HTTP、OS等等来拥有一些语言本身所不具有的能力

小程序中的 JavaScript 是由ECMAScript 以及小程序框架和小程序 API 来实现的。同浏览器中的JavaScript 相比没有 BOM 以及 DOM 对象，所以类似 JQuery、Zepto这种浏览器类库是无法在小程序中运行起来的，同样的缺少 Native 模块和NPM包管理的机制，小程序中无法加载原生库，也无法直接使用大部分的 NPM 包