当前位置:首页 » 网页前端 » 自己动手写前端框架
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

自己动手写前端框架

发布时间: 2023-02-07 02:13:25

1. web前端开发需要掌握的几个必备技术

Web前端开发需要掌握的几个必备技术是:
HTML +_CSS核心、JavaScript、VUE框架

前端的应用非常广泛,基本网站、APP、HTML5小程序等都需要前端开发,所以只要是互联网产品基本都需要前端。
前端程序猿切页面写页面,Web上、H5上的炫酷效果,是前端开发大展身手的地方。最常见的用于前端开发的技术组合是:
HTML+CSS+JavaScript。
web前端是在开发人员中最直接面向产品、面向用户的设计人员,一个开发团队的成果是要靠web前端去展现,因为用户不会去关心后台的处理有多么强大。
后端开发是写后台,各种业务逻辑、数据处理、模块接口、客户端接口等等。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。电商平台点击筛选条件下面为你筛选出来的宝贝的功能以及付款人数数据的变化等都是由后台来实现提供的。
目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端去做。
前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5、CSS3,以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术:HTML、CSS、JavaScript、DOM、BOM、AJAX等,而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识,还要掌握理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间,app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成,技术门槛相对较低、需求量较大,薪资待遇良好。只要是互联网端的客户界面,就需要前端来制作完成,前端开发的编程量不大,但是需要部分编程,入门简单,但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...

2. 零基础学web前端,应该先学啥

随着互联网的迅速发展,前端开发工程师成为市场上非常抢手的人才。很多对于IT完全零基础的同学都想学习前端。前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张,内容虽多但有迹可循,只要循序渐进就不怕学不好前端!
那么前端开发到底需要学什么?应该怎么学?接下来小编带你从零基础学习前端。
一、前端开发入门
如果你想要学好web前端最好加入一个好的学习环境,可以来这个Q群,首先是132,中间是667,最后是127,这样大家学习的话就比较方便,还能够共同交流和分享资料
在入门阶段,你首先要学会最基本的技能:根据UI的设计稿,实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。
在这个阶段你需要学习:
1、HTML+CSS基础
掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。
2、JavaScript基础
掌握JS的基本语法、条件、语句、循环等,学会常用算法,增强逻辑性。
3、常用的前端工具
比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧,可快速提高开发调试效率。
这个阶段的学习难度相对不高,学完这些之后,我们已经能完成静态页面的制作。当然,这只是入门,如果你想用这些技能找工作的话还是比较困难的。
二、前端初级开发
在接下来的这一个阶段,我们的目标是达到前端开发行业的基本要求,让自己有底气出去找一份月薪8000以上的工作!

这个阶段我们要重点掌握这两方面的能力:
1、利用jQuery、Bootstrap等框架开发复杂的交互功能与效果;
2、利用HTML5、CSS3、Canvas进行移动端开发。
针对第一方面的能力,你需要学习:
1、JavaScript基本特效
能够实现图片轮播、拖拽、放大镜等常见网页特效。
2、jQuery基础
掌握jQuery常用API的使用方法,并且能够熟悉jQuery的插件开发机制。
3、Bootstrap响应式
掌握原生响应式实现机制,能够使用Bootstrap中的栅格式布局和响应式布局进行复杂页面的布局开发。
4、AJAX基础
充分理解AJAX原理,掌握JS原生和jQuery方式的AJAX使用。
5、UI流行框架
掌握jQueryUI的使用,快速高效实现页面的效果呈现。
学会了这些技能,你就能够独立制作电商类、企业类网站,实现常见JS动态效果,并且能够基于jQuery、Bootstrap等框架实现炫酷的效果和复杂的功能啦!
针对第二个方面的移动端开发,你需要学习:
1、HTML5、CSS3新特性
掌握HTML5、CSS3在移动端的使用技巧。
2、Canvas基础
掌握Canvas的基本画图API,做到能实现Canvas在报表和广告展示效果方面的应用,并且能够实现炫酷的展示效果。
3、移动Web框架
能够基于jQuery Mobile/Zepto等框架进行移动端JS功能开发。
掌握这两大方面的技能,你就能达到市场上对前端工程师的基本要求了。根据市场反馈数据看,薪资普遍在8000-13000元/月,赶快加油学习吧!
三、前端进阶开发
小编就知道你是一个有理想、有抱负的人,不会满足于做一个初级的前端开发工程师。在接下来的这个阶段,我们将走上前端的进阶之路,将自己的能力再往上提高一个等级。同样,薪资也会往上升一个等级!

