更多有趣的小练习正在更新中哦^ 。^ 。。。。。。
前端整合集锦
前端学习整理
走进 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下来,然后对应修改看效果