大学我都是自学走来的，这些私藏的实用工具/学习网站我贡献出来了，建议收藏精品推荐

港控/mmm° 2021-07-24 21:39 216阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70]  
作者 | Jeskson  
来源 | 达达前端小酒馆  
1

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 1]

https://www.h5jun.com/archives/

十年踪迹的博客

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 2]  
2

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 3]

https://www.zhangxinxu.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 4]

http://www.ruanyifeng.com/home.html

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 5]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 6]

https://www.cnblogs.com/yexiaochai/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 7]

https://www.cnblogs.com/rubylouvre/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 8]

https://www.cnblogs.com/TomXu/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 9]

https://www.liaoxuefeng.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 10]

https://jiongks.name/  
网站结构

这里有：

我的技术心得、  
demo演示、  
幻灯片演示等内容；  
当然也会有一些：

生活点滴、  
兴趣爱好、  
个人观点；  
外加一些：

翻译大家不熟悉的好文章；  
这里比较少有：

照片和视频；  
这里不会有：

无脑转载内容  
大概的人生规划是：

20 岁~ 30 岁写代码  
30 岁~ 40 岁玩音乐  
40 岁~ 50 岁当足球教练  
听说程序员的平均寿命是 47.5 岁……  
如果我还能活到 50 岁，就给自己写一篇个人自传——只写给我自己  
如果我还能活到 60 岁，就把 50 岁写的书出版  
总之我就是这么爱幻想……

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 11]

https://www.cnblogs.com/coco1s/

1.使用 sroll-snap-type 优化滚动  
2.在 CSS 中使用三角函数绘制曲线图形及展示动画  
3.CSS 阴影动画优化技巧一则  
4.前端基础知识概述 – 移动端开发的屏幕、图像、字体与布局的兼容适配  
5.Web 字体 font-family 再探秘  
6.你所不知道的 CSS 负值技巧与细节  
7.CSS 属性选择器的深入挖掘  
8.探秘 flex 上下文中神奇的自动 margin  
9.CSS 火焰？不在话下  
10.不可思议的纯 CSS 实现鼠标跟随效果

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 12]

https://github.com/chokcoco

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 13]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 14]

http://cherryblog.site/\#/

我一个在上海慢慢前行的程序媛，坚信越努力，越幸运。

很高兴大家能来到我的博客，首先说我并不是什么大牛 o(▽)q。

![在这里插入图片描述][2019121613072549.png]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 15]

https://refined-x.com/

原创前端技术博客，致力于分享前端学习路上的第一手资料，专注web开发、移动端开发、混合应用开发、前端自动化、前端工程化，Nodejs开发。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 16]

https://yugasun.com/

技术优势

● 精通 Vuejs，了解 Vuejs 基本实现原理  
● 擅长前端工程化建设，开发前端脚手架工具  
● 熟练掌握 Nodejs，熟悉 Koa.js 框架  
● 擅长前端自运维，自动化部署，能熟练使用Docker、Nginx  
● 熟练掌握Git工作流，能够高效的与同事协同开发  
开源项目

● 基于接口配置自动渲染，可拖拽的可视化组件库：https://github.com/yugasun/x-chart  
● Vuejs 从入门到精通系列文章：https://github.com/yugasun/You-May-Not-Know-Vuejs  
● 提供给Vuejs项目使用的axios插件：https://github.com/yugasun/vue-axios-plugin  
● 解析图片、视频、摄像头二维码工具：https://github.com/yugasun/qrcode-decoder

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 17]

About Me

https://www.u3xyz.com/index

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 18]

https://www.jeffjade.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 19]

https://www.shuizhongyueming.com/

这是一个内容主要偏向前端技术的个人博客网站，是对本人在日常工作和学习中的问题分析和经验总结。

❤️ 不要忘记留下你学习的脚印 \[点赞 + 收藏 + 评论\]

作者Info：

> 【作者】：Jeskson  
> 【原创公众号】：达达前端小酒馆。  
> 【福利】：公众号回复 “资料” 送自学资料大礼包（进群分享，想要啥就说哈，看我有没有）！  
> 【转载说明】：转载请说明出处，谢谢合作！~

大前端开发，定位前端开发技术栈博客，PHP后台知识点，web全栈技术领域，数据结构与算法、网络原理等通俗易懂的呈现给小伙伴。谢谢支持，承蒙厚爱！！！

感谢阅读，原创不易，喜欢就点个\[在看\] or \[转发朋友圈\]，这是我写作最大的动力。

意见反馈

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。

这是一个有质量，有态度的公众号

点关注，有好运

小编写作不易  
在看和转发走起来

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70]: /images/20210724/86843d914b354f7aab812cb4be40d93d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 1]: /images/20210724/42326c497c664a7ba8b56f85cda73468.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 2]: /images/20210724/7d596b5b8f534c5fbe533b938f51e6cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 3]: /images/20210724/60c91e787e3441f0bee60fd2ada57722.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 4]: /images/20210724/89147ee656a440eb93c947e034cf55cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 5]: /images/20210724/8844884d81974972ac839f2a6bbb88d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 6]: /images/20210724/b5af8d0c467945a584fc1df0a20d493b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 7]: /images/20210724/5e45f083cefa4818b1d3671919994475.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 8]: /images/20210724/37a6e6571e964559a118c63e990f5ac2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 9]: /images/20210724/c2b39c6018f64efb8b03d74d32d3a1e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 10]: /images/20210724/cac5540f91fd40fb9909f399ab38f697.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 11]: /images/20210724/7b204bdc7f344a3a833e7eae95965516.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 12]: /images/20210724/f9a42e36ad1645dfb56d17410dba20ad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 13]: /images/20210724/b517ffffbcc84ef58e5c2e77743feca1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 14]: /images/20210724/a8d7b3a18bec4d87816db9b9c1603505.png
[2019121613072549.png]: /images/20210724/af10b1345d894ce1912aee90422597fc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 15]: /images/20210724/9f020e41d3b84025a0ee317145b1e4d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 16]: /images/20210724/68fd585b0321403db33d325c0cca02fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 17]: /images/20210724/96e5284d8fbb4dacbc65acada4441b1a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 18]: /images/20210724/ebd101950b134bc09d740941bc838ecd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 19]: /images/20210724/072f2cd617d546ee8f2451a31f1ea889.png