前端项目与学习整合集锦

更多有趣的小练习正在更新中哦^ 。^ 。。。。。。

前端学习整理

走进 HTML：https://blog.csdn.net/qq_53810245/article/details/119140363

走进 CSS - I：https://blog.csdn.net/qq_53810245/article/details/119176518

走进 CSS- II：https://blog.csdn.net/qq_53810245/article/details/119250953

走进 CSS- III：https://blog.csdn.net/qq_53810245/article/details/122374307

走进 JavaScript：https://blog.csdn.net/qq_53810245/article/details/119341910

• DOM操作：https://blog.csdn.net/qq_53810245/article/details/120394076
• BOM操作：https://blog.csdn.net/qq_53810245/article/details/120461341
• 原始类型与引用类型：https://blog.csdn.net/qq_53810245/article/details/120470007
• JS项目小Tipes总结：https://blog.csdn.net/qq_53810245/article/details/120233393

走进 JS 项目练习：https://blog.csdn.net/qq_53810245/article/details/120177210

走进 jQuery：https://blog.csdn.net/qq_53810245/article/details/119512930

走进Vuejs

• Vuejs基础版：https://blog.csdn.net/qq_53810245/article/details/120543440
• Vuejs进阶版：https://blog.csdn.net/qq_53810245/article/details/120858633
• Vuejs补充版：https://blog.csdn.net/qq_53810245/article/details/122737590
• 网络请求模块选择——axios：https://blog.csdn.net/qq_53810245/article/details/121320950
  走进Vuejs项目练习

注意点：

css引入方式：<link rel="stylesheet" href="css/style.css">
js引入方式： <script src="js/demo01.js"></script>

前端项目整理

1、日出——半轮红日

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang/

2、打印图案-菱形-升级版

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang/

3、div绘制笑脸

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang/

4、绘制圆的四分之一

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

5、正则表达式

手机号验证

/^1[3|4|5|7|8][0-9]\d{8}$/

邮箱验证
/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/

6、圆角头像

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

7、QQ会员页面导航

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

8、盒子小游戏——定位

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

9、jQuery的排他思想

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

10、打造网页版「大白」

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

11、导航栏

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

12、制作谷歌图标

点击链接跳转查看源码：https://home.cnblogs.com/u/zhuhukang

13、浮动

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

14、网页商城

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

15、制作登录页

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

16、简单布局框架结构

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

17、实现打字机效果

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

18、对已知账号密码验证登录

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

19、用media属性制作一个自适应的网页

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

20、建材网

点击链接跳转：https://home.cnblogs.com/u/zhuhukang

前端学习小技巧：
1、巩固JS——看jQuery源码，看游戏源码
2、巩固HTML，CSS——扒网站，全部down下来，然后对应修改看效果