The author’s article content is updated greatly!! Reprinted friends please pay attention to update oh ~

Content provider: Jinniu District Wudi Software Development Studio

@[TOC]

First, search skills

I suggest you learn this search technique.

Search tips: blog.csdn.net/weixin_4360…

Just know that the way to solve the problem that is the most basic level, the problem will only be a way to solve, and as an up-and-coming programmers should always follow the trend of The Times, constantly expand own aspect of knowledge, so that you will find that you have a problem when the most part the reason why you can accurate positioning problem, where to search solution, Or you’ve already taught yourself how to do it.

Second, the author will share with you my personal accumulated website:

1. Basic learning websites

  1. MDN developer documentation: developer.mozilla.org/zh-CN/
  2. Rookie tutorial: www.runoob.com/
  3. W3CSchool：www.w3school.com.cn/
  4. En.javascript.info /
  5. Google developer tools tutorial: developers.google.com/web/tools/c…
  6. Linux in general: man.linuxde.net/rm
  7. Progressive web application checklist: developers. Google. Cn/web/progres…
  8. Developer Center: dev.dcloud.net.cn/
  9. CSS Reference notes: css.doyo.com /
  10. Bootstrap website: www.bootcss.com/
  11. CSS premium content site: css-tricks.com/
  12. CSS quality content website: css-weekly.com/
  13. HTML premium content site: www.html5rocks.com/en/
  14. JS quality content: www.echojs.com/
  15. Mobile Web development: mobileDevweekly.com/
  16. Artificial Intelligence Learning address: Artificial intelligence community

2. Develop a documentation website

  1. Upload files to formData: developer.mozilla.org/zh-CN/docs/…
  2. Aui.github. IO /art-templat…
  3. Ejs template engine: EJs.bootcss.com/
  4. ES6 introduction (Ruan Yifeng big guy) : es6.ruanyifeng.com/
  5. React: reactjs.org/
  6. Redux website: react-redux.js.org/
  7. The React Router:reacttraining.com/react-route…
  8. Vue website: cn.vuejs.org/
  9. NodeJS official website: nodejs.cn/
  10. React Native: reactnative.cn/
  11. Uni – app: uniapp. Dcloud. IO /
  12. Mui: dev.dcloud.net.cn/mui/
  13. Taro: taro.aotu.io/? Tdsourceta…
  14. Small developers WeChat platforms: developers.weixin.qq.com/
  15. Wechat developer platform: open.weixin.qq.com/
  16. Ding-doc.dingtalk.com/
  17. Baidu Map developer platform: passport.baidu.com
  18. DvaJS：dvajs.com/
  19. JQuery official website: jquery.com/
  20. Cuishifeng. cn/
  21. ZeptoJS official website: zeptojs.com/
  22. CheerioJS installation address: www.npmjs.com/package/che…
  23. RequireJS website: requirejs.org/
  24. Sass official website (CSS preprocessor, programming to develop CSS) : sass-lang.com/
  25. Less website: Lesscss.org/
  26. Less.bootcss.com/
  27. Socket communication: socket. IO /
  28. JSONPlaceholder：jsonplaceholder.typicode.com/
  29. Leohxj.gitbooks. IO /front-end-d…
  30. Gitbook: legacy.gitbook.com/
  31. Books in various languages: www.laojiyou.com/
  32. Books: www.sitepoint.com/
  33. Various books article: www.smashingmagazine.com/

3. Solve the development difficulties of the website [various libraries, plug-ins, open source website introduction]

NPM official website: www.npmjs.com/