但是,如果你是一个前端菜鸟,接下来可能会出现一些你没有用过或者没有听过的知识点。不要着急,你可以先收藏下来,在慢慢理解。
言归正传,在这个阶段,我们要重点掌握以下两个方面的能力:
1、在实现功能的同时,考虑代码的优雅性,注重代码的性能和重用性;
2、深入理解前端框架实现原理,并且能够开发和重构通用的前端组件。
在这个阶段你需要学习以下知识:
1、面向对象开发思维
2、JavaScript面向对象
3、JavaScript闭包、作用域链、原型链等高级特性
4、常用的设计模式
5、使用原生JavaScript的原理实现框架封装
6、jQuery框架封装原理
7、jQuery插件的实现原理
掌握jQuery插件的实现原理,深刻理解插件的两种扩展方式的实现机制。
8. 组件化和模块化开发:SeaJS、RequireJS
如果你熟练掌握以上技能,就能够具备解决复杂问题和技术难点的能力,并且能够独立设计开发复杂的功能模块。如果你达到这个水平,恭喜你已经能满足前端行业的中级需求,根据市场反馈数据看,薪资普遍在 13000-20000元/月!
四、前端开发高级
写到这里,连小编自己也激动了,因为在接下来的这个阶段,我们的目标是:进军全栈开发工程师!全栈开发工程师就是那种既精前端,又通后台,遇到问题能快速定位问题、解决问题的一类大牛!据职友集数据统计,北京全栈开发工程师月薪在20K-50K之间的占比高达60%,而且人才非常缺乏!
要晋级为全栈开发工程师,我们在这个阶段得做这些事情:
1、能从前端的全局角度认识流行框架的原理与实现模式;
2、深刻理解移动App的开发模式和技术选型;
3、熟悉Node.js的全栈式解决方案;
4、了解主流的后台技术和前后端协作方式,能从全局角度理解项目的整个生命周期。
相应的,你需要学习以下这些内容:
1、Web开发工作流框架:Yeoman/Grunt/Gulp/Bower等
掌握流行的前端工作流工具,可以让前端开发更方便更高效!
2、MVC/MVVM框架:AngularJS等
掌握前端MVC/MVVM框架实现机制,通过AngularJS的实践深刻理解MVC的开发模式,理解双向数据绑定等相关概念。
3、HTML5响应式框架
4、UI流行框架:jQueryUI、EasyUI、ExtJS等
掌握常见UI框架的封装原理,通过源码分析,深入理解组件化开发思想。
5、VUE.js
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。
6、Ionic、Angular
掌握移动端混合开发模式,通过Ionic、Angular的结合,理解使用HTML5、CSS3、JS实现App开发的整体流程和实现机制。
7、React Native
掌握移动端ReactNative的开发模式。
8、HTML5 Plus
9、Node.js全栈式开发
掌握Node.js全栈式解决方案,实现JS在服务器端的高效开发。
如果你能熟练掌握以上四个阶段的知识技能,你就可以满足前端与移动开发行业的高级需求啦!

3. 零基础如何学WEB前端

