随笔分类 - 前端学习
摘要：无CDN时的情况 1、用户在浏览器访问栏中输入要访问的域名； 2、浏览器向DNS服务器请求对该域名的解析； 3、DNS服务器返回该域名的IP地址给浏览器 4、浏览器使用该IP地址向服务器请求内容。 5、服务器将用户请求的内容返回给浏览器。 有CDN时的情况（以阿里云CDN为例） 1.当终端用户向ww
阅读全文
摘要：2022.07.08 1 git拉代码权限问题 问题：clone代码的时候遇见权限报错，然而确实已经开通权限 解决：配置git账号密码的时候，用户名是之前设置的用户名，而不是邮箱名（自己设置过但是忘记了...）。 2 ssh方法拉不下代码 问题: 在配置了gitlab上的ssh之后仍然无法通过ssh
阅读全文
摘要：1 //封装网络请求方法 2 const BASE_URL = "http://xxxxxx" 3 class Request { 4 request(url, method, params) { 5 return new Promise((resolve, reject) => { 6 wx.re
阅读全文
摘要：CSS 1. 说一下盒模型 css中的盒模型包括标准盒模型和IE盒模型（怪异盒模型）。 标准盒模型：平常设置的width就只是content的宽度，盒子的宽度包括content+padding+border； IE盒模型：平常设置的宽度width是整个盒子的宽度； 可以使用box-sizing来设置
阅读全文
摘要：各种协议在通信过程中的用处 HTTP 1.1 1. http协议规定，请求从客户端发出，最后服务器响应该请求并且返回。换句话说，一定是从客户端开始建立通信的，服务器端在没有接收到请求之前不会发送响应。 2. http请求报文的构成 3. http响应报文的构成 4. http是无状态协议。 使用ht
阅读全文
摘要：1. 什么是Vue双向绑定？ 理解MVVM： 数据层（Model）：应用数据及业务逻辑 视图层（View）：应用的展示效果，各类UI组件 业务逻辑层：（ViewModel）：负责将数据和视图关联起来 ViewModel的职责： 数据变化后更新视图 视图变化后更新数据 ViewModel主要由两部分组
阅读全文
摘要：对mixin的理解 1. 什么是mixin mixin（混入），提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。 本质其实就是一个js对象，它可以包含我们组件中任意功能选项，如data、components、methods、created、computed等等 我们只要将共用的功能以对
阅读全文
摘要：对Vue中SPA的理解 1. 什么是SPA？ SPA（single-page application），只有一个HTML页面，通过路由实现页面内的局部切换，公共资源部分只加载一次。 我们熟知的JS框架如react,vue,angular,ember都属于SPA。 2. SPA和MPA的区别 MPA（
阅读全文
摘要：Promise实现 Promise 是 ES6 新增的语法，解决了回调地狱的问题。 可以把 Promise 看成一个状态机。初始是 pending 状态，可以通过函数 resolve 和 reject ，将状态转变为 resolved 或者 rejected 状态，状态一旦改变就不能再次变化。 th
阅读全文
摘要：前端高频手撕代码整理（一） 1.手写count 使用闭包： var count = ( function(){ let a = 0 return function () { console.log(++a) } } )() count() // 1 count() // 2 count() // 3
阅读全文
摘要：setup()执行的时机 setup()在beforeCreate之前执行一次，this是undefined setup()的参数 1.props props值为对象，包含：组件外部传过来的且组件内部声明接收了的属性。 查看一下： 2.context 上下文对象，包含以下三个内容： attrs：值为
阅读全文
摘要：模仿VUE2实现响应式 Vue2: 通过Object.defineProperty()来实现 1. 代码 // 模仿vue2实现响应式 let person = { name: '张三', age: 20 } let person_vue2 = {} Object.defineProperty(pe
阅读全文
摘要：1. Cookie和seesion 1.1 cookie 定义： 指某些网站为了辨别用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 用途： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。Cookie 一个典型的应用是当登录一个网站时，网站往往
阅读全文
摘要：一、基础语法 参考： https://www.cnblogs.com/msi-chen/p/10974009.html https://www.cnblogs.com/jiangbei/p/8462294.html 1. 在HTML中添加以下标签内容 <html xmlns:th="http://w
阅读全文
摘要：1. 需求： 2. 分析： 使用ant-design里面Table表格的可编辑单元格模板以及select选择器进行改造。 https://www.antdv.com/components/table-cn/#components-table-demo-editable-cells 将Table表格可
阅读全文
摘要：开发环境搭建 1. 下载并安装Node.js 2. 使用npm 全局安装typescript npm i -g typescript 3. 创建ts文件 4. 使用tsc对ts文件进行编译，转换成js文件 tsc xxx.ts 基本类型 1. 类型声明 通过类型声明可以指定TS中变量（参数、形参）的
阅读全文
摘要：1. git常用的6个命令： git clone git push git add git commit git checkout git pull workspace：工作区 staging area：暂存区、缓存区 local repository：版本库或者本地仓库 remote reposi
阅读全文
摘要：一、Webpack是什么 Webpack是基于模块化打包的⼯具。 1. 模块化： 模块化：将大的文件拆分成互相依赖的小文件，再进行通一的拼装和加载； JS的模块化：利用Webpack+babel的模式将所有模块系统进行打包，同步加载，也可以搭乘多个chunk异步加载； CSS的模块化：sass、le
阅读全文
摘要：前端性能优化主要有两个方面： 初始阶段 >加载优化 运行阶段 >渲染优化 一、初始阶段 >加载优化 1. 首页加载慢 首页加载图片过多： 使用懒加载的方法减少首屏图片的加载量（懒加载的原理就是监听滚动条事件，如果满足滚动条距离浏览器顶部的高度 图片距离顶部的高度，将data-src赋值给src） 对
阅读全文
摘要：1. 手写闭包 首先，看一个简单的案例： 1 for (var i = 0; i < 4; i++) { 2 setTimeout(() => { 3 console.log(i); 4 }, i * 1000); 5 } 6 // 每隔一秒打印 4 4 4 4 因为var 没有块级作用域，循环变量
阅读全文
