Myself

脑子里原本充实的想法,有时候提笔就忘记要写什么了。

我大学专业是计科,从大一就开始自学前端,认为现在传统大学目前对于互联网的教育,过于落后。例如一些技术、教学方法。当然我也只是发表我的个人观点。

一个小白在大一经历过c++或java等高级语言,就会在学习中产生一个百思不得其解的问题,真的不知道大学教这些能做出什么效果,实际用处在哪里。课堂上老师也只是将这些课程按照教学体系教给大家,一开始并没有跟大家讲这些语言,能做成怎样的效果,无法激起学生的兴趣。可能这样子每一步的学习都是艰难、懵懂的。

初识高级语言,对于一个完全没有基础的同学来说,确实学的够呛,我也是在大学之前一点都不知道高级语言是什么东西。我懵懵懂懂跟着老师的步伐学习c++一个学期后,心中不思其解,开始了对语言的探索之路。当我看到几行代码,几个标签,就可以实现网页精美的效果,就掉入了对前端开发的深海。

学习重要的是实践和总结,尤其是对于学习高级语言来说,听了一门课程,若在课后没有多敲敲代码巩固所学习的,就是0.而且我认为,前端练习的例子永远不会找不到,在你打开一个网页,比如淘宝京东,里面供自己练习的学习点太多了,

比如淘宝加入购物车的抛物线效果:

 1 $(".c_pay").on("click", addProduct);
 2 function addProduct(event) {
 3     var offset = $("#end").offset(),
 4 
 5     flyer = $("<img src='"+s_src+"' class='fly'/>");
 6     flyer.fly({
 7             start: {
 8                 left: event.pageX,
 9                 top: event.pageY
10             },
11             end: {
12                 left: offset.left,
13                 top: offset.top,
14                 width: 20,
15                 height: 20
16             },
17             onEnd:function(){
18                  flyer.fadeOut("slow",function(){
19                      $(this).remove();
20                 })
21             }
22      });
23 }

当然实现先加载这个js脚本:https://files.cnblogs.com/files/ainyi/fly.js

再比如京东多选项卡的问题:

 1       $(function(){ 
 2           /*若要控制多个选项卡也不会乱,关键是从当前this找到父级再找到要显示的子级
 3             如:$(this).parents(".wrap").find("li").find(".shu").show();//先默认全部显示短竖线
 4           */
 5          var len = $(".wrap").find("li").length;
 6          $(".wrap").find("li").hover(function(){
 7              var index = $(this).index();
 8              
 9              $(this).addClass("selected").siblings().removeClass("selected");
10              //此为控制多个选项卡也不会乱,关键是从this找到父级再找到要显示的子级
11              $(this).parents(".xuan").find(".content").find(".tabcnt").eq(index).show().siblings().hide();
12 
13              if(index == 0){ //当鼠标滑至第一个li时,
14                 $(this).parents(".wrap").find("li").find(".shu").show();//先默认全部显示短竖线
15                 $(this).parents(".wrap").find("li").eq(index+1).find(".shu").hide();//将第二个li隐藏短竖线
16             }else if(index == len-1){ //当鼠标滑至最后一个li时,
17                 $(this).parents(".wrap").find("li").find(".shu").show();//先默认全部显示短竖线
18                 $(this).parents(".wrap").find("li").eq(index).find(".shu").hide();//将最后一个li隐藏短竖线
19             }else{
20                 $(this).parents(".wrap").find("li").find(".shu").show();//先默认全部显示短竖线
21                 $(this).find(".shu").hide();//隐藏当前li的短竖线
22                 $(this).parents(".wrap").find("li").eq(index+1).find(".shu").hide();//隐藏下一个li的短竖线
23             }
24          });
25       });

还有很多例子,各种Banner图,等等,网上随处可见,前端永不缺例子学习和实践。

学习了一个月,就独自写出了京东和小米的前端官网。