你好,怎么零基础的学习前端?这要看你是要花钱学还是免费学习。
如果花钱的就是去报个培训班,免费的话就是自己去网上找视频跟着学。
一、咱们首先来说说自学:对于自学最直接的方法就是看视频学习,看的过程自己也要动手写代码,不要以为看看视频就能懂,多写多练,才能从实践中知道自己的不足。
但自学者对于前端学习没有一个清晰的知识体系,除了HTML、CSS、JavaScript这些前端基础外,其他前端内容不知道先学哪一个?学到怎么样的程度。
Web前端培训的学习路线:
1、学习HTML+CSS3 这些是最基本
2、移动端web页面
3、学习Javascript编程
4、前端MVVM框架,vue.js/React.js
5、微信小程序&泛客户端
6、Node.js全栈开发
7、就业指导
8、前端延伸TypeScript课程
学习前端的过程要循序渐进,一开始的HTML和CSS比较简单,到了JS、ES6这些会稍微难一点,但是一定要掌握好基础,再去熟悉框架,学习真正开发中的操作。
前端的初学者,也不要被这些框架吓到了,学好基础然后加以实践更为重要。
二、零基础如何学习web前端,最快捷的方法还是报一个好的培训机构学习。培训班的课程设置更加系统、更加合理,学习的效果也有保证,遇到问题可以及时解决,课堂上老师也会重点突出一些知识;培训后期还会进行面试指导,解决学员后顾之忧。
但是,找培训班上课还是有需要注意的地方,因为现在的培训机构鱼龙混杂,有坑也有不坑,最好要有以下几个点:1、培训有老师带着,互动性强,还有配套的练习和1对1的答疑解惑,一遍不懂老师可以讲两遍,进度有保证,学习循序渐进,比自己瞎学强多了。2、有真实的项目操作,让学员模拟开发环境进行实践,项目经验可以写到以后的简历上。当然我们找培训机构要找小班教学模式的,小班教学能确保每位学员都被照顾到,如果你报的是大班,这就跟你大学上课一样,学习人多老师难关注。
希望这些能够帮到你!

4. 零基础开始学 Web 前端开发,有什么建议吗

一 · 前端零基础入门

从前端基础入门知识学起,掌握基本的HTML+CSS网页布局,以及简单的JS特效,最终可以独立开发出前端PC网页。

二 · 响应式开发与常用框架

使用H5+CSS3实现网页动态特效,通过Bootstrap框架学习,从原生编码过渡到框架使用,更高效的开发出适配各个设备的响应式网页。

三 · 组件化思想开发电商网页

学会H5进阶内容:svg、canvas、H5存储、拖拽上传等,对JS、jQuery进行提升,学习企业开发模式——组件化开发,在企业项目团队中协同合作,实现“高内聚、低耦合”的网页搭建。

四 · 热门框架Vue开发WebApp

学习JS的最新版本ES6,前端流行框架Vue.js, 结合最流行的打包工具Webpack,掌握一个项目上线前的所有开发流程,真正成为一个能够满足企业需求的前端工程师。

5. 怎么学习前端框架vue,学习步骤和学习时间怎么安排

学习前端框架 Vue 的步骤如下:

  • 了解 Vue 框架的基本概念和特点。了解 Vue 框架的基本架构和工作原理,包括 Vue 的视图层渲染、数据绑定、组件化和路由等功能。

  • 学习 Vue 框架的基本语法和使用方法。包括 Vue 的模板语法、组件定义、数据绑定、事件处理、路由使用等。

  • 学习 Vue 框架的高级功能。包括 Vuex 状态管理、Vue Router 路由、Vue Server Renderer 服务端渲染等。

  • 学习 Vue 框架的实战应用。通过实战项目,加深对 Vue 框架的理解和应用能力。

  • 学习时间的安排可以根据个人的学习能力和进度进行调整,但是一般来说,学习 Vue 框架的基本概念和语法可以在一周左右的时间内完成。如果想要学习 Vue 的高级功能和实战应用,则可能需要更长的时间。

    建议在学习 Vue 框架时,能够结合官方文档和一些教程进行学习,并尝试自己动手写一些简单的代码来练习。通过实际操作和练习,能够更快地掌握 Vue 框架的知识和技能。

6. 如果要学习web前端开发,需要学习什么

