Front-end development commonly used URL navigation
Front-end development commonly used URL navigation
Stack Overflow
The world's largest technical question-and-answer website.
MDN Web Docs
MDN Web Docs is an open source collaborative project that documents Web platform technologies, including CSS, HTML, JavaScript, and Web APIs.
CodePen
An online front-end code editing tool (can be used to make test pages, code debugging).
Common front-end frameworks
Vue.js
Vue is a progressive framework for building user interfaces. Vue can be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to use, but also easy to integrate with third-party libraries or existing projects. When combined with a modern toolchain and various supporting libraries, Vue is also fully capable of powering complex single-page applications.
uni-app
uni-app is a framework for developing all front-end applications using Vue.js. Developers write a set of codes that can be published to iOS, Android, Web (responsive), and various small programs (WeChat/Alipay/Baidu/Toutiao/ Feishu/QQ/Kuaishou/DingTalk/Taobao), Quick App and other platforms.
HTML5 + (manipulate APP native functions)
https://www.html5plus.org/doc/h5p.html
App offline packaging SDK
https://nativesupport.dcloud.net.cn/AppDocs/README
Electron
Electron is a framework for building desktop applications using JavaScript, HTML, and CSS. Embedding Chromium and Node.js into the Electron binary allows you to maintain a JavaScript code base and create cross-platform applications that run on macOS and Linux—no local development experience required.
Use of Electron+vue
https://www.jianshu.com/p/839362c64bdb
mpue
mpvue ( see github address ) is a front-end framework for developing applets using Vue.js. The framework is based on the core of Vue.js, and mpvue modifies the implementation of runtime and compiler of Vue.js so that it can run in the applet environment, thus introducing a whole set of Vue.js development experience for applet development.
Weex
Weex is a framework for developing high-performance native applications using popular web development experiences. It enables developers to build Android, iOS and Web applications based on a common cross-platform Web development language and development experience.
Bootstrap
Bootstrap is a front-end framework for rapid development of web applications and websites. Bootstrap is based on HTML, CSS, JAVASCRIPT.
Rookie tutorial
https://www.runoob.com/bootstrap/bootstrap-tutorial.html
Layui
layui (homophonic: class UI) is a front-end UI framework written by its own module specification, following the writing and organization of native HTML/CSS/JS, with extremely low threshold and ready-to-use.
The official website is offline, the following is the mirror address
https://lh_yun.gitee.io/layui/www.layui.com/doc/index.html
Nuxt.js
Nuxt.js is a general application framework based on Vue.js.
uView
uView UI is a uni-app ecological framework fully compatible with nvue.
Front-end commonly used library
React
React is a declarative, efficient and flexible JavaScript library for building user interfaces.
component library
Vant
A lightweight and reliable mobile Vue component library.
Element
Element, a Vue 2.0-based desktop component library for developers, designers and product managers.
Ant Design
Ant Design of React
antd is a React UI component library based on the Ant Design design system, which is mainly used for developing enterprise-level mid- and back-end products.
Ant Design of Vue
Here is the Vue implementation of Ant Design, which develops and serves enterprise-level backend products.
Thor UI
Thor UI is a lightweight and concise mobile component library that contains dual versions of uni-app and native applets.
other libraries
visualization library
DataV
The component library is based on Vue ( React version ), and is mainly used to build large-screen (full-screen) data display pages, that is, data visualization.
ECharts
An open source JavaScript-based visual charting library
Moment.js
JavaScript date processing library
Cleave.js
Formats the content of <input />
Animate.css
CSS animation library
Chinese website:
http://www.animate.net.cn/
jQuery plugin library
jQuery plug-in library commonly used front-end library reference address
The following addresses refer to the third-party CDN public library. This site will update the fastest third-party library in time to ensure that the library you refer to can be called quickly and normally.
WeChat development
WeChat Official Documentation | WeChat Open Documentation
WeChat applet
WeChat public account
https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html
WeChat web development
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
Micro-channel public platform
UI/UE
color matching
rgb
RGB color table
Blue Lagoon DSM
Component color scheme
WEB color scheme
[WEB] Front-end system color scheme
Prototype
blue lake
Blue Lagoon - Online Product Prototyping
ink knife
Ink knife - online product prototyping
Muke
Muke-online product prototyping
icon library
Iconfont
Iconfont-Alibaba Vector Icon Library
IconPark
IconPark ByteDance icon library
font
100font copyright free fonts
HTML symbols
HTML Special Characters and Symbols Encyclopedia