Front-end-resource-collection
Front-end-resource-collection copied to clipboard
deepthan
前后端日常总结
Front-end-resource-collection
前后端总结。
Javascript
| 标题 | 标题 |
|---|---|
| console全集 |
| 介绍 | 地址 |
|---|---|
| 你可能不需要jquery: 用原生实现jquery写法 | github仓库 / 对比网站 |
| 注释规范(待整理) | github |
动画
canvas
| Article | Article |
|---|---|
| Canvas API | HTML5 canvas |
新技术
| Reference | Reference |
|---|---|
| 2018 年最值得关注的 JavaScript 趋势 |
准则&规范
| Reference | Reference |
|---|---|
| 干净的 JavaScript 代码准则clean-code-javascript | JavaScript 风格指南 |
UI
CSS
| Article | Article |
|---|---|
| CSS Flex布局 | 移动前端开发CSS3 |
| 响应式布局 媒体查询 | CSS图片响应式布局 |
| lessDemo的less文件 | |
| Reference | Reference |
| CSS 语法参考 | CSS3动画手册 |
| 腾讯css3动画制作工具 | animate.css |
| Animated Books with CSS 3D Transforms | Browserhacks |
| NEC,网易出品的更好的css方案 | storybook |
| div居中对齐 | CSS新特性 |
| sass教程 |
| 小技巧 | 小技巧 |
|---|---|
| 一个div在另外一个div横向居中,纵向自定义 |
HTML
| Article | Article |
|---|---|
| HTML5有哪些让你惊艳的demo | Wallpaperbetter |
| 前沿的技术 |
图表
| Article | Article |
|---|---|
| echarts官网 | echarts github |
| Highcharts |
兼容性
| Article | Article |
|---|---|
| html/css标签、属性在各个浏览器中的支持情况 |
React
Node
| Node | Article |
|---|---|
| node技巧 | NodeJs静态服务器 |
| Reference | Reference |
| Node.js 包教不包会 | 七天学会NodeJS |
| 从零开始nodejs系列文章 | Node入门 |
| Node初学者入门，一本全面的NodeJS教程 |
Gulp
| Gulp | Article |
|---|---|
| Gulp Demo | |
| Gulp | Reference |
| Gulp官网 | Gulp中文网 |
| Gulp资料收集 | Gulp：任务自动管理工具 - ruanyifeng |
| Gulp插件 | Gulp不完全入门教程 |
| Gulp 入门指南 |
webpack
| 转载 | 转载 |
|---|---|
| 搜罗一切webpack的好文章好工具 |
其他
| Other | Article |
|---|---|
| Cordova配置（WebApp混合开发环境） | 微信公众号开发 |
| Atom技巧总结 | Mac小技巧 |
| CSDN页面内JS跳转脚本 | CSDN博客隐藏配置 |
| 百度设置小度机器人出现 | 前端冷知识，妙用浏览器地址栏 |
| Vim笔记 | Cordova配置&&Ionic配置（WebApp混合开发环境） |
| IE8及以下按钮超链接无法跳转的问题 |
浏览器
| Article | Article |
|---|---|
| 判断浏览器及其版本 | 浏览器概念 |
| 浏览器渲染过程详解 |
阿里手淘
| Article | Article |
|---|---|
| 可伸缩布局方案 | article |
分享功能
| Share | Reference |
|---|---|
| 百度分享(PC) | JiaThis(PC) |
| 社会化分享组件(Mobile) | ShareSDK轻松实现社会化功能(Mobile) |
| 友盟分享(Mobile) |
在线演示
| Reference | Reference |
|---|---|
| js 在线编辑 - runjs | js 在线编辑 - jsbin |
| js 在线编辑 - codepen | js 在线编辑 - jsfiddle |
| java 在线编辑 - runjs | js 在线编辑 - hcharts |
| js 在线编辑 - jsdm | sql 在线编辑 - sqlfiddle |
| mozilla 在线编辑器 |
富文本编辑器
| Reference | Reference |
|---|---|
| 百度ueditor | ckeditor |
| tinymce | kindeditor |
| wysiwyg | BachEditor |
| simditor | summernote |
| Squire | wangEditor |
Chrome
性能优化
CDN
| Reference | Reference |
|---|---|
| Jquery&Bootstrap中文网开源项目免费 CDN 服务 | Bootstrap中文网开源项目免费 CDN 服务 |
| 新浪CDN | 百度静态资源公共库 |
| 开放静态文件 CDN - 七牛 | CDN加速 - jq22 |
| 微软CDN | Angular CDN |
| 360网站卫士常用前端公共库CDN服务 |
Git
| Article | Article |
|---|---|
| git 报错集及解决方法 | git关联仓库、拉取代码、提交代码完整流程 |
| 利用git新建分支 | 两种方法解决git每次push都要填写账号密码问题 |
| 查看本地分支对应远程哪个分支 | 查看本地和远程有哪些分支 |
| 更改本地分支对应的远程分支 |
| Reference | Reference |
|---|---|
| Git操作 | Git CSDN Blog |
| Git-scm | Git-for-windows |
| 廖雪峰-Git教程 | Gogithub |
| Git常规命令练习 | Git的资料整理 |
| 我所记录的git命令（非常实用） | GitHub 漫游指南 |
| GitHub秘籍 | 动画方式练习git |
| Git操作 | Git CSDN Blog |
npm
| 用法 | 用法 |
|---|---|
| 在npm发布自己的angular包 | 代理 |
| 报错解决 | 报错解决 |
|---|---|
| 关于npm 连接错误或者设置了代理 |
yarn
| Article | Article |
|---|---|
| yarn用法 | |
| Reference | Reference |
| yarn官网： 用法/ 下载 | yarn github |
| yarn和npm区别: Yarn vs npm: 你需要知道的一切 |
nginx
| Reference | Reference |
|---|---|
| 官网 | Nginx安装及配置详解 |
| Reference | Reference |
|---|---|
| 淘宝在Nginx的基础上，添加了功能和特性Tengine |
Sass&Less
| Article | Article |
|---|---|
| Less教程 | |
| Reference | Reference |
| Sass | Sass中文文档 |
| Less |
Markdown
| Reference | Reference |
|---|---|
| Markdown 语法说明 (简体中文版) | Markdown入门参考 |
| Mdeditor(一款国内的在线markdown编辑器) | Stackedit(国外的在线markdown编辑器，功能强大，同步云盘) |
| Mditor一款轻量级的markdown编辑器 | lepture-editor |
| Markdown-editor |
前端文档
前端规范
前端面试
前端网站
| Reference | Reference |
|---|---|
| 掘金 | 百度FEX |
| 阿里UED | 菜鸟教程 |
| QDFuns | 幕课网 |
| Codepen | Sentsin |
| CTOLib | CTOLib/Node |
JS练习
| Reference | Reference |
|---|---|
| Codewars | Javascript-puzzlers |
| Freecodecamp中文版 | ES6katas |
| Now Coder牛客网 | Leetcode |
| Nodeschool | Hackerrank |
读书笔记
| Article | Article |
|---|---|
| JavaScript权威指南（第六版） | JavaScript DOM 编程艺术 |
| JavsScript高级程序设计（第三版） | 学习Javascript数据结构与算法 |
| JavaScript设计模式与开发实践 | 高性能JavaScript |
| 你不知道的JavaScript（YOU DONT KNOW JAVASCRIPT） |
算法
| Reference | Reference |
|---|---|
| 数据结构与算法 JavaScript 描述. 章节练习 | 常见排序算法（JS版） |
| 经典排序 | 常见排序算法-js版本 |
| 算法-每日练习 |
书籍
| 书名 | 书名 |
|---|---|
| Exploring-ES6翻译 | 阮一峰 ES6 |
| ECMA-262，第 5 版 | ES5 |
| JavaScript Promise迷你书（中文版） | 阮一峰 JavaScript 标准参考教程 |
| 前端网络开发小书 | |
| JavsScript高级程序设计（第三版）作者正在写的： | Understanding ECMAScript 6 |
| 经典的计算机科学范例、算法和用JavaScript编写的方法汇总 | computer-science-in-javascript |
| 书单 | 书单 |
|---|---|
| 成为一名优秀的Developer的书单 | 前端进阶书单 |
博客
| Reference | Reference |
|---|---|
| 谷歌开发者中文博客 | 腾讯全端团队 |
wordpress && php
| 方法 | 方法 |
|---|---|
| php发送邮件 | php抓取页面内容 |
| wordpress模板构造 | 上传文件 |
| wordprss里面分别怎么取出父子分类信息 | php 请求数据 |
| 循环打印文章中自定义栏目 |
| 函数调用 | 函数调用 |
|---|---|
| 调用博客名称、地址和描述 | 调用文章相关 API |
| 获得自定义文章 | 获得文章类型名称 |
| 如何引入文件 | 点击某个分类名称直接进入分类内容 |
| 文章自定义栏目调用 | wordpress方法集 |
| 问题解决 | 问题解决 |
|---|---|
| 上传显示超出upload_max_filesize |
| 插件 | 插件 |
|---|---|
| 主题更新插件： Easy Theme and Plugin Upgrades | seo插件： All in One SEO Pack |
| wordpress富文本编辑器: Kindeditor For Wordpress | 导入导出数据: WordPress 导入工具 |
代码风格
| javascript | javascript |
|---|---|
| Google JavaScript Style Guide | JavaScript Style Guide,star 66k |
| ES5风格指南：英文版/ 中文版 | |
| ES6/ES2015风格指南中文版 | React/JSX 编码规范: 英文版/ 中文版 |
| css | css |
|---|---|
| javascript里css风格指南CSS-in-JavaScript | css风格指南：英文版/中文版 |
| css加载动画集合 loaders.css |
编辑器
| 名称 | 用法 |
|---|---|
| 在线编辑器，强大方便 | jsbin编辑器地址 |
待探究
| TCP的三次握手四次挥手 | 前端跨域有哪些种方法及介绍？ |
deepthan