Introduce NPM module manager: javascript.ruanyifeng.com/nodejs/npm….

  1. Make the code when submitted to perform a first code, if there is an error does not let commit: www.npmjs.com/package/esl…
  2. A visual tool to validate regular expressions: regExper.com/
  3. Open source, free, enterprise-level CMS system: www.siteserver.cn/
  4. ECharts：www.echartsjs.com/index.html
  5. HighCharts：www.highcharts.com.cn/
  6. Rich text editor wangEditor: www.wangeditor.com/
  7. The rich text editor UEditor: ueditor.baidu.com/website/onl…
  8. Ant data visualization: antv.alipay.com/zh-cn/index…
  9. Thermal map plug-in: www.patrick-wied.at/static/heat…
  10. The plug-in for live video surveillance is VLC: www.videolan.org/
  11. Live broadcast software development: www.nodemedia.cn/
  12. Netease netease. Im /
  13. Chat open software: www.oschina.net/p/keybase
  14. Youdao Translation API: fanyi.youdao.com/openapi?pat…
  15. Game development: Phaser. IO /
  16. AI interface: cloud.tencent.com/act/event/a…
  17. Babel (convert ES6 code to ES5 code) : babeljs.io/
  18. JS library handling time and date: momentjs.cn/
  19. Lodash：www.lodashjs.com/
  20. You may not need jQuery:youmightnotneedjquery.com/
  21. Cloud small honey intelligent robot API:help.aliyun.com/product/594…
  22. Yi ten thousand d source interface: www.showapi.com/api/apiList
  23. Message authentication code interface: www.mysubmail.com/sms/api?tag…
  24. Hazelnut SMS verification code interface: smsow.zhenzikj.com/
  25. Forage QR code generator: CLI.im /
  26. Qr code
  27. RAP2 Fake data interface: rap2.taobao.org/
  28. The real e-commerce data can be grilled: www.xiongmaoyouxuan.com/#/
  29. Easydoc. xyz — Thanks to the travel guru for helping us enrich our resources. His CSDN homepage is me.csdn.net/atsoar
  30. Free interface: www.bejson.com/knownjson/w…
  31. False data interface (test) : jsonplaceholder.typicode.com/
  32. JQuery plugin library: www.jq22.com/search
  33. Caroute map plug-in: www.swiper.com.cn/
  34. Magnifying glass plug-in: www.elevateweb.co.uk/image-zoom/…
  35. Responsive waterfall plugins: www.jq22.com/jquery-info…
  36. Baidu Front-end Technology Institute – front-end development project library: ife.baidu.com
  37. Common plug-ins for projects: blog.csdn.net/weixin_4360…
  38. Scroll lazy loading better – scroll: ustbhuangyi. Making. IO/better – scro…
  39. CSS rest:nec.netease.com/framework/c…

4. Rapid development is a must

  1. One line of code to fix bug monitoring: www.fundebug.com/?tdsourceta…
  2. A must-have Toolkit for Web developers (for quick code typing) :docs.emmet.io/
  3. Introduce VScode shortcuts: www.cnblogs.com/bindong/p/6…
  4. Editor tips: blog.csdn.net/weixin_4360…
  5. Front-end open source project CDN: www.bootcdn.cn/
  6. The template house parse website [put the template URL into the input box of this site (still a very cheap charge)] : v.scucai8.cn /

5. Websites with various functions

  1. Alibaba icon Library: www.iconfont.cn/
  2. UI color cloth: www.materialui.co/colors
  3. UI essential color list (color block + color code) :blog.csdn.net/weixin_4360…
  4. Logo online production, there are many: www.logofree.cn/
  5. Calligraphy Workshop: www.makefont.com/
  6. Free design, there are a lot of: www.chuangkit.com/designtools…
  7. There are many, but here’s just one: cn.109876543210.com/
  8. Image compression: www.topdodo.com/
  9. Image format conversion: www.sojson.com/image/forma…
  10. Small emojis: emojipedia.org/
  11. The chrome web store: chrome.google.com/webstore/se…
  12. SEO comprehensive query: seo.chinaz.com/
  13. Google developers toolkit: developers.google.com/web/tools/w…
  14. Live platform website backup: app.yunxin.163.com/webdemo/edu…

Online tools

  1. Online development tools: tool.lu/c/developer
  2. Online editor: codesandbox.io/
  3. Online diagram [ProcessOn support flow chart, mind map, prototype diagram, UML, network topology diagram, organization chart] : www.processon.com/
  4. The address for storing pictures online: sm.ms/
  5. The code becomes beautiful image: carbon.now.sh

7. Developers should know the technology

  1. Deployment process of the project: cloud.tencent.com/developer/i…
  2. Website SEO: www.jj3721.com/
  3. Front-end development essential JS function summary (on) : blog.csdn.net/weixin_4360…
  4. Front-end development essential JS function summary (below) : blog.csdn.net/weixin_4360…
  5. Postman tests the front-end request back-end interface: www.getpostman.com/
  6. Functional programming: legacy.gitbook.com/llh911001

