如何用html,css,js设计用户交互网页,像购物车或空间评论那样?
时间:2024-01-14 23:48:01 | 来源:网站运营
时间:2024-01-14 23:48:01 来源:网站运营
如何用html,css,js设计用户交互网页,像购物车或空间评论那样?:
如果我说做网页就如同过家家你信不信!如果在此之前做网页在你的观念中还是一门技术的话,那么你就要改变这种想法了,做网页就如同在拼积木。
如果你玩过俄罗斯方块的话,那么恭喜你,你到目前为止已经掌握了网页的一半精髓了!什么?你不信?
俄罗斯方块的特性是什么?给你一个形状,然后不停的往下掉落,如果不考虑方块消除的话,那么最后就会呈现出一副独特的画面。而这个画面如果搭配合适,每一个方块都放在了正确的位置上,那么恭喜你,你已经成功的做出一个你想要的页面了!
而做网页呢,无非就是把你的手机或者电脑倒过来,方块开始从下往上移动,就拿本站的首页来说,仔细观察你就会发现,如果我把所有的板块都用红色涂上,这不就是俄罗斯方块2.0吗
有了现在的理念,你就可以重新定义你的前端世界观了。
如果给你一堆大小形状都能自定义的小方块,那还有什么网页是你做不出来的,现在看来,做网页是不是=搭积木!
在之后得学习中,我们将要学到前端的3大技术:HTML、CSS、Javascript(简称JS)。
HTML是什么?HTML你可以理解成为积木块,是一堆在页面散乱存在的积木块。
只有HTML的页面CSS是什么?CSS就是让所有的积木块按照自己的意愿进行整齐排列。
HTML+CSS的页面通过HTML和CSS就能基本实现我们所需要的所有页面效果,为什么说基本呢?
掌握了HTML和CSS就如同我们能够画出了一幅很美丽的画,仅此而已。
如果我们想让画动起来怎么办呢,这就是JS了。可以说,JS是灵魂所在。
毕竟大家都喜欢能动的东西,静止的东西,多没意思啊(手动滑稽,自行脑补乛ᴗ乛)。
HTML+CSS+JS的页面有了上面的理念,那么如何学好这三门技术呢?
有人说前端技术HTML、CSS不是一门编程语言,从本质上分析确实不是,但这并不影响我们从宏观角度来分析学习前端的方法。
从宏观上讲,作为语言都有一个通用的学习手段,那就是培养语感。
我们从很小就开始学习英语,说实话学了这么多年,作为一个对英语没有任何兴趣爱好的人来说,学了十几年的英语,也就勉强过一个英语四六级。但是如果扔给咱们一个陌生的单词,估计咱们都能读个8成对。这就是一种语感。
而对于编程,就是在和电脑打交到,作为和电脑沟通交流的一种“语言”,也同样需要培养语感。
这种语感是长期和代码打交道所得到的,很多时候我们遇到一个问题,基本上下意识就得到了一个解决方案,而非通过计算和分析。
说白了就是多听,多练。一名优秀的程序员并不是能记住所有的知识点,闭着眼睛就能把所有的程序都写出来。好的程序员仅仅只是有一个良好的记录习惯。所有的知识点都有个印象,当遇到什么需要写的了,就翻出自己的笔记安(ǎn)上去。
如果你比较懒,可以选择面向百度编程(✧(≖ ◡ ≖✿))