一、搜索地,开发小辅助:
- stackoverflow,程序设计领域的问答网站,主要用于搜索解决问题的方法;
- CodePen,一款可在线编辑制作前端页面的工具,上面可搜到很多小
demo
,且提供常见的js
、css
库,并且支持流行技术(如SASS
),免去了我们自建平台的麻烦。 - npmjs.com,
npm
——可搜索需要的工具,插件。 - SO JSON,提供在线JSON解析,可以把JSON内容或JSON文件进行格式化解析,按JSON层级展现。
- CODELF, 帮你命名变量,给变量取名字。
- SVG转字体图标,可导入自己的
SVG
图,将其全部转换为图标,并下载使用,不过后期若新增了svg
图标,处理起来有些麻烦(如:需将新旧图标一起导入到该地址,并重新下载替换,)。 - 草料二维码,输入网址生成二维码,扫码可直接预览网页效果(移动端)。
- Goole LightHose,谷歌的插件,用于网页性能优化测试,全面分析提升网页加载速度与网站测试评分,会相应给出优化建议。
- 音乐直链获取,可以获取音乐在线链接;
- 正则表达式 ,可搜索正则表达式。
- clip-path ,在线编辑
clip-path
的效果图,且可以拿到代码 - Easy-Mock,提供快速生成模拟数据的服务,用于伪造数据 ;
- netlify ——提供免费的服务器(个人使用)
二、文档&&资源库&&社区:
- MDN,Web 文档
- w3school,Web 文档、教程
- W3C school,前端教程;
- W3C,前端教程—现已收费.
- 菜鸟教程,Web 文档,教程
- Awesomes,Web前端资源库。
- geekdocs,程序员导航(极客导航)
- 语雀,一款文档与知识管理工具
- GeeksforGeeks,极客极客——学编程语言,是计算机科学百科,涵盖了所有计算机科学核心课程
- CSDN,
IT
技术社区 - 掘金, 开发者 技术社区
四、规范&&布局&&开源接口文档:
- CSS——BEM命名规范
- JS-清洁代码规范
- CSS_Layout
- 网易云接口文档,网易云音乐API 地址
- 微信登录接口调用,官方文档。
五、人物&&博客配套
六、书籍&&视频网站&&在线学习
- JS高程,
JavaScript
高级程序设计,第3版(可能需要翻墙哈) - 前端在线书籍
- 周读,(可能需要翻墙哈)
- Let Me Read
- 豆瓣读书
- 开发者推荐阅读的书籍;
- freecodecamp ,前端在线闯关学习,可能需翻墙
- git在线学习测试,真的很
Nice
- Web应用程序开发,主要关注于通过React库实现的单页应用程序
- 前端技术周刊,语雀上搜的,拿出来方便点,哈哈
- 小破站 和 YouTube 和 B站, 看视频的
- 牛客网, (适合校招,刷题)
- 力扣 和 lintcode(适合社招,刷题)
七、小插件:
-
Electron,是一个使用
JavaScript
,HTML
和CSS
等Web
技术,构建桌面应用程序的框架; -
Lowdb,一个轻量级本地
JSON
数据库 -
dayjs,处理时间的插件
-
crypto-js,
JS
加密解密库 -
body-scroll-lock, 禁止原生滚动条滚动的插件(只让目标元素滚动)
-
Driver.js,前端产品步骤引导库
-
ncform,表单开发,仅需配置即可生成表单
UI
及其交互行为,自带 标准组件和校验规则。 -
Vue-Pull-To,
Vue
组件(集成了下拉刷新、上拉加载、无限滚动加载的Vue
组件) -
Toggles,切换效果(在CodePen里面搜的)
-
ESLint,
JS
代码检测工具,用于避免低级错误和统一代码的风格; -
vue-pdf,
vue
预览PDF
,可传page
实现 分页 -
SheetJS js-xlsx,各种电子表格格式的解析器和编写器,用于如处理表格的导入导
-
mobileSelect,移动端级联
Select
组件; -
DataV,数据可视化组件
-
vue-amap,基于
Vue
的地图插件,我还没用过。 -
Sass,
CSS
扩展语言 -
VTK.js,可视化工具包,用于前端网格展示。
八、小工具:
- Handlebars,把
JSON
渲染到html
页面的工具 - Gatsby.js,一款基于
React.js
静态站点生成工具,我还没用过;
九、设计网站(视觉网站)&&服务器&&编程之外
- dribbble 和 behance,设计类的网站
- 中国色 和 古典颜色版,和 日系调色板 均为调色板网站,色调不同,,调色板灵感网站可找布局灵感。
- 像素背景生成网站,有小花花背景,可直接拿到代码;可生成的背景有限
- 一大佬写的 背景,一大佬写的背景样式,很多风格我都很喜欢
- 大佬的 表情包,一个大佬收集的表情包,可下载,我超级爱。
- UI 抠图,色彩相关的网站_博客,这里链接到的是一篇掘金博客
- 素材网,有很多有趣的东西,可以在上面找些有趣的小案例写着玩。
- Xmind 和 ProcessOn;画脑图的两个软件地址
- 在线天文馆 (星座),惊人之作。
十、框架,组件、编辑器、图标库
- uni-app,跨端框架
- Vant,移动端
vue
组件库 - WeUI,微信官方提供—类似
WeChat
的UI框架 - cube-ui,是基于
Vue.js
实现的精致移动端组件库。 - better-scroll ,是一款解决移动端(已支持
PC
)各种滚动场景需求的插件 - WIN10-UI,一款
win10
风格的后台UI
。 - CKEditor ,富文本编辑器——
CKEditor
- UEditor ,富文本编辑器——Vue集成Ueditor,这里链接到的是一篇文章。
- TinyMCE,富文本编辑器
_js
库—TinyMCE
,可引线上地址 - 评论,评论编辑器,我没用过。
- Font Awesome,字体图标库
- 阿里巴巴矢量图标库。
十一、收藏的博客:
- JS产品步骤引导库,该链接是掘金上的一篇文章
- 有意思的前端博客,有意思的前端博客,如粘球,里面有很多前端知识,小技巧。
- 推荐的学习网站,掘金文章
- Electron 8.2.0 官方文档中文版
- Deno 和 Deno 正式发布,彻底弄明白和 node 的区别,掘金文章,还没看 5.19更新。
- UI组件(PC端、移动端、JS、CSS等),该链接是掘金上的一篇文章
- 三个精巧且很棒 JS 库,该链接是掘金上的一篇文章
- 安装photoshop,安装photoshop的方法、地址;(我网盘上有压缩包)。
- Vue 3 掘金笔记;掘金文章
- 防抖,节流,掘金文章
- 前端知识必备整理,掘金文章,还没看
- 移动端适配1 和 移动端适配2掘金文章,还没看。
- 前端也要掌握的 Nginx 知识,掘金文章,还没看。
- 一直在找的 挣钱钱,CSDN上的博客,还没看
- 程序员英语,CSDN上的博客,还没看
- B站的相关 信息1 和B站的相关 信息2,
CSDN
上的博客 - 电子书网站,是
CSDN
上的博客。 - 网站推荐,CSDN上的博客。
啊,终于理完了,累死大哥我了,以后一定要有边积累边整理的习惯。
借用大神们的一句话,白嫖不好
,记得点赞收藏哦 o( ̄︶ ̄)o 。