2024年Web前端最全HTML5实用小技巧分享（一）——我的第一个网页，最新前端大厂高频面试题

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

做一个网页，有两种方法，第一种方法就是用编辑器做，我给大家推荐几个常用的网页制作的编辑器，比如DW（Dreamweaver），Hbuilder等等，而我用的是pycharm，因为我学python的过程中， 发现这个编辑器也可以写html，然后就直接用了。

接下来告诉大家怎么用第二种方法做网页

记事本做一个网页，对，你没有听错，就是用记事本写。

1、创建一个记事本

2、然后把这段代码复制进去

你要写的内容就在这里，不加代码修饰的话，也是可以显示在网页里面的

这样你的一个小网页就这么搭建好了

3、然后保存，把文件后缀名改成htm或者html（有的同学发现改不了，这时你要在我的电脑里面设置一下，把后缀名显示的选项打开，不同的操作系统 ，更改的方式不一样，方法我这里就不说了，大家自行百度就可以了）

图片是不是变成了游览器的样子，点开就可以了

但是打开的是乱码，因为用记事本编辑的代码是不支持中文的，只能用英文

但是我们可以把第二行代码中的“”，en代表英文，我们改成zh即可，或者把ang=“en” 直接删掉也可以

下面我们换成英文字母试试看！！！

I am happy

运行结果如下

接下来就介绍用编辑器实现网页设计

---

打开我的编辑器 pycharm

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】