前端如何入门面对传统的html,css,js,三大框架react,vue,angular?

前端入门需要学习

A基础知识部分

1.html一些新的标签,html不仅仅包括div,span

2.css3,一些新的语法,布局,例如flex弹性布局,less,sass都是啥

3.DOM树结构,盒模型(margin,padding,border)不同浏览器层次不一样,尤其IE

4.数据交互插件,ajax,fetch,axios等等,要求自己能封装出一个ajax类,供自己用

B前端环境,软件

nodejs,npm

1.了解node,npm是干什么的,为什么前端要用这些

2.自己搜索npm官网,cnpm又是什么?

3.编辑器一般是vscode,微软出的,前端大部分都在用

4.代码管理工具git,svn命令会用,客户端软件推荐小乌龟(必需会)

5.postman,模拟请求的工具,要求会用

6.google chrome要了解,因为现在开发都是在用谷歌调试

7.说道调试需要了解断点,如何打断点,不要每次都打印在看错误,断点调试,任何编辑器都可以打断点

8.Atom,submit Text都是前端常用的编辑器,可以了解了解

C框架

前端三大框架react,vue,angular

现在大部分项目都是前端后端分离的,基本很少写jsp这种项目

并且Jquery这种插件也基本被废弃,

Jquery是节点驱动,三大框架都是数据驱动,虚拟节点,后面再说

Jquery但是要知道,并且最好会用

拿react来说,怎么学习,vue和react核心思想差不多

因为我一直用的react,也比较好用

react三大特性:

1.生命周期函数(必会,代码经常用得到)

2.虚拟Dom节点

3.组件化(现在前端思想,组件化,封装)

4.数据单向流动,父->子,子不能到父,这样设计防止同时修改数据造成问题

React需要学习的相关组件

"react": "^16.9.0",

"react-dom": "^16.9.0",

"react-redux": "^7.1.0",

"react-router": "^5.0.0",

"react-router-dom": "^5.0.0",

"redux": "^4.0.4",

"redux-logger": "^3.0.6",

"redux-thunk": "^2.3.0",

不仅仅是这些,这是搭建一个框架的基础

D打包工具

需要了解

webpack,gulp,了解

E 常用的ui库看看

ant-design

element-ui

bootrap所有ui库基本底层都是封装的bootrap的组件

weui

aui

layui

Easyui等等,百度百度看看,这些插件样式,混个脸熟

F部署

nginxlinux相关知识。

G

一些基础知识,操作系统,计算机原理等

例如三次握手,dns是啥,dns如何解析

还有一些有的没的就是

北京的互联网公司

一等百度,阿里,腾讯,字节跳动

二等滴滴,京东,美团,苏宁等等

看看这些公司招聘需求,

原文地址:https://www.cnblogs.com/cxyqts/p/12096783.html

时间: 2024-07-31 13:03:06

前端如何入门面对传统的html,css,js,三大框架react,vue,angular?的相关文章

前端三大框架中Vue与React区别

首先React与vue有几点相同之处 1.都使用了Virtual DOM 2.提供了响应式(Reactive)和组件化(Composable)的视图组件 3.将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库 性能方面 #React在性能方面使用virtual DOM实现没有vue的virtual DOM实现好,相比较来说vue的virtual DOM的实现更为轻量些 #在React应用中,当某个组件的状态发生变化时,它会以该组件为根,重新渲染整个组件子树 如果避免不必要的子

前端开发入门到实战:CSS 页面滚动平滑

1. 这些年自己步子慢了 这些年自己在无障碍访问,SVG和Canvas这些偏小众的领域花了大量的学习精力,以至于很多前端新特性,新技术没能及时关注和了解,有CSS3领域的新属性,有JS领域的新API,包括全新的ES6/ES7语法等,相比以前的学习,步子确实慢了.比方说,本文要介绍的平滑滚动,无论是CSS还是JS,现代浏览器都提供了原生的属性或方法支持,而且差不多已经有一年时间,而我最近才知道,和数年前实时关注新技术的自己形成了明显的对比. 不过随着SVG和Canvas的基础越来越牢固,细节越来越

前端开发入门到实战:计算一个页面内每个模块的曝光时间(停留时间)

产品希望看到投放出去的活动页,用户对其页面内的什么信息比较感兴趣,对什么信息完全不感兴趣.=> 计算页面内每模块的停留时间 第一次听到这个需求,我的大脑开始疯狂运转,然后想到了plan 1, plan 2, plan3...中间还有很多失败想法我已经忘记了,这里方案三是我最终采用的方法. 方案一:根据页面dom将页面分模块 var bodyChildrenLists = $('body').children() var bodyChildDomLsit = [] var initHeight =

前端开发入门到实战:HTML标签和JS中设置CSS3 var变量

一.HTML标签中设置CSS变量 如下: <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </div> 直接正常CSS语句一样在style属性中设置即可. 效果如下截图: 二.JS中设置CSS变量 如下,HTML示意: <div id="box">

前端开发入门到实战:通过 rem 和 vw 实现页面等比例缩放自适应

一.rem 和 vw 简介 1. rem rem?是相对长度单位,是指相对于根元素(即html元素)font-size(字号大小)的倍数. 浏览器支持:Caniuse 示例 若根元素?font-size?为 12px html { font-size: 12px; } h1 { font-size: 2rem; /* 2 × 12px = 24px */ } p { font-size: 1.5rem; /* 1.5 × 12px = 18px */ } div { width: 10rem;

前端基础入门三(CSS总结篇——思维导图)

总结CSS学习路线 自己是个做了几年开发的老码农,希望本文对你有用! 这里推荐一下我的前端学习交流圈:767273102 ,里面都是学习前端的,从最基础的HTML+CSS+JS[炫酷特效,游戏,插件封装,设计模式]到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴.2019最新技术,与企业需求同步.好友都在里面学习交流,每天都会有大牛定时讲解前端技术! 点击:加入 原文地址:https://blog.51cto.com/14284898/2397070

前端基础入门二(CSS)

学习大纲 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练掌握CSS三大特性 熟练掌握CSS盒子模型 熟练掌握CSS浮动 10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSS 自己是个做了几年开发的老码农,希望本文对你有用! 这里推荐一下我的前端学习交流圈:767273102 ,里面都是学习前端的,从最基础的HTML+CSS+JS[炫酷特效,游戏,插件封装,设计模式]到移动端HT

前端开发入门到实战:CSS中字体单位:px、em、rem和%

对于绘图和印刷而言,"单位"相当重要,然而在网页排版里,单位也是同样具有重要性,在CSS3普及以来,更支持了一些方便好用的单位(px.em.rem-等),这篇文章将整理这些常用的CSS单位,也帮助自己未来在使用上能更加得心应手. "网页"和"印刷"的单位若要把单位做区隔,最简单可以分为"网页"和"印刷"两大类,通常对于CSS来说只会应用到网页的样式,毕竟真正要做印刷,还是会倾向透过排版软件来进行设计. 网页

百度前端技术学院—-小薇学院(HTML+CSS课程任务)

任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践. 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的.因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现.那些最终没有被我们采纳的方案,同