从各大招聘平台可以看到,Web前端行业招聘需求量巨大,一直呈现出供不应求的趋势,但是由于高等院校很少有开设相关的课程,导致每年新增的前端开发人员远远不够,所以现在的Web前端主要还是用过自学和参加培训为主,由于自学难度大,大部分人都选择去找相对的Web培训班学习,接下来就为大家介绍一下优就业的Web前端的学习内容。


优就业的Web前端一共分为六个阶段

第一阶段Html5+CSS3:主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less

第二阶段JS交互设计:主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto

第三阶段Node开发:主要学习JavaScript
ES6、Node、Express、Mysql、Webpack+Gulp+模块化、WebSocket+Koa2

第四阶段前端框架:主要学习Vue基础、Vue进阶、TypeScript、React

第五阶段小程序+数据可视化:主要学习小程序基础、云开发、uni-app基础、数据可视化

第六阶段就业指导+项目提升:就业指导、企业面试复盘

想要了解更多关于WEB前端的学习内容,可以看看优就业哟~

7. 零基础学习前端开发要怎么开始

这里整理了一份web前端学习路线的思维导图,需要掌握和学习的内容如下:

第一阶段:专业核心基础

阶段目标:

1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2. 熟练运用HTML+CSS特性完成页面布局。

4. 熟练应用CSS3技术,动画、弹性盒模型设计。

5. 熟练完成移动端页面的设计。

6. 熟练运用所学知识仿制任意Web网站。

7. 能综合运用所学知识完成网页设计实战。

知识点:

1、Web前端开发环境,HTML常用标签,表单元素,Table布局,CSS样式表,DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化,能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端,整理网页开发技巧。

3、预编译css技术:less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发,深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。


第二阶段:Web后台技术

阶段目标:

1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。

2. 熟练掌握JavaScript的基本数据类型和变量的概念。

3. 熟练掌握JavaScript中的运算符使用。

4. 深入理解分支结构语句和循环语句。

5. 熟练使用数组来完成各种练习。

6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。

7.DOM和BOM实战练习和H5新特性和协议的学习。

知识点:

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。

2、JavaScript面向对象基础、异常处理机制、常见对象api,js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。

3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。


第三阶段:数据库和框架实战

阶段目标:

1. 综合运用Web前端技术进行页面布局与美化。

2. 综合运用Web前端开发框架进行Web系统开发。

3. 熟练掌握Mysql、Mongodb数据库的发开。

4. 熟练掌握vue.js、webpack、elementui等前端框技术。

5. 熟练运用Node.js开发后台应用程序。

6. 对Restful,Ajax,JSON,开发过程有深入的理解,掌握git的基本技能。

知识点:

1、数据库知识,范式,MySQL配置,命令,建库建表,数据的增删改查,mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理,为Node.js后台开发打下坚实基础。

2、模块系统,函数,路由,全局对象,文件系统,请求处理,Web模块,Express框架,MySQL数据库处理,RestfulAPI,文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解,能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发,对MVVM模式有深刻理解。

4、需求分析,数据库设计,后台开发,使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git,实现整站项目完整功能并上线发布。


第四阶段:移动端和微信实战

阶段目标:

1.熟练掌握React.js框架,熟练使用React.js完成开发。

2.掌握移动端开发原理,理解原生开发和混合开发。

3.熟练使用react-native和Flutter框架完成移动端开发。

4.掌握微信小程序以及了解支付宝小程序的开发。

5.完成大型电商项目开发。

知识点:

1、React面向组件编程、表单数据、组件通信、监听、生命周期、路由、Rex基本概念。练使用react完成项目开发、掌握Rex中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架,并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战,整个项目前后端分离开发;整个项目分为四部分:PC端网页、移动端APP、小程序、后台管理。团队协作开发,使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。

这已经是一套非常完备的Java学习路线了,零基础学习Java完全自学的话还是比较吃力的,建议还是找专业的机构系统学一下,可以点 击 头 像 了解一下。

8. web前端开发要怎么学

要学前端就要想了解前端是什么,用官方的定义,就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。

用我们的话来说,前端就是网页给访问网站的人看的内容和页面,而前端开发顾名思义就是这些内容的制作,也就是代码的实现。而要实现这些代码,就要用到HTML,CSS及JavaScript三大基础知识。目前看来。论趋势如何发展,它们都是整个前端开发的三大基石。

