Updates continue at…….
1. Responsive frameworks
Vue
Progressive JavaScript framework
Liverpoolfc.tv: cn.vuejs.org/
React
A JavaScript library for building user interfaces
Liverpoolfc.tv: react.docschina.org/
2. Data visualization framework
Echarts
ECharts is an open source visualization library using JavaScript, which can run smoothly on PC and mobile devices. It is compatible with most browsers (IE8/9/10/11, Chrome, Firefox, Safari, etc.), and relies on ZRender, the vector graphics library. Provide intuitive, interactive and highly customizable data visualization charts.
Website: www.echartsjs.com/zh/index.ht…
AntV
AntV is a new generation of data visualization solutions of Ant Financial, committed to providing a set of simple, professional and reliable data visualization best practices with infinite possibilities.
Liverpoolfc.tv: antv. Gitee. IO/useful
3. Cross-end frame
React Native
Write native mobile apps using JavaScript and React
Liverpoolfc.tv: reactnative. Cn /
Weex
Weex is a framework for developing high performance native applications using modern Web technologies.
Liverpoolfc.tv: weex.apache.org/zh/
Taro
Taro multi-terminal unified development solutions
Liverpoolfc.tv: taro. Aotu. IO /
uni-app
Uni-app is a framework for developing all front-end applications using vue.js. Developers write a set of code that can be published to iOS, Android, H5, and various small programs (wechat/Alipay/Baidu/Toutiao /QQ/ Dingding) and other platforms.
Liverpoolfc.tv: uniapp. Dcloud. IO /
4. Enterprise-level middle background
Ant Design Pro
Out-of-the-box mid-platform front-end/design solution
Liverpoolfc.tv: pro. Ant. The design/index – cn
Fly ice
Simple and friendly front-end research and development system, massive reusable materials, with IDE speed to build front-end applications
Liverpoolfc.tv: ice. Work /
5. UI
Element
Vue 2.0 – a desktop component library for developers, designers and product managers
Liverpoolfc.tv: element. The eleme. Cn / # / useful – cn
Ant Design
Enterprise product design system to create efficient and joyful work experience – Ali
Liverpoolfc.tv: ant. The design/index – cn
Cube UI
A sophisticated mobile component library based on vue.js
Liverpoolfc.tv: didi. Making. IO/cube – UI / # / z…
Taro UI
A set of multi-terminal UI component library developed based on the Taro framework
Liverpoolfc.tv: taro-ui.jd.com/#/
6. The CSS
Sass
2007, the earliest and most mature CSS preprocessor, has two syntax, with.sass and.scss extensions respectively. SCSS is a new syntax introduced by Sass 3. It is fully compatible with CSS3 and inherits the powerful functions of Sass. It is closer to the syntax structure of CSS
Website: www.sass.hk/
Less
2009, influenced by Sass, with.less as the extension
Address: lesscss. Cn /
Stylus
2010, from the Node.js community, mainly used to support CSS preprocessing for Node projects, with.styl as the extension
Address: stylus.bootcss.com/
animate.css
🍿 A cross-browser library of CSS animations. As easy to use As an easy thing.
Address: github.com/daneden/ani…
7. Image processing
cropperjs
JavaScript Image Cropper
Address: github.com/fengyuanche…
img-2
Lazy loading of images
Address: github.com/RevillWeb/i…
Fabric.js
Canvas based development, support drag picture synthesis.
Address: github.com/fabricjs/fa…
SpriteJS
A cross-platform high-performance graphics system that supports web, Node, desktop, and applets graphics drawing and animation effects
Address: github.com/spritejs/sp…
8. Common tool kits
fetch
HTTP library Web side
Address: github.com/github/fetc…
axios
Easy to use, concise, and efficient HTTP library. Node Used on the Web
Address: github.com/axios/axios
regexr
regular
Address: [https://github.com/gskinner/regexr]
lodash
Lodash is a set of libraries that encapsulate functions for handling common data types such as strings, arrays, and objects.
Website: [https://lodash.com/]
purifycss
Unused CSS. Also works with single-page apps. (It can help you Remove unused CSS, Also a small optimization point)
Address: github.com/purifycss/p…
9. NB stuff!!
imgcook
Intelligent generation of code by the design draft
Address: imgcook.taobao.org/
10. Vue
Vue-Router
Vue Router is the official route manager of vue.js. Its deep integration with vue.js core makes building single-page applications a breeze.
Address: router.vuejs.org/zh/
Vuex
Vuex is a state management mode developed specifically for vue.js applications. It uses centralized storage to manage the state of all components of an application and rules to ensure that the state changes in a predictable way.
Address: vuex.vuejs.org/zh/
Vue CLI
🛠️ vue.js is a standard tool for development
Address: cli.vuejs.org/zh/
VuePress
Vue – driven static web site generator
Website: www.vuepress.cn/
vue-virtual-scroller
Vue based virtual list unlimited scrolling, performance is good ~
Website: https://github.com/Akryum/vue-virtual-scroller
Vue.Draggable
Drag and drop elements
Website: https://github.com/SortableJS/Vue.Draggable
11. React
12. The mobile terminal
Swiper
Mainly used to solve the mobile end of the touch sliding, like what wheel broadcast graph ah, sliding up and down ah, use it on the ~
Website: [https://swiperjs.com/]
fullPage
Very easy to use full screen sliding library, go to the official website to see the demo can feel ~
Address: [https://alvarotrigo.com/fullPage/zh/#page2]
PhotoSwipe
Picture preview component, support mobile end, relative to the above component library surface, relatively light weight ~
Swiper + PhotoSwipe + fullPage, the common WECHAT H5 page is not a problem!! 😝
Address: [https://github.com/dimsemenov/photoswipe]
HAMMER.JS
Mobile gesture library, pretty good drop ~
Address: [https://github.com/hammerjs/hammer.js]
clearing
direction-reveal
lax.js
nodeppt