web前端学习记录

1.文件引用规范 CSS 文件或样式在 head 标签中引用，尽量早的让 CSS 文件加载出来。 JS 文件要放在 body 标签尾部。页面里加载和运行 JS 都会阻塞页面的渲染过程，所以把 JS 放

1.重绘和重排 1.重排（回流） :布局引擎根据所有样式计算出盒子模型在页面上的位置和大小，第一次渲染回流是必须发生的，当DOM改变位置大小，会造成重排 2.重绘：计算好盒子模型的位置，大小，浏览器会

1.js延迟加载 1.js文件放在最底部。 但是如果js放在最前边，需要加入defer延迟加载，否则下载HTML，遇见js进行下载，在执行js,最后下载THML defer和async 区别 asyn

1.导航故障 当前页面跳当前页，路径没有变只是参数改变。 解决方法就是重写路由的push,抑制报错。 2.导航守卫 进入一个页面之前需要判断身份。 1.全局守卫 2.路由独享守卫 3.组件内守卫 3.

1.双向绑定的理解 双向绑定的指令v-model，可以绑定一个动态值到视图上，同时可以修改视图能改变数据对应数据。 v-model 指令在表单 input等元素上创建双向数据绑定，v-model是语法

1.vue理解 vue是一个渐进式框架，核心库只关注视图层。它是一个声明式框架，更加关注结果，而命令式关注过程。 MVC模式是后端进行处理的，前端进行借用模式MVVM 后端的MVC：请求在控制器进行处

1.变量的存储。 概念：计算机内存中的一块存储空间，是存储数据的基本单元。 程序执行从硬盘加载到内存中，再发送给CPU进行执行。 java中的变量： 变量三要素：数据类型，变量名，值 如：int mo

日期 Date.now() 从1970年1月1日到现在所经过的毫秒数 输出结果是：1689659153623 Date 是一个构造函数，必须使用new创建日期对象。 输出结果：Tue Jul 18 2

创建Koa 第一步Koa项目初始化 使用命令npm init -y 进行初始化生成package.json文件，用于记录项目依赖。 第二步安装Koa框架 使用命令npm install --save

2020年10月初正式转行成为一名web前端工程师，但只会简单的HTML及CSS，自己只能用薄弱的基础知识在项目中爬坑，记录下着问题，以巩固自己薄弱的基础

刚开始接触前端时，页面需要轮播。奈何基础太差只能写出简易且土的轮播效果，这里记录下实现效果。 一.愣头愣脑的轮播效果。 1.HTML结构代码块 2.css样式代码块 3.js代码块 一个简易且土气的轮

事件流机制包括三个阶段 1.事件捕获 事件从外层节点一层一层往下走，直到捕获事件目标的位置。 当元素上绑定相同事件，触发之后就会像石头落水直到底部。 如图所示： 通过代码来实现下捕获的过程： 1.HT

浅浅的了解Promise 上一篇同步和异步文章中说过js是单线程。js是用于页面交互，如果设计成多线程，一个线程对DOM进行添加操作，另一个线程同时对DOM进行删除操作，这样会让DOM很懵。单线程是为

小程序单向数据流 单向数据流就是从逻辑层到视图层，vue也是单向数据流Model - view，但是实现了双向数据绑定。而小程序没有做劫持代理，所以不能进行双向数据绑定。但现在小程序是有双向数据绑定这

有些具有风格的网站为了美观性，设计都会加入两三种特殊字体。而这些字体加起来得有个20MB-60MB多，严重影响了网页性能。 即便使用一种特殊字体，页面加载时特殊字体也不会及时替换，造成页面加载完之后，

在没有接触服务器之前，一只以为服务器是个高大上的东西。 刚开始作为一个纯小白说不怕诸位笑话，连接windows服务器都不会，还没有琢磨明白windows服务器，公司已经开始使用Linux服务器，所幸身

开始认为一个网站部署服务器上，域名能正常访问，这个项目算是撒花完结。 但是后面会有客户发现百度无法搜索到，也就是百度没有录入，这个问题是需要解决的。 新网站收录大概在3-30天之内，如果超过期间，就得

进行网站开发时，头部导航栏及底部信息基本每个页面都会有，为了减少重复代码，往往都会提取出来作为公共部分。 方法一：使用iframe框架（不建议使用） 如引入公共部分底部页面代码示例，不过iframe中

一.单线程理解 javascript是单线程，且和DOM渲染共用一个进程，因为JS可以修改DOM结构，DOM渲染时JS就停止，也就是说一定时间内只能执行一段代码。 就像你一个人干家务，拖地，洗衣，缝内