deepthan / Front End Resource Collection
前后端日常总结
Stars: ✭ 82
Programming Languages
js
455 projects
Projects that are alternatives of or similar to Front End Resource Collection
Battery.js
A tiny wrapper for the HTML5 Battery Status API.
Stars: ✭ 111 (+35.37%)
Mutual labels: browser, html5
Theannoyingsite.com
The Annoying Site a.k.a. "The Power of the Web Platform"
Stars: ✭ 446 (+443.9%)
Mutual labels: browser, html5
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (+79.27%)
Mutual labels: browser, html5
Chromely
Build HTML Desktop Apps on .NET/.NET Core/.NET 5 using native GUI, HTML5, JavaScript, CSS
Stars: ✭ 2,728 (+3226.83%)
Mutual labels: browser, html5
Skia Wasm Port
Port of the Skia drawing library to wasm, for use in javascript (node & browser)
Stars: ✭ 131 (+59.76%)
Mutual labels: browser, html5
Noduino
JavaScript and Node.js Framework for controlling Arduino with HTML and WebSockets
Stars: ✭ 1,202 (+1365.85%)
Mutual labels: browser, html5
Instascan
HTML5 QR code scanner using your webcam
Stars: ✭ 2,657 (+3140.24%)
Mutual labels: browser, html5
Uxp
This is a GitHub mirror of the Unified XUL Platform. The main repository can be found at https://repo.palemoon.org/MoonchildProductions/UXP/
Stars: ✭ 363 (+342.68%)
Mutual labels: browser, html5
Webworldwind
The NASA WorldWind Javascript SDK (WebWW) includes the library and examples for creating geo-browser web applications and for embedding a 3D globe in HTML5 web pages.
Stars: ✭ 628 (+665.85%)
Mutual labels: browser, html5
Ip Kvm Interface
DIY IP-KVM for Remote Desktop Access
Stars: ✭ 62 (-24.39%)
Mutual labels: browser, html5
Sequential
An environment to visualize JavaScript code execution in a browser
Stars: ✭ 74 (-9.76%)
Mutual labels: html5
Icon Machine
Web application for randomly generating pixel art icons.
Stars: ✭ 73 (-10.98%)
Mutual labels: html5
Binari
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of dynamic programming.
Stars: ✭ 82 (+0%)
Mutual labels: html5
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的三次握手四次挥手 | 前端跨域有哪些种方法及介绍? |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].