持续更新, 如有错误, 请大家及时指出
最近更新: 2019-07-29
收藏不少网站, 大部分都是常用, 给大家分享一下
网站
- mdn
- github
- 掘金
- 知乎
- segmentfault segmentfault.com
- stackoverflow stackoverflow.com
- 兼容性 Can i use
- 图片压缩 tinypng.com/
- 不推荐csdn & 简书
前端在线编辑器
- jisbin jsbin.com/?html,js,co…
- codesandbox codesandbox.io/
- CodePen
字体
- 字蛛 font-spider.org/ (压缩字体)
- 阿里图标 www.iconfont.cn/
- 字体转换(base64) transfonter.org/
公众号
- 高级前端进阶
- 奇舞周刊
- 前端大全
css相关
编程学习
- 旧版 www.freecodecamp.org/
- 新版 www.freecodecamp.one/
- nodeschool.io
- LeetCode leetcode-cn.com/
- 牛客网 www.nowcoder.com/
工具
- 正则 refiddle.com/ || regexr.com/
- 阴影 www.html.cn/tool/css3Pr…
- cdn www.bootcdn.cn/
chrome 扩展
- 动画 animate playerbox (如下图)
- 单词翻译 达达划词翻译(扇贝、生词本等同步, 举个例子)
- css阴影 CSS3 Generator (如下图)
- 解析接口 JSONView (如下图)
- 每个元素以更好地查看页面上的位置。 pesticide-for-chrome
- 或者在新建书签 网址填写以下代码 实现类似效果
javascript:(_=>{const hasDone = document.querySelector('#__layer_for_debug'); if(hasDone){document.body.removeChild(hasDone); return;} const style = document.createElement('style'); style.id = '__layer_for_debug'; style.innerText = 'body * {outline: 1px solid rgba(255,0,0,.6);}'; document.body.appendChild(style);})()