前端学习起来知识面比较广,知识很杂乱,可能自学起来有一定的困难,缺乏学习方向。如果要报班培训的话,也是一个不错的选择,至少,你能明确自己的学习方向,遇到问题可以及时解决,不过可能要承担昂贵的学费。

总之,无论是自学还是报班,前端的学习都是一个大工程,都需要自己多下功夫的。学无止境,付出全身心的努力,你一定能得到收获。

9. 一套不错的web前端学习计划

您好,web前端的学习计划包括8个阶段:

阶段1.前端核心基础

HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM

BOM编程、jQuery框架

阶段2.HTML5 + CSS3 + 移动端核心

HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练

阶段3.移动端

移动端核心、移动端适配、移动端特效

阶段4.服务器端

服务器端开发、数据库操作、前后端交互核心、微信公众号开发

阶段5.JavaScript高级

JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、

JavaScript函数式编程JavaScript设计模式

阶段6.前端必备

性能优化、版本控制工具、模块化、项目构建工具

阶段7.高级框架

React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析

阶段8.小程序

原生小程序入门、原生小程序API使用、小程序框架Mpvue

web前端学习机构

这套学习计划不管是自学还是参加培训都是可以的,现在培训机构都有学习web前端的视频教程,你可以根据自己的实际情况学习这些教程,希望对你有所帮助。

10. 怎么自学前端

自学方法:

1、作为一个初学者,你必须明确系统的学习方案,我建议一定有一个指导的人,全靠自己学,放弃的几率非常大,在你对于web前端还没有任何概念的时候,需要一个人领进门,之后就都靠自己钻研,第一步就是确定web前端都需要哪些内容,并且在多少时间内学完,建议时间6个月保底。

2、视频为主,书为辅。很多初学者在学习前端的时候非常喜欢去买书,但是最后的结果是什么?看来看去什么都不会写,所以在这里给大家提醒,书可以看,但是是在建立于你已经对于某个知识点有了具体操作的执行后,在用书去巩固概念,这样更加利于你对于知识的理解。

3、对于学习技术来讲,掌握一个学习方法是非常重要的,其实对于学习web前端来讲,学习方法确实很多都是相通的,一旦学习方法不对,可能就会造成“方法不对,努力白费”。其实关于这方面还是很多的,我就简单说个例子,有的人边听课边跟着敲代码,这样就不对,听课的时候就专心听,做题的时候就专心做题,这都是过来人的经验,一定要听。根据每个人的不同,可能学习方法也会有所出路,找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学,在我了解学习编程的这些人来看,从零基础开始学并且最后成功做这份工作的其实并没有几个,我觉得大部分原因就是因为他们都不了解web前端是干什么的,学什么的,就盲目的买书看,到处找视频看,最后看着看着就放弃了,所以我建议初学者在没有具体概念之前,还是找有经验的人请教一下,聊过之后你就会知道web前端具体是干什么的,该怎么学,这是我个人的小建议,可以不采纳。

自学路线:

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:NodeJS全栈开发(1周)

内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

基础书籍:

1、《Head First HTML与CSS(第2版)》,入门真的是经典书籍,手把手教学,丰富的案例让你从 0 开始学前端。

2、《CSS权威指南(第三版)》,这本书作为 CSS 的经典着作,把原理讲得非常的通透,除了 w3c 标准,算最权威的一本了,毕竟权威指南。

3、《CSS揭秘》神书,47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了,css 进阶必备。

4、《javascript语言精粹》,这本书可以在入门之前了解一下基本语法,以及在学习之前可以了解下 JS 里面的精粹以及糟粕,虽然这本书很薄很薄,但是值得反复去读的一本书。

5、《JavaScript DOM编程艺术(第2版)》,本书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》:犀牛书是每个FE都绕不过的一本书,可以先大致通读几遍,也可以把其当作工具书,时时翻阅。

视频教程:

网页链接

望采纳~