浅谈web前端理解一(前端学习路线)

提到学习web前端,在外行人或者初学者的眼里,应该是绚丽的画面,精彩的布局,或者各种UI以及依据前端开发出来的小游戏。但经过一段时间的学习,你会发现其实本质上是一种搬砖经验的积累,以及布局框架的积累。

简单来说:
web前端分为html,css,javascript三个模块。
将最终的前端网页比喻成一个建筑的话
html——>建筑材料(接地气一点就是砖头,水泥)
css——>装饰(装饰建筑材料,以及给建筑材料合理布局。)
javasrcipt——>智能响应系统(建筑里安装的设施,例如电梯,空调等)
上升一个层次归纳就是 文本,布局,响应

html是地基,但也相对起来不难,分为单标签和双标签,熟练掌握就可以了,甚至知道有这个标签就可以,用的时候可以去查相关的API文档,当然随着项目的积累,应用肯定也会愈发的熟练。

css是布局,这个呀我感觉真的一看天赋,二看努力。说到天赋这件事情,就不得不谈谈审美了,作为一个男生的我,审美确实不太行,自己设计完一个网页后,自以为非常非常好看,分享给一个女生后,直接被吐槽了,审美直接崩塌,这个审美真的很难在短时间改变过来。第二点努力也就是布局以及高手大佬设计出来的项目的css布局的借鉴,这一点是需要长期积累的,做不得半点假。

javasrcript是响应,JavaScript实际是和你语言的学习功底扎不扎实有关了,感觉前期一般都是只能借鉴使用别人的js代码,在这个过程中逐渐学会理解其中的代码,能够简单的根据要求更改其中的代码,就算的上初步入门了,甚至在非专业的情况下已经达到了js的天花板,不要只搬砖,不理解内部,那样只能一直搬砖。

初学者入门学习:
1.从案例出发,驱动式学习,这应该是最快的学习方式。
2.多进行练习,天道酬勤。
3.不要好高骛远,虽然它没有C++那么晦涩,但是也不要想着一口吃成一个大胖子。

学习前端一般两个软件就够了:
1.编辑器:Hbuilderx或者Hbuilder,其他的也可以
2.浏览器:这里推荐Google浏览器

1
纵使摸着黑,也只能往前走呀。
自信起来,走路都带着风。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/428048.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

最长非降子序列(动态规划dp dynamic programming)

首先要理解一下什么叫做非降子序列 非降子序列,简单来说就是指给出一个数字序列,在不改变整体顺序的情况下摘出几个来组成一个子序列,这个序列满足从小到大的排序顺序。 所以,最长非降子序列,不难理解就是从这些子序列…

textarea回车不换行 小程序_微信小程序商城到底值得不值得开通?

微信小程序商城到底值得不值得开通?小程序不用下载,而且具有自带流量功能,成为线下店铺和移动互联网的营销利器。众多企业为了提高知名度,开发了小程序商城,在此,建议,不管有没有微信商城&#…

递归——阶乘加斐波那契数列(简单掌握递归思想的敲门砖)

话不多说&#xff0c;先上源码: 阶乘: #include<iostream> #include<bits/stdc.h> using namespace std;int JieCheng(int n);int main() {int n;cin>>n;cout<<n<<"的阶乘是:"<<JieCheng(n)<<endl; }int JieCheng(int n…

思维导图下载 注册安全_【思维导图】初中各科思维导图,涵盖3年各科所有知识点,可下载打印!...

点击☝上方蓝字&#xff0c;关注“初中资料”再点击右上角“...”菜单&#xff0c;选择“设为星标”深圳资深教师&#xff0c;解读升学政策&#xff0c;分享独家资料初中数学思维导图&#xff0c;涵盖初中所有知识点初中语文思维导图&#xff0c;涵盖初中所有知识点初中英语思维…

爬楼梯(递归——奇数步,偶数步扩展)

题目: 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。 每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢&#xff1f; 思路: 采用递归的思想&#xff0c;最后一步可以爬1个或者两个台阶&#xff0c;所以可以得出递归关系:爬n阶台阶的爬法等于爬&#xff08;n-1&…

空间留言软件_电脑硬盘空间提示不足,原来还可以这么做,真是学到老活到老...

Hello大家好&#xff0c;我是兼容机之家的咖啡咖啡最近收到好多留言&#xff0c;有的就说到自己电脑c盘空间莫名减少&#xff0c;电脑磁盘储存空间不足&#xff0c;无论怎么删减东西都是感觉空间不够用。今天就这个问题&#xff0c;咖啡跟大家总结一下。总的来说&#xff0c;空…

Linux vim编写编译运行一个.c文件(centeos 8 HelloWorld.c)

1.先在一个编译器里&#xff0c;编辑HelloWorld.c的代码&#xff0c;这里以dev为例。 #include<stdio.h> int main() {pintf("Hello World!\n");return 0; }2.打开VMware&#xff0c;开启虚拟机&#xff0c;打开终端。 进行如下操作: 1.vim HelloWorld.c 2.点…

回溯求解排列组合(求源码评论区留言)

