s

前端知识图谱 转

发表于 | 分类于 | 浏览 次

综合类

入门类

效果类

工具类

慕课专题

周报类

六. API:

总目录

开发中心

综合搜索

综合API

2. jQuery

  • jQuery API 中文文档

  • hemin 在线版

  • css88 jq api

  • css88 jqui api

  • 学习jquery

  • jquery 源码查找


    • 3. Ecmascript



    4. Js template



    5. 弹出层



    6. CSS



    7. Angularjs



    8. React



    9. 移动端API



    1. API


      2. #### 框架
    2. 特色的HTML框架可以创建精美的iOS应用

    3. 淘宝SUI




    10. avalon



    11. Requriejs



    12. Seajs



    13. Less,sass



    14. Markdown



    15. D3



    16. 兼容性



    17. UI相关



    18. HTTP



    19. 其它API



    20. 图表类



    21. vue


    21. 正则

    • JS正则表达式元字符

    • 正则表达式30分钟入门教程

    • MDN-正则表达式

    • ruanyifeng - RegExp对象

    • 小胡子哥 - 进阶正则表达式

    • is.js

    • 正则在线测试

      • 22. ionic

      • ionic


        • 23. 其它



        ### 七. 开发规范


        1. 前端




          2. #### PHP
          - 最流行的PHP 代码规范
          - 最流行的PHP 代码规范

          #### Android
          - 【敏捷开发】Android团队开发规范
          - Android 开发规范与应用
          ## 八. 其它收集
          ### 1. 各大公司开源项目

          ### 2. Javascript
          #### 常用
          - ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
          - 模拟键盘
          - 拼音
          - 中国个人身份证号验证
          #### 算法
          - 数据结构与算法 JavaScript 描述. 章节练习
          - 常见排序算法（JS版）
          - 经典排序
          - 常见排序算法-js版本
          - JavaScript 算法与数据结构 精华集
          - 面试常考算法题精讲
          -
          #### 移动端
          - fastclick
          - no-click-delay
          #### JSON
          - 模拟生成JSON数据
          - 返回跨域JSONAPI
          ### 3. Html5

          ### 4. CSS

          5. jQuery

          1. 焦点图


          - myfocus
          - myfocus-官方演示站
          - SuperSlidev2.1 – 大话主席
          - soChange
          ### 6. Ext, EasyUI, J-UI 及其它各种UI方案
          #### Ext
          - extjs
          - ext4英文api
          - ext4中文api
          -
          #### EasyUI
          - jquery easyui 未压缩源代码
          #### J-UI
          - J-UI
          #### Other
          - MUI-最接近原生APP体验的高性能前端框架
          - Amaze UI | 中国首个开源 HTML5 跨屏前端框架
          - 淘宝 HTML5 前端框架
          - KISSY - 阿里前端JavaScript库
          - 网易Nej - Nice Easy Javascript
          - Kendo UI MVVM Demo
          - Bootstrap
          - Smart UI
          - 雅虎UI - CSS UI
          ### 7. 页面 社会化 分享功能

          8. 富文本编辑器



          ### 9. 日历
          #### pc
          - 经典my97
          - 强大的独立日期选择器
          - fullcalendar
          - fullcalendar日历控件知识点集合
          - 中文api
          - 农历日历
          - 超酷的仿百度带节日日历老黄历控件
          - 日期格式化
          - 大牛日历控件
          - 我群某管理作品
          - input按位替换-官网
          - input按位替换-github
          - bootstrap-daterangepicker
          - 国外30个插件集合
          - JavaScript datepicker
          - Datepair.js
          - 一个风格多样的日历
          - 弹出层式的全日历
          - jquery双日历
          #### 移动
          - 大气实用jQuery手机移动端日历日期选择插件
          - jQuery Mobile 移动开发中的日期插件Mobiscroll

          #### Date library
          - Datejs
          - sugarjs
          ### 10. 综合效果搜索平台

          ### 11. 前端工程化
          #### 概述
          - 前端工具大全
          - 什么是前端工程化
          #### Gulp
          - Gulp官网
          - Gulp中文网
          - gulp资料收集
          - Gulp：任务自动管理工具 - ruanyifeng
          - Gulp插件
          - Gulp不完全入门教程
          - 为什么使用gulp?
          - Gulp安装及配合组件构建前端开发一体化
          - Gulp 入门指南
          - Gulp 入门指南 - nimojs
          - Gulp入门教程
          - Gulp in Action
          - Gulp开发教程（翻译）
          - 前端构建工具gulpjs的使用介绍及技巧

          #### Grunt
          - gruntjs
          - Grunt中文网

          #### Fis
          - fis 官网
          - fis
          ### 12. 轮播图
          #### pc图轮
          - 单屏轮播sochange
          - 左右按钮多图切换
          - fullpage全屏轮播
          #### 移动端
          - 无缝切换
          - 滑屏效果
          - 全屏fullpage
          - 单个图片切换
          - 单个全屏切换
          - 百度的切换库
          - 单个全屏切换
          - 滑屏效果
          - 旋转拖动设置
          - 类似于swipe切换
          - 支持多种形式的触摸滑动
          - 滑屏效果
          - 大话主席pc移动图片轮换
          - 滑屏效果
          - 基于zepto的fullpage
          - [WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应
          - 判断微信客户端的那些坑
          - 可以通过javascript直接调用原生分享的工具
          - JiaThis 分享到微信代码
          - 聊聊移动端跨平台开发的各种技术
          - 前端自动化测试
          - 多种轮换图片
          - 滑动侧边栏
          ### 13. 文件上传

          14. 模拟select


          15. 取色插件

          • 类似 Photoshop 的界面取色插件

          • jquery color

          • 取色插件集合

          • farbtastic 圆环＋正方形

            • 16. 城市联动

            • jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果

              • 17. 剪贴板

              • 剪贴板

              • clipboard 最新的剪切方案

              • 不是Flash的剪贴板


                • 18. 简繁转换



                19. 表格 Grid



                20. 在线演示



                21. 播放器



                22. 粒子动画



                九. Nodejs



                ## 十. 性能优化

                1. 常规优化


                - Javascript高性能动画与页面渲染
                - 移动H5前端性能优化指南
                - 5173首页前端性能优化实践
                - 给网页设计师和前端开发者看的前端性能优化
                - 复杂应用的 CSS 性能分析和优化建议
                - 张鑫旭——前端性能
                - 前端性能监控总结
                - 网站性能优化之CSS无图片技术
                - web前端性能优化进阶路
                - 前端技术：网站性能优化之CSS无图片技术
                - 浏览器的加载与页面性能优化
                - 页面加载中的图片性能优化
                - Hey——前端性能
                - html优化
                - 99css——性能
                - Yslow——性能优化
                - YSLOW中文介绍
                - 转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化
                - Yahoo!团队实践分享：网站性能
                - 网站性能优化指南：什么使我们的网站变慢？
                - 网站性能优化实践，减少加载时间，提高用户体验
                - 浅谈网站性能优化 前端篇
                - 前端重构实践之如何对网站性能优化？
                - 前端性能优化：使用媒体查询加载指定大小的背景图片
                - 网站性能系列博文
                - 加载，不只是少一点点
                - 前端性能的测试与优化
                - 分享网页加载速度优化的一些技巧？
                - 页面加载中的图片性能优化
                - web前端优化(基于Yslow)
                - 网站性能优化工具大全
                - 【高性能前端1】高性能HTML
                - 【高性能前端2】高性能CSS
                - 由12306谈谈网站前端性能和后端性能优化
                - AlloyTeam——前端优化
                - 毫秒必争，前端网页性能最佳实践
                - 网站性能工具Yslow的使用方法
                - 前端工程与性能优化（上）：静态资源版本更新与缓存
                - 前端工程与性能优化（下）：静态资源管理与模板框架
                - HTTPS连接的前几毫秒发生了什么
                - Yslow
                - Essential Web Performance Metrics — A Primer, Part 1
                - Essential Web Performance Metrics — Part 2
                - YUISlide,针对移动设备的动画性能优化
                - Improving Site Performance
                - 让网站提速的最佳前端实践
                - Why Website Speed is Important
                - Need for Speed – How to Improve your Website Performance
                - 阿里无线前端性能优化指南 (Pt.1 加载期优化)
                -

                1. 优化工具


                - JavaScript 性能分析新工具 OneProfile
                - JavaScript 堆内存分析新工具 OneHeap

                1. 在线工具


                - google在线工具
                - 阿里测
                - 阿里-免费测试服务
                - 阿里-F2etest多浏览器兼容性测试解决方案
                - js性能测试
                -

                十一. 前端架构


                十二. 个人作品

                1. 推荐作品

                • winter代码片段需要翻墙

                • fgm

                • 岑安作品集

                • 当耐特demo集合

                • 米空格 js作品

                • myFocus

                • SeaJS组件库

                • 颜海镜作品

                • 脚儿网作品

                • javascript个人作品

                • 妙味的雷东升游戏作品

                • javascript作品集

                • 云五笔，灰度产生生成工具

                • 项目主页

                • 个性的作品主页

                • 播放器

                • ucren js demos 集

                • 智能社

                • 实例陈列架

                • zoye demo

                • 王员外

                • 平凡

                • jyg 游戏案例

                • 很多jquery插件

                • 不羁虫 - soJs 作品系列

                • frozenui

                • 黑白棋

                • fromone

                  • 2. 群员作品

                  • MDialog - [合肥-M.J]

                  • 轮播图 - [上海－冷静]

                  • [广州—坚壳]

                  • [成都 - 无痕]　感恩节专题

                  • [球霸天]

                  • [北京-小数]

                  • [ptf] Magix 工具

                  • [杭州-Pft] Magix 基于 MVC 结构和 Hash 驱动的 OPOA（One Page One Application）应用

                  • [上海-剧中人]-实验室

                  • [上海-豪情 ] 作品集合

                  • [成都-feeling]

                  • [上海-angela]

                  • [海南-hank]作品

                  • [上海-张力]博客

                  • [上海-zenki]作品

                  • 移动端图案解锁

                  • [合肥-M.J] - MPreview 移动端图片预览组

                  • [合肥-M.J] - Mexam 移动端在线做题组

                  • [北京-苏瑞] - dancer小人

                  • [上海-玄沐]- 个人网站

                  • [厦门-二哲]- 个人博客

                    • 3. 国外大牛精品

                    • pazguille

                      • 十三. 简历模板

                      • 不错的个人简历

                      • 简历

                      • 张伦

                      • 简历

                      • 翁天信

                      • 动画方式的简历

                      • 组件丰富简历

                      • 简历池

                      • haorooms博客

                      • Justin Young


                        • 十四. 面试题

                        • 那几个月在找工作（百度，网易游戏）

                        • 2014最新面试题

                        • 阿里前端面试题

                        • 2016校招内推 – 阿里巴巴前端 – 三面面试经历

                        • 腾讯面试题

                        • 年后跳槽那点事：乐视+金山+360面试之行

                        • 阿里前端面试题上线

                        • 拉勾网js面试题

                        • 前端面试

                        • Web开发笔试面试题 大全

                        • 前端开发面试题

                        • 2014最新前端面试题

                        • 百度面试

                        • 面试题

                        • 前端工作面试问题

                        • 前端开发面试题

                        • 5个经典的前端面试问题

                        • 最全前端面试问题及答案总结

                        • 如何面试一名前端开发工程师？

                        • 史上最全 前端开发面试问题及答案整理

                        • 前端实习生面试总结

                        • 史上最全 前端开发面试问题及答案整理

                        • BAT及各大互联网公司2014前端笔试面试题：JavaScript篇

                        • 前端开发面试题大收集

                        • 收集的前端面试题和答案

                        • 如何面试前端工程师

                        • 前端开发面试题

                        • 牛客网-笔试面经

                          • 十五. iconfont

                          • 中文字体

                          • 淘宝字库

                          • 字体

                          • 制作教程

                          • zhangxinxu-icommon

                          • icommon

                          • 用字体在网页中画ICON图标(推荐教程)

                          • 字体压缩工具 感谢初级群　[深圳-小鱼] 的推荐

                            • 十六. 开发工具类

                            1. 前端开发工具