大一的那个寒假时候也在自学java,java做后台,而后学习ssm框架,前后台都涉猎,自然开始独立开发自己的项目了。

后台不多说,将在后续的博客更新。

最后说一下代码规范性和命名问题,每一行代码该对齐就对齐,该缩进就缩进,要有这样的态度:代码正确、简洁明了、清晰易读、短小精确。刚好想到前端颜色的选择,十六进制颜色,例如:#FF6600与#F60是一样的,这里当然选择后者,代码量小,在每个细节的处理上做好,那么我们在做完一个项目之后也就不用做过多的代码优化。

一般对变量名、类名或者文件名使用驼峰式命名法:就是当名字是由一个或多个单词连结在一起,而构成的唯一识别字时,第一个单词以小写字母开始;第二个单词的首字母大写或每一个单词的首字母都采用大写字母,例如:myFirstName、myLastName,增强代码的可读性。

另外代码的注释一定要写,这是很多人忽视的一点,以为自己当时懂了,就不写注释,这是一个误区,当我们在公司做完一个项目,若是在代码里没有写什么注释,当你跳槽的时候,将项目交接给下一个负责人,那他看到这个项目,就有种想死的心,本来一个项目那么多代码,又没有写上注释,叫人如何在短时间内理解你所写的代码。所以我认为写注释是程序员的基本道德问题。

项目链接:https://www.ainyi.com

用代码将梦想照进现实!!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏牛客网

热乎乎的网易游戏游戏研发工程师一面

面试小哥哥人很好说话,没有自我介绍直接进入主题,先聊了C++,然后数据结构,最后两道算法题

2722
来自专栏牛客网

2018春招前端面经集合

2955
来自专栏牛客网

一点咨询 提前批 大数据岗 面经总结

【每日一语】这个世界,生活,人本身,都是荒诞的。不要白费心智去猜,去理论,因为无可猜,无可理论。事情并不一定要因为一个理由而发生,发生之后并不一定要达到什么目的...

1711
来自专栏咸鱼不闲

聊天机器人与Alice的AIML

聊天机器人从20世纪80年代起相继出现:TalkBot、Elbot、eLise、Alice、Laylahbot、爱情玩偶等,其中Alice曾被认为是最聪明的机器...

2867
来自专栏小樱的经验随笔

Free Pascal初次体验(有亮点哦)

感觉上Pascal语言写的非常有条理,和英语很像,应该是比较容易学,但是写起来真的是麻烦的要死,平时一行代码用C/C++可能就是几秒钟,用Pascal就要几分钟...

2955
来自专栏SnailTyan

C语言的起源

C语言是贝尔实验室的Dennis Ritchie于1969年~1973年间创建的。美国国家标准学会(American national standards in...

2260
来自专栏程序员互动联盟

发生在编程过程中的五件趣事

作为一个程序媛,写代码就像在犯罪,改bug就像在破案,重要是自己犯的罪自己不一定能破。 我今年40岁了,之前从未接触过程序语言,但有浓厚兴趣,请问能学得会吗,并...

34410
来自专栏互联网杂技

如何正确学习JavaScript(写给非JavaScript程序员和编程新手)

目录 不要这样学习JavaScript 本课程资源 1~2周(简介,数据类型,表达式和操作符) 3~4周(对象,数组,函数,DOM,jQuery) JavaSc...

4027
来自专栏大数据挖掘DT机器学习

Excel 有哪些可能需要熟练掌握而很多人不会的技能?

作者:何明科 链接:https://www.zhihu.com/question/21758700/answer/91385842 在咨询公司、VC/PE...

38910
来自专栏程序员宝库

比较优雅地编码

命名很重要,随便一本逻辑学教材(如果读者有兴趣,此处推荐《逻辑学导论》)里都会有长篇大论来讨论命名的问题,我国古代在人才辈出的百家争鸣时期曾经出现过一个学派叫“...

1463

扫码关注云+社区

领取腾讯云代金券