2024年网页制作的趋势 篇1
随着互联网的发展，越来越多的人开始投身UI设计行业，有许多有梦想的人都被UI可观的就业前景所吸引。无论是高中生、大专生、本科毕业生、还是已经参加工作的人，都想学习好UI设计，然后进入这个行业。因此，也导致很多人开始怀疑学习UI设计还有前途吗?接下来，就让千锋深圳校区老师为大家解答。
随着大中小企业对用户界面、用户体验越来越重视，智能设备、App软件的普及、UI设计必然也会越来越火。国内一些大型互联网企业更是引起了UI设计的人才争夺，UI市场从业人员少，导致供不应求，薪酬自然比其他职位要高，当然，不同层级的UI设计师，收入也有很大的区别。而且，随着人们审美提高和互联网技术的不断发展，普通的平面设计师已经无法满足企业的需求，只有掌握最新技术才能进驻高薪企业。所以说，与其担忧入行UI会不会晚，不如努力学习提升自己的设计水平，真正有实力的人永远都有市场。
当然，要想成长为复合型UI设计人才，并不容易。你不仅需要具备一定的产品思维能力，而且还要会跨平台设计以及懂相关Web前端开发技术。
近年来，千锋深圳UI设计培训，紧跟阿里巴巴对设计师的高标准要求升级课程，从插画设计、产品原型设计、运营H5设计等多个维度打造企业所真正需要的综合型人才。
2024年网页制作的趋势 篇2
前端开发趋势一直都是热度高且变化快。因此，对于前端开发者来说，想要跟上这些不断变化的趋势，需要耗费巨大的精力。至于2022年前端技术具体会发生哪些变化，让我们一起来聊聊吧。
1、前端介绍
前端，也称为“客户端开发”，简单来说，你可以在应用程序或网站的屏幕上看到的所有内容都属于前端。
让我们考虑一个现实的例子：你正在访问的网站。内容设计、图像、段落和线条之间的间距，左上角的公司徽标，以及右下角的小通知按钮——所有这一切都是前端。
2、前端技术包括哪些？
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
2.1、HTML
掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web前端开发人员的基本条件。
HTML是一种标记语言，能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。
随着CSS、JavaScript、Flash等技术的发展，Web对于应用的处理能力逐渐增强，用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破，使得Web技术首次被认为能够接近于本地原生应用技术，开发Web应用真正成为开发者的一个选择。
HTML5可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具，支持HTML5应用的发展。
2.2、CSS
学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
2.3、JavaScript
学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。
2.4、Bootstrap
主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。
2.5、html5-boilerplate
该框架可以快速构建健壮，且适应力强的web app或网站。
2.6、Meteor
Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。
2.7、Semantic UI
基于自然语言有效原则的UI组件框架。
2.8、Amaze UI
国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中，Amaze UI Touch可以帮助开发者通过丰富的组件，快速构建出与原生APP相媲美的专属移动端的HTML5应用。
3、2022年前端技术领域变化
3.1、Web组件化
基本上这就是未来。为什么？因为这些纯Web组件与框架无关，并且可以在没有框架或没有任何框架拼写标准化的情况下工作。因为它们没有JS疲劳，并且得到了现代浏览器的支持。因为它们的文件大小和消耗将是最佳的，并且VDOM渲染令人赞叹。
这些组件提供了Custom Element，这是一个Javascript API，可让你定义新html标签，HTML模板以指定布局，当然还有Shadow DOM，它本质上是特定于组件的。在这个领域中知名的工具是Lit-html（和Lit-element），StencilJS，SvelteJS，当然还有Bit，它们是可重用的模块化组件，可以在任何地方直接共享，使用和开发。考虑组件开发时代的未来，以及模块化，可重用性，封装和标准化的原理，Web组件就是答案。
3.2、微前端
Serverless即“无服务器”架构，它试图帮助开发者摆脱运行后端应用程序所需的服务器设备的设置和管理工作，它由第三方云计算供应商负责后端基础结构的维护，同时以服务的方式为开发者提供所需的功能，例如数据库、消息、身份验证等。
微前端的概念类似于微服务，它将前端应用拆分成一个个更小的更简单的能够独立开发、测试、部署的小块，在用户看来它依旧是一个独立的产品。前端业务在发展到一定规模后，需要一种能将业务化繁为简的架构。常用的微前端解决方案有single-spa、qiankun。
微前端、Serverless目前都未出现大规模应用的情况，各大公司对此都处于探索阶段，两项技术稳步发展，期待未来大规模的应用。
3.3、微设计
布拉德·弗罗斯特（Brad Frost）提出的理论将Web应用程序的构成与原子，分子，有机体等的自然构成进行了比较，最后以具体的Web页面作为结尾。原子由分子组成（例如，文本输入+按钮+标签原子=搜索分子）。分子组成生物体。有机体位于布局模板中，该模板可以具体化为交付给用户的页面。
Atomic组件的优势不只是通过模块化和可重用的组件来构建模块化UI应用程序。这种范例迫使你思考组成每个组件的角色和API。
3.4、Web组装
Web程序集将语言多样性带入Web开发中，以弥补JavaScript创建的空白。它被定义为“基于堆栈的虚拟机的二进制指令格式。Wasm被设计为可移植目标，用于编译高级语言（如C/C ++/Rust），从而可以在Web上为客户端和服务器应用程序进行部署。”
埃里克·埃利奥特在他的文章中优雅地概述了该概念的好处：在wasm中实现对性能至关重要的内容，并将其像标准JavaScript模块一样导入。一种新语言：WebAssembly代码定义了以二进制格式表示的AST（抽象语法树）。您可以编写和调试文本格式，以便于阅读。对浏览器的改进：浏览器将理解二进制格式，这意味着我们将能够编译二进制捆绑包，压缩后的二进制包小于我们今天使用的文本JavaScript。较小的有效载荷意味着更快的传递。根据编译时的优化机会，WebAssembly的运行速度可能比JavaScript快！
3.5、封装样式和Shadow Dom
组件的一个重要方面是封装-能够使标记结构，样式和行为保持隐藏状态，并与页面上的其他代码分开，以使不同部分不会冲突，并且代码可以保持整洁。Shadow DOM API是其中的关键部分，它提供了一种将隐藏的单独DOM附加到元素的方法。Shadow DOM实际上已经被浏览器使用了很长时间了。您可以将影子DOM视为“ DOM中的DOM”。它是自己的隔离DOM树，具有自己的元素和样式，与原始DOM完全隔离。
它允许将隐藏的DOM树附加到常规DOM树中的元素上。该阴影DOM树以影子根开头，可以与普通DOM相同的方式附加到所需的任何元素上。这样做的主要目的是，我们不需要为类使用名称空间，因为不存在名称冲突或样式溢出的风险。这就是Web组件样式进行真正封装的解决方案。
3.6、TypeScript接管前端
最近的每次交谈都听起来好像TS正在接管前端开发。据报道，有80％的开发人员承认他们想在下一个项目中使用或学习TypeScript。尽管有缺点，但TS代码更易于理解，实现更快，产生的错误更少。想重构你的React应用程序并与TS一起使用吗？去吧。想逐步开始吗？使用Bit之类的工具逐步将你的应用程序中的组件重构为TS，并使用React-Typescript编译器独立于应用程序构建它们。
TypeScript，它是有类型定义的 JavaScript 的超集，包括 ES5、ES5+ 和其他一些诸如反射、泛型、类型定义、命名空间等特征的集合，为了大规模 JavaScript 应用开发而生。复杂软件需要用复杂的设计，面向对象就是一种很好的设计方式，使用 TypeScript 的一大好处就是 TypeScript 提供了业界认可的类（ ES5+ 也支持）、泛型、封装、接口面向对象设计能力，以提升 JavaScript 的面向对象设计能力。市面上的框架也对 TypeScript 提供了非常好的支持。
React 对.tsx 支持非常好，比如我在 Midway controller 里支持 tsx 写法，这是非常大胆的，对于后面 react ssr 来说是一个极大便利；Vue 从 v2.5.0 之后对 ts 支持就非常好；Node.js Web 框架，尤其是 Egg.js 对 ts 支持非常好，当然还有更高级更专注的的 Midway 框架，Midway 基于 Egg 生态，同时提供 IoC 等高级玩法；
在使用 Webpack 编译前端应用式，通过 TypeScript-loader 可以很轻松地将 TypeScript 引入到 Webpack 中。有了 TypeScript-loader，就可以一边使用 TypeScript 编写新代码，一边零碎地更新老代码。毕竟 ts 是 js 超集，你有空就改，非强制，特别包容。
3.7、从组件库到动态集合
组件开发的出现催生出了一种工具的产生，它就是Bit，以及其托管平台Bit.dev。使用Bit来连续隔离现有组件并将其导出到动态可重用的共享集合中，而无需努力构建麻烦且高度耦合的组件库。使用Bit，你可以独立隔离，版本控制，构建，测试和更新UI组件。它简化了在现有应用程序中隔离组件，将其收集到远程集合并在任何地方使用的过程。
每个组件都可以在任何项目之外构建，测试和渲染。你可以更新单个组件（及其相关组件），而不是整个应用程序。在bit.dev平台中（或在你自己的服务器上），可以为不同的团队远程托管和组织组件，以便每个团队都可以控制自己的组件开发。每个团队都可以共享和重用组件，但又保持其独立性和控制力。
该平台还提供了共享组件的多合一生态系统：它自动记录UI组件的文档，在交互式中渲染组件，甚至提供内置注册表以使用npm安装组件。此外，你可以在任何存储库中导入组件并进行修改。在短期内，这以与Spotify/iTunes更改以前通过静态CD音乐专辑共享音乐的过程类似的方式，彻底改变了共享和组成组件的过程。这是一个动态的模块化解决方案，每个人都可以共享和使用组件。从长远来看，Bit有助于微前端的开发。主要是因为它已经可以让你独立版本，测试，构建和更新UI应用程序的各个部分。
3.8、设计与开发的整合
随着组件驱动设计系统的兴起，使产品和团队之间的UI一致，新工具应运而生，弥合了设计师和开发人员之间的鸿沟。但是，这不是简单的任务。尽管代码本身实际上是唯一的真理源（这是用户真正得到的），但是大多数工具都试图弥合设计者与设计者之间的鸿沟。在此类别中，您可以找到成帧器，Figma，Invision DSM等。在开发人员的末端，你可以看到Bit.dev之类的平台如何托管下一代组件库并帮助建立共享组件的采用范围。
该平台为您的实际源代码提供了呈现的可视化效果，以便设计人员可以与开发人员合作，并以可视化方式在源代码本身上进行讨论。要注意的另一个有前途的想法是设计令牌。将令牌放置在代码中，设计人员可以通过它们直接与外部协作工具真正控制简单的样式方面（例如颜色）。与Bit.dev等平台集成后，可以创建比以往更紧密的工作流程。
3.9、跨端开发框架迅猛发展
从最初的React Native，到后来的Flutter，electron，跨端的解决方案受到了大量前端工程师的关注和学习。
Flutter2的发布，其Web开发能力也过度到了稳定版本，同时桌面端开发能力也进入了beta阶段，进一步提高了代码的复用性，同时它也拓展了很多IOS的功能，生态进一步壮大。近乎一套代码便可以完成移动端、web端、桌面端应用的开发，大大缩减开发人员学习其他平台开发技术的成本，一线互联网公司也在将其部分应用使用Flutter进行重构。
electron作为一个基于Nodejsde桌面端跨端开发框架，深受大厂的喜爱，飞书、vscode、twitch等均是基于electron进行开发。跨平台也让 Electron 可同时开发 Web 应用和桌面应用，无论是 UI，还是代码，很多资源都可以共享，大幅减少了开发者的工作量。
需求推动着跨端框架的发展，无论从成本还是效率考虑，跨端开发都将成为前端开发未来的发展方向之一，其生态也会迎来疯狂扩张。
3.10、低代码平台持续发展
随着十四五规划的推出，进一步推动了企业数字化转型的步伐，众多企业面临数字化转型。相较于培养一支开发团队，多数企业更倾向于使用低代码平台，通过无编码或低编码的方式快速搭建自己的数字化系统。同时，低代码平台迎来了爆发式的增长，至今仍将保持50%的平稳增速。平台快速发展，覆盖的业务场景也逐渐增多，中小企业95%以上的场景可通过低代码平台搭建，中大型企业的覆盖率也能达到70%。
低代码平台的迅猛发展，很多业务场景的开发工作逐渐被平台替代，很多简单的前端页面的开发都会转移到平台中完成，初级前端工程师的生存重建逐渐被蚕食。同时低代码平台的发展也会对前端工程师提出了更高的要求。
4、总结
前端开发趋势一直都是热度高且变化快。因此，对于前端开发者来说，想要跟上这些不断变化的趋势，需要耗费巨大的精力。至于2022年前端技术具体会发生哪些变化，让我们拭目以待吧。
本文分享自华为云社区《2022前端技术领域会有哪些新的变化》，作者：架构师李肯。
2024年网页制作的趋势 篇3
在当今信息技术飞速发展的时代，我们不能只是站在一边观察，必须要成为事件的中心。我们要从所有相关来源获取知识，如果不想落后的话，就要始终跟得上时代。2016年已经结束，这意味着2017年即将为Web开发领域带来新的东西。除了本篇回复之外可以阅读这篇文章以了解关于移动应用开发的其他趋势：“移动应用：2017年的趋势是什么？”
不能落后，要跟上时代的发展！
1. 机器人
人们将不再广泛地使用简单的网页，因为简单网页的互动性越来越强。我们的在线活动很快就会被不同的互动提示器简化到根本不需要我们动脑子的地步。如今机器人很受欢迎，但这只是一个开始。全球大多数公司都使用Slack工具进行团队间的沟通。我们都知道可以在Slack工具里启动机器人，这个机器人可以给你打招呼、询问你的姓名、自动在你的闲置帐户中生成姓名等等。机器人已经可以弹出更多的工具和应用程序，这预示着未来将是在线帮手的时代。
2. 运动用户界面
动画、视频和GIF已成为我们日常生活的一部分。很多Web应用都非常快捷、有吸引力，除此之前，用户还需要什么功能呢？运动用户界面广泛用于快速创建CSS过渡和动画，使用户体验更加愉快和舒适。最新版本的运动用户界面已经与动画排队系统相结合，灵活的CSS模式具有更多的稳健迁移选择，适用于各种JavaScript动画库。可以确定的是，未来静态图像将完全让位于动态图像。
3. 反应敏捷
手机是现代世界的座右铭。很多人每天都至少用一次手机在互联网上搜索信息、发送消息或者打电话，重度手机党使用手机的频率就更高了，所以应该最大化地提升使用手机的舒适感。如果您是网站所有者，目前为止还没有意识到迅速响应的重要性，那么现在就要开始行动，让访问您网站的用户更方便地浏览您的网站。正如你所看到的，快速反应是必须的。此外，你可以节省开发移动应用程序等额外的资源，确保手机和笔记本电脑用起来比较舒适。
4. 单网页网站
你是否被多网页网站所困惑，上面的许多标签和页面让你的上网体验非常糟糕？现在就不用担心了，单网页网站的时代就要来临。单网页网站在大多数大公司中都非常受欢迎。它用起来很方便，滚动几下鼠标就可以找到你所需的信息。
5. Javascript将引领未来
未来JavaScript将占据主导地位，它的缺点或弱点比较少。没有人说JavaScript没有弱点，但也不存在比它更理想的计算机语言了。甚至连Mac OS的硬件使用的都是JavaScript。此外，像Angular、Node、React等前端库也越来越受欢迎，而且还出现了更多、更小的库。
怪不得JavaScript已经成为与HTML和CSS相结合的基本Web开发栈的重要组成部分。这个事实本身就是不言而喻的。
6. 视差效果
人们经常会用到视差效果，但很多时候都没有把名字叫对。其实视差效果是向网站添加额外维度层的最佳方法之一，也可以用于添加华丽的3D效果。
将改变世界的趋势
这篇文章列举了Web开发的所有趋势，很快这些趋势就将改变世界。但我们不知道2017年会出现什么趋势。所以随着科技的不断发展，也许有一天我们会大受灵感启迪，自己发明出某种东西！
2024年网页制作的趋势 篇4
这个问题，首先看看室内设计行业的具体操作流程。室内设计行业，属于比较感性的行业，具体工作的劳动量不大，重点是在于创意与细节，往往女生在这方面比男生还更加好一些，而且室内设计行业有着很好的发展前景和不错的收入，工作体面，社会地位也比较高，所以女孩子学室内设计还是挺好的。或者说，女孩子学设计类的工作都不错。
对于女生学室内设计好吗这个问题，记住这3点： 1、室内设计是一种有自己的思想和创意，优良的色彩搭配、造型搭配能力，懂得顾客的需求和自己的设计去和权衡。 2、设计不分男女，行业上照样有出色的女设计师。 3、必须热爱此工作才可以。
说真的 国内的室内设计 已经很饱和 也很混乱，。就这几年有你这样想法的人很多， 导致涌出了许多室内设计师，因为这个室内设计，在国内来说门槛很低，模仿，抄袭。比比皆是。主要原因是普通百姓，对这块很不了解，也不会关注你抄袭，还是模仿。导致现在随便个人 ，就能做这行，但是就专业角度来说。他们只能是很业余的。根本没有专业室内设计师的能力。作为一名室内设计师，除了美术功底外，要学的还有太多。 但是现在很多就是 随便培训下，会设计的软件，就去做设计，那你能做出好的设计吗？不能。 而且很多人都是看好这份前途。并没有真正的热爱。你自己都不能投入去，怎么做出一份有自己灵魂印记的设计呢，就室内设计来说，不是简简单单，创意与美的结合。那是一个设计师源于对生活的理解，是一个设计师灵魂的体现。 说了好多废话。 说说你的情况吧。如果你想学，那当然是可以的，只要认真学，能深入的去了解什么是室内设计。肯定能学好，至于你说的时间，那是什么标准？能做出设计？那有什么难度，只要是学会软件就OK 。几个月。甚至不用。可这能叫设计师吗？ 最多是 绘图而已。 你对这方面有兴趣的话。你要孜孜不倦的去学习，去专研。当然一个好老师 也是很重要的。 要想做一个出色的室内设计师，要学习的东西 有太多太多，一个软件 只是一种工具而已，那什么也不是，你要明白设计，不是画图，不是会用软件就是设计。OK说那么多了。
2024年网页制作的趋势 篇5
谢谢邀请！
作为一个web开发者，无论是做前端还是后端，都应该时刻保持着对技术的敏感性。技术的流行需要一定时间的沉淀，有哪些web开发趋势会可能会在2019年成为web开发的新宠呢？
趋势一：更加移动优先
响应式设计显然是目前Web前端开发领域的主要趋势之一，并且这一趋势在未来还将持续一段时间。虽然现在的响应式设计大部分还是以PC版优先，然而如果有一天我们把PC版放到比移动版次要的位置上，也没有什么好奇怪的。因为，目前许多Web前端开发者已经开始转向以移动优先方案来做他们的响应式设计和开发，这就象征着一个重大转变，值得我们跟进的。
趋势二：更多使用快速原型开发工具
众多Web前端开发者从前几年开始尝试使用快速原型开发工具，而在2019年将是这种技术真正爆发的一年。“UXpin、Webflow、Invision以及其它许多快速原型开发工具，让设计师不用写一行代码，就能为网站和服务快速创建低保真和高保真原型，便于设计师衡量它们的可用性和美观性。” Web设计师Jamie Leeson says如是说，“许多工具也允许你在浏览器中设计原型并从工具里真正启动网站自身。”
趋势三：简化的Web设计
在2018年，我们看到简化的Web设计得到广泛认可。事实上极简设计成为大部分行业的主要趋势。在 2019年，极简设计会继续流行，即使有变化也是一些微小的改变。
趋势四：更加重视人工智能
你已经听说了人工智能AI，但是你对Web前端开发设计中的人工智能熟悉吗?Web与AI碰撞，带来更强大的网页，为网站主和用户同时带来价值。提供网络主机服务的Wix，是这一领域的领头羊。他们现在提供了一个过程来询问用户一些问题，然后使用一个基于AI的平台，根据用户的回答提供给用户最符合他们需求的Web设计。这非常酷，值得一看。
趋势五：更多单页站点
由于用户更喜欢用滚屏方式浏览网页，各公司将会引起重视并停止浪费时间在设计和开发用户不喜欢的层层相套的子页面上。这一趋势将简化互联网并带来更迷人和身临其境的网页浏览体验，每个人都会感觉到愉悦。2019年，你可以期待看到更多的单页站点。
趋势六：虚拟现实
如果要讨论2018年的技术趋势怎能不提到虚拟现实技术VR呢，2019年将是VR成为主流的一年，这也就意味着web开发者将通过VR来吸引用户，我们已经看到一些公司比如Mozilla和Google投资开发VR与Web之间的API。越来越多的VR应用程序将相继问世，所以如果看到越来越多的虚拟现实元素出现在Web上，也别觉得奇怪。
以上就是我简单总结的几个web开发的趋势，希望能帮到大家吧。
2024年网页制作的趋势 篇6
如今，前端开发工程师已经可以和后端开发工程师相提并论，并且具有非常可观的就业前景：前端技术生态是建立在JavaScript编程语言之上的，没有任何竞争对手。并且薪资高，一线城市轻松突破20k！
我觉得前端的好处就是，即使你的数据结构算法掌握的不够牢固、对操作系统、线程、并发的概念理解的不够深入，但你能够具有一定前端知识的广度和经验，也能让你在前端开发场景中游刃有余，所以前端的基础+练习经验+及时关注更新的东西很重要。
01 学习web前端基础：大概需要一个月左右，同时要对html和css有了个系统的认识。你会从中学会了布局。还有结构与表现分离的思想。我觉得前端要学的技术太多了，很多人认为前端开发要掌握的技能简单，就是网页制作，前端开发是网站的前台代码实现，包括基本的HTML和CSS。
02在设计网页时，要分析网页分为几个部分，才能排版好。logo、导航栏、头部、身体、尾部都要分配好，给他们命名。
第一步做好后，建立一个相对完整的html结构，也就是纯html文档，一个完整的骨架先造出来然后再去给它穿衣服。在建立html文档时，要分析哪里该用div， 什么情况用class， 什么情况用id。一般来说，如果是比较通用类的，用class，而比较特殊只会出现一次的比如页角、侧栏等，可以选择使用id来标记。
模型已经成型后，该给它上色了，也就是css的编写了。首先应该从body开始，给body设置规则比如width, margin、background-color等，然后一层一层来设置，这个过程时最复杂最麻烦，基本95%的时间是花在这上面的。在上面做好后，就是一些边边角角的修改了，比如位置的微调，颜色微调等。
模仿一个复杂的网页需要注意的东西太多了，某一个位置的一张图片的设置:是一定宽度和高度的范围然后让图片作为背景覆盖，还是单纯一个搞定呢，这两个方案各有各的特点，采用什么方案得看实际情况，如果是比较大的如logo 可以做用“背景法”来处理，如果是文本中的图片，则用第二种方法会好些。还有很多方向，大家可以找找相关项目 做好项目的前提是基础打好哦，基础不好继续回炉深造吧
别再说大家有好东西私藏，有时候分享了，没人当回事，比如这里：
01-最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程_哔哩哔哩_bilibili
02-黑马程序员web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）_哔哩哔哩_bilibili
03-黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibili
04-黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作_哔哩哔哩_bilibili
05-黑马程序员AJAX零基础到精通_整合Git核心内容全套教程_哔哩哔哩_bilibili
06-黑马程序员Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili
07-「链接」黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili
08-黑马程序员前端React视频教程，react零基础入门原理详解到好客租房项目实战_哔哩哔哩_bilibili