8. Front-end UI component library

  1. MintUI: mint – UI. Making. IO / #! /zh-cn
  2. ElementUI: element. The eleme. Cn / # / useful – cn
  3. iViewUI：www.iviewui.com/
  4. Layui：www.layui.com/
  5. CubeUI: didi. Making. IO/cube – UI / # / z…
  6. Antd: ant. The design/index – cn
  7. MUI：dev.dcloud.net.cn/mui/
  8. The Animate. CSS: daneden. Making. IO/Animate. CSS…

9. Brush

  1. JS question bank: leetcode-cn.com/
  2. Brush algorithm :www.lintcode.com/
  3. Web development exercises: www.freecodecamp.org/

10. Code hosting platform

  1. Coding code hosting platform: coding.net/
  2. Code cloud code hosting platform: gitee.com/
  3. Github code hosting platform: github.com/
  4. SVN code hosting platform: svnbucket.com/?ADTAG=bdss…
  5. SVN code hosting center: www.svnchina.com/
  6. Git-scm.com/
  7. Aliyun: www.aliyun.com
  8. Tencent cloud: cloud.tencent.com/

11. The community class

  1. Code God Island: msd.misuland.com/
  2. Nuggets: juejin. Cn
  3. Think no: segmentfault.com/
  4. Zhihu: www.zhihu.com
  5. Stack Overflow:stackoverflow.com/
  6. V2ex community: www.v2ex.com/
  7. CtoLib code library: www.ctolib.com
  8. Niuke.com: www.nowcoder.com
  9. FCC Chinese Website: www.freecodecamp.one/
  10. Web development mutual aid: hz.uyi2.com/

12. Project cooperation

  1. Zen: www.zentao.net/
  2. Blue Lake (PHOTOSHOP cutout) : lanhuapp.com/

13. News and information

  1. The FCC’s Medium channel: www.freecodecamp.org/news/
  2. The React news subscription: reactjsnewsletter.com/issues
  3. Community: hashnode.com/
  4. Node weekly :nodeweekly.com/
  5. Front-end focus :frontendfoc.us/
  6. JavaScript weekly: javascriptweekly.com/
  7. infoQ:www.infoq.cn/

14. Class books

  1. Development document: devdocs.io/

Due to some reasons, most of the content of this module has been abandoned, hope readers forgive

15. Study websites

  1. Delicious classroom: miaov.com/
  2. Moocs: www.imooc.com/
  3. Www.study.163.com/
  4. Chinese University MOOC: www.icourse163.org/
  5. tutorialspoint：www.tutorialspoint.com/index.htm
  6. HTML Chinese website: www.html.cn/
  7. hCoder：www.hcoder.net/
  8. Kounding School: www.codingke.com/
  9. Let’s go: www.kaikeba.com/
  10. Book stack: www.bookstack.cn/

16. Apply for a website

  1. Pull the hook: www.lagou.com/
  2. Boss direct hire: www.zhipin.com/?sid=sem_pz…
  3. Liepin.com: www.liepin.com/
  4. Zhaopin: landing.zhaopin.com/register
  5. Morning and night (domestic remote engineer recruitment) : yizaoyiwan.com/

17. Casual websites

  1. App Cinema: www.appmovie.net/
  2. Stars Cinema: www.vodxc.in/
  3. 80s mobile phone movie: y80s.com/
  4. Dada Rabbit Cinema: www.jlszyy.cc/
  5. Japanese film and television: www.jp2468.com/
  6. Egg zan consultation with cinema: www.twoeggz.com/
  7. Unique library: www.duboku.tv/
  8. Bilibilii: www.bilibili.com/
  9. Stinky Tofu movie: www.cdfdy.com/

18.extra

  1. Connect project connect private website summary: blog.csdn.net/weixin_4360…
  2. Front end test questions one to three years: blog.csdn.net/weixin_4360…
  3. Front end test questions three to five years: blog.csdn.net/weixin_4360…
  4. Resource data: www.ceicdata.com
  5. 99 Books net [non-IT industry books] : www.99lib.net/book/
  6. Investment news: news.pedaily.cn/
  7. CSDN Wu Xiaodi blog: blog.csdn.net/weixin_4360…

Solutions to problems encountered

As a front-end developer (all programmers) at least when they encounter a bug they should be able to find the answer to the problem if not solve it.

  1. Generally, THE author will search in Baidu first (keywords must be entered correctly)
  2. If not, check bing
  3. If you haven’t, check out Github Issues
  4. If that doesn’t work then you have to read the official documents and do your own research.

Reprinted friends please note that this article is updated at any time. Please indicate the source when reprinting, thank you!