Git Product home page Git Product logo

fek's Introduction

导航

前端代码规范

前端开发IDE

1.Sublime 3,视频教程 插件:

2.Atom

  • awesome-atom A curated list of delightful Atom packages and resources.

3.webstorm

国外篇

  • Yeoman:现代WebApp脚手架工具,带有很多generator生成器,比如:generator-webapp,generator-mobile移动优先,慕课网视频教程老湿很牛
  • Grunt:javasript的build工具,开发常用的例如压缩(minification)、编译、单元测试、linting等;
  • Bower:javascript库管理工具
  • Gulp:Grunt竞争对手,Grunt的插件职责不单一,Gulp针对这方面有所改进,后起之秀有架构方便的优势
  • webpack
  • gulp-starterA delicious blend of gulp tasks combined into a configurable asset pipeline and static site builder

国内篇

  • JDF 京东前端集成解决方案
  • F.I.S 前端集成解决方案,百度FEX团队贡献,视频教程(有惊喜),相对Grunt和Gulp容易入手,访问没有限制
  • Spirit腾讯移动Web整体解决方案,腾讯Alloyteam团队贡献

前端知识自我修养

国内篇

国外篇

CSS

1.Animate

国内篇

国外篇

  • Animate.css:A cross-browser library of CSS animations. As easy to use as an easy thing.
  • bounce.js: Create beautiful CSS3 powered animations in no time
  • magic CSS3 Animations with special effects
  • font-awesome-animation Simple animations using FontAwesome and some CSS3

2.FlexBox

  • solved-by-flexbox A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
  • flexibility Use flexbox while supporting older Internet Explorers
  • FLEXBOX FROGGY 用游戏学习 CSS Flexbox

3.Loading集合

4.Framework

  • Materialize Materialize, a CSS Framework based on Material Design

JS

1.Scroll

2.Chart

3.Drag and drop

  • dragula Drag and drop so simple it hurts

4.animations

  • dynamics.js Javascript library to create physics-based CSS animations

5.剪切板

  • clipboard Modern copy to clipboard. No Flash. Just 2kb

6.金融

  • accounting.js A lightweight JavaScript library for number, money and currency formatting
  • card 银行卡格式化
  • cleave.js 银行卡、时间、数字、手机等格式化,支持CommonJS / AMD和React组件

7.图片处理

  • 剪切 剪切图片中主要内容
  • grade 提取图片主题色,并生成过渡的渐变  - guetzli Google,Perceptual JPEG encoder

8.SVG

  • Snap.svg The JavaScript library for modern SVG graphics.
  • svg.js A lightweight library for manipulating and animating SVG
  • awesome-svg

9.滑动组件

  • Swiper Most modern mobile touch slider with hardware accelerated transitions
  • iSlider Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
  • fullpage For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.
  • lightgallery.jsFull featured JavaScript image & video gallery. No dependencies

10.上传

  • uppie Cross-browser directory uploads made easy

11.WebSQL

  • WebSqlSync Synchronize a local WebSQL DB to a server

12.正则表达式

13.框架和库

14.JSON

  • lave Why not just use JSON.stringify?

NodeUtility

  • query-string Parse and stringify URL query strings
  • lodash A modern JavaScript utility library delivering modularity, performance, & extras

XSS

  • js-xss 根据白名单过滤HTML(防止XSS攻击)

前端单元测试工具

  • totoro 简单稳定的前端单元测试工具
  • PhantomJS支持web而不需浏览器支持,其快速,原生支持各种Web标准:DOM 处理, CSS 选择器, JSON, Canvas, 和SVG。PhantomJS可以用于页面自动化,网络监测,网页截屏,以及无界面测试等,更多...
  • Mocha是一个基于node.js和浏览器的集合各种特性的Javascript测试框架,并且可以让异步测试也变的简单和有趣

在线图书/学校

Web性能优化

GitHub

Frontend Boilerplate

  • Frontend Boilerplate webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate
  • react-boilerplate 🔥 Quick setup for performance orientated, offline-first React.js applications featuring Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha.

Front-end-Web-Development-Interview-Question

UED官网


机器学习


其他


fek's People

Contributors

nowgoant avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.