回溯求解排列组合的关键在于两点: 一是要明白回溯的思想到底是什么 二是要考虑清楚什么时候进行向下探索&#xff0c;什么时候碰壁回头&#xff0c;什么时候到达回溯的重点&#xff0c;退出循环。也就是回溯过程中的约束条件 回溯思想:向前走&#xff0c;碰壁回头 回溯的一般形…

微星刀锋 无法进入bios_夏天来了 微星主板风扇转速调节攻略

差不多还有1个多月夏天就要来临&#xff0c;现在的新电脑大多6核与8核&#xff0c;甚至12核都有&#xff0c;散热问题是电脑每年夏季的必备功课。为此今天咱们就来教大家如何使用BIOS和软件Dragon Center来调节CPU及系统风扇。BIOS调节以CLICK BIOS 5界面为例&#xff0c;进入B…

回溯——伯努利装错信封问题

这一道题与回溯法写的排列组合是很类似的&#xff0c;只是多了第一个的约束条件的限制&#xff0c;就是除了选出来的数都能相同&#xff0c;而且第i个数也不能等于它本身的自然位。 对于回溯思想的解读&#xff0c;可见回溯法求解排列组合 运行结果: 源码这里暂时不予给出&…

wifi 信道_说了这么久的信道和频宽,这回总算能弄明白啦

转自头条号ZBT科研站为了让家里各处信号都满格&#xff0c;太多的人进行了思考和折腾。通过多方实验证明&#xff0c;改变信道是改善家庭中wifi信号差问题的办法之一。因此下面我们来了解一下&#xff0c;拥挤的信道路由器怎么设置才能够得到更好的wifi信号。时常有人问到&…

手工机器人的做法大全用易拉罐_纯手工自制黄油,做法简单详细易操作,蛋糕、饼干、面包都能用...

哈喽大家好我是老左&#xff0c;我想会有很多人和我一样会有很多的疑问&#xff0c;黄油到底是怎么来的&#xff1f;为什么黄油吃起来会那么的香&#xff0c;而且蛋糕、饼干、面包都能用得到&#xff0c;带着这些个疑问老左查询了一番&#xff0c;原来黄油是这样做的。今天老左…

非maven配置SpringBoot框架

简介 最近看SpringBoot框架非常火,所以尝试的参照资料学习了一下SpringBoot框架&#xff0c; 起初是搭建的maven项目&#xff0c;可是个人觉得maven项目搭建起来不太方面(还有网络 原因)&#xff0c;所以我这性格比较受不了&#xff0c;就在网上手动把SpringBoot简单程序需要的…

vue——去除白色边框

因为vue的UI框架大都是依赖着Vue强大的js库&#xff0c;所以页面布局上style中是无法更改UI页面布局的&#xff0c;这个时候如果想要清除UI框架外的整个白色边框就需要用到这段代码了: beforeRouteEnter(to, from, next) {// 添加背景色 margin:0;padding:0是为了解决vue四周有…

仿苹果涂鸦软件_这些iPhone自带软件,学会一个少装十几个APP,16G手机也够用

你还在卸载苹果手机上这些自带软件吗&#xff1f;别再折腾第三方软件&#xff0c;这些苹果自带神器个个超好用&#xff01;1、Safari浏览器很多苹果用户喜欢在手机上安装第三方浏览器&#xff0c;其实除非特殊作用&#xff0c;苹果自带浏览器Safari逆袭不少第三方软件。我们一般…

winform改变启动界面

我们知道&#xff0c;有时做个小项目什么的&#xff0c;一般从登录开始&#xff0c;再到主页&#xff0c;再到其他业务&#xff0c;如果做到其他页面功能&#xff0c;调试时还要从登录页面一个个点进去&#xff0c;明显的降低开发进度。 这时&#xff0c;我们可以直接将目标界面…

javame学习_从零基础自学Java教程:648集全网最新Java学习教程,一学就会

我们都知道Java的功能非常的强大&#xff0c;Java是一种可以撰写跨平台应用软件的面向对象的程序设计语言&#xff0c;是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台&#xff08;即JavaSE, JavaEE, JavaME&#xff09;的总称。Java 技术具有卓越的通用…

webstorm使用前的准备——Node.js安装及配置

1.下载Node.js&#xff08;自带npm&#xff09; 打开官网下载链接:https://nodejs.org/en/download/ 避坑指南: 这里一定要注意不要点击current去找那个最新版本&#xff0c;不然在后面配置的过程中很可能会炸&#xff0c;那个是17版本&#xff0c;下载LTS下的16版本完全够用&…

1.Python数据类型、方法

数据类型及常用方法 一、字符串 1.说明 &#xff08;1&#xff09;字符串需加引号&#xff1b; name "我是Allen" name Allen name """Allen""" name 我是Allen 字符串示例&#xff08;2&#xff09;字符串创建后不可修改&#xf…

如何将图片序列化_PS如何将图片制作成gif动态图 ps制作gif动态图教程

想要制作gif动态图片&#xff0c;为何不试试万能的PS呢&#xff01;使用PS可以帮助用户快速轻松的制作gif动图&#xff0c;操作简单又方便。那么如何利用PS快速将图片做成gif动态图&#xff0c;其实方法是很简单&#xff0c;制作这种gif动图其实就是把几张图片组合起来然后简单…