前端网址收集

本贴最后更新于 1830 天前,其中的信息可能已经沧海桑田

原文地址:https://github.com/smileyby

格式:| XXX | XXX |

CSS

描述 网址
网易的 NEC(Nice Easy CSS)代码库 http://nec.netease.com/library
30S 或更短时间就可以学会的 CSS https://30-seconds.github.io/30-seconds-of-css/
Animate.css https://daneden.github.io/animate.css/
HTML 和 CSS 的规范和结构 http://codeguide.co/
CSS-loading-1 https://epic-spinners.epicmax.co/#/
CSS-loading-2 https://loading.io/spinner/
CSS-图片色彩过滤 https://picturepan2.github.io/instagram.css/
CSS-动画-1 http://animista.net/
CSS-动画-2 https://github.com/Martz90/vivify
CSS-浏览器前缀自动补全 http://pleeease.io/play/
CSS-奇技淫巧 https://github.com/chokcoco/iCSS
CSS-文本溢出显示省略号 https://www.cnblogs.com/yzg1/p/5089534.html
CSS Inspiration -- CSS 灵感 https://chokcoco.github.io/CSS-Inspiration/#/
CSS 魔法 https://github.com/cssmagic/blog
rem 与 px 的转换 http://caibaojian.com/rem-and-px.html
CSS-色彩搭配 https://palx.jxnblk.com/
CSS-图形介绍 https://tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/

JavaScript

描述 网址
格式化 input 输入数据 https://github.com/nosir/cleave.js/
使用 document.scrollingElement 控制窗体滚动高度 https://www.zhangxinxu.com/wordpress/2019/02/document-scrollingelement/
javascript-tutorial-en 一份开源的 JavaScript 教程 https://javascript.info/
H5 键盘兼容性小结 https://juejin.im/post/5c6d1c8b6fb9a049de6df441
JavaScript 深入系列、JavaScript 专题系列 博客 https://github.com/mqyqingfeng/Blog
你不知道的 Chrome 调试工具技巧 https://juejin.im/post/5c09a80151882521c81168a2
有哪些短小却令人惊叹的 JavaScript 代码? https://www.zhihu.com/question/46943112
翻书效果 http://www.turnjs.com/
天气效果 https://rainbowhunt.me/
汉字拼音转换工具 https://hotoo.github.io/pinyin/
精致的下拉刷新和上拉加载 https://github.com/mescroll/mescroll
一组匹配中国大陆手机号码的正则表达式 https://github.com/VincentSit/ChinaMobilePhoneNumberRegex/blob/master/README-CN.md
你可能不知道的前端知识点 https://github.com/justjavac/the-front-end-knowledge-you-may-not-know/issues
常用代码收集资源分享 https://github.com/jsfront/src
轻量级搜索 https://github.com/krisk/fuse

React

描述 网址
React.js 小书 http://huziketang.mangojuice.top/books/react/
Redux 简介 1 https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介 2 https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介 3 https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介 4 https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介 5 https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/

VUE

描述 网址
力荐 35 个最好用的 Vue 开源库! https://mp.weixin.qq.com
Vue.js 源码解析 https://github.com/answershuto/learnVue

Node.js

描述 网址
全栈最后一公里 http://www.imooc.com/article/17554
Node.js 入门 http://nqdeng.github.io/7-days-nodejs/
关于 Node.js 技术的开放源码电子书 https://yunnysunny.gitbooks.io/nodebook/content/
如何系统地学习 nodejs https://www.zhihu.com/question/21567720?group_id=871519504654565376
Node.js 调试指南 https://github.com/nswbmw/node-in-debugging

移动端适配

描述 网址
使用 Flexible 实现手淘 H5 页面的终端适配 https://github.com/amfe/article/issues/17
再聊移动端页面的适配 https://www.w3cplus.com/css/vw-for-layout.html
如何在 Vue 项目中使用 vw 实现移动端适配 https://www.w3cplus.com/mobile/vw-layout-in-vue.html

常用工具

描述 网址
Web 前端导航 http://www.alloyteam.com/nav/
科学上网 https://segmentfault.com/a/1190000016911075
测试网址在各个地区的响应情况 https://www.17ce.com/
can i use https://caniuse.com/
百度统计 http://tongji.baidu.com/data/browser
CSS, JavaScript 压缩, 美化, 加密, 解密 https://tool.css-js.com/
JSON 格式化 https://www.json.cn/
网站在线分析 https://sonarwhal.com/scanner
在线生成 NPM 徽标链接 https://woolson.github.io/npmer-page/
在线图片压缩 https://tinypng.com/
jquery1.82 选择器 https://www.jb51.net/shouce/jquery1.82/?tdsourcetag=s_pctim_aiomsg
XXX XXX

书籍&手册&早报&博客

描述 网址
前端九部 - 入门者手册 2019 https://www.yuque.com/fe9/basic
HelloGitHub https://gitbook.hellogithub.com/q
每日时报 https://wubaiqing.github.io/zaobao/
阮一峰-技术分享周刊,每周五发布 https://github.com/ruanyf/weekly
git 使用手册 https://gitee.com/progit/
深度学习-中文翻译版 https://exacity.github.io/deeplearningbook-chinese/
程序员应该访问的最佳网站 https://github.com/tuteng/Best-websites-a-programmer-should-visit-zh
深入浅出 Webpack https://github.com/gwuhaolin/dive-into-webpack
腾讯移动 Web 前端知识库 https://github.com/AlloyTeam/Mars
前端小密圈 https://github.com/jawil/blog
林鑫个人博客 https://github.com/lin-xin/blog
foru17-前端收集 https://github.com/foru17/front-end-collect
fouber-个人博客 https://github.com/fouber/blog
ljianshu-个人博客 https://github.com/ljianshu/Blog

面试

描述 网址
前端面试图谱 https://yuchengkai.cn/docs/frontend/
简历模板 http://elevenbeans.me/
前端开发面试题大收集,前端面试集锦 https://github.com/paddingme/Front-end-Web-Development-Interview-Question
前端面试之道 https://github.com/InterviewMap/CS-Interview-Knowledge-Map
如何通过饿了么 Node.js 面试 https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn
程序员简历模板系列 https://github.com/geekcompany/ResumeSample
每天一道前端大厂面试题 https://github.com/Advanced-Frontend/Daily-Interview-Question

趣味网址

描述 网址
京东 H5 案例 https://cases.aotu.io/index.html
简历模板 http://elevenbeans.me/
游戏 http://k.swao.cn/js/web/game/t_01/level_01/step1.html
会唱歌的图片 http://nodtotherhythm.com/make
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1347 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...