HTTP相关 HTTP 与HTTPS的区别 HTTPS是HTTP协议的安全版本,HTTP协议的数据传输是明文的,是不安全的,HTTPS使用了SSL/TLS协议进行了加密处理,相对更安全 HTTP 和 HTTPS 使用连接方式不同,默认端口也不一样,HTTP是80,HTTPS是443 HTTPS 由于需要加密以及多次握手,性能方面不如 HTTP HTTPS需要SSL,SSL 证书需要钱,功能越强大的证书费用越高 2022-04-08 前端基础 基础知识 HTTP
vue相关问题 简述MVVM视图模型双向绑定,是Model-View-ViewModel的缩写,也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知viewModel层更新数据。以前是操作DOM结构更新视图,现在是数据驱动视图。 2022-03-18 框架原理 javaScript vue
webpack相关 webpack的理解,解决了什么问题?webpack 是一个用于现代JavaScript应用程序的静态模块打包工具 webpack可以解决一下几个问题: 需要通过模块化的方式来开发 使用一些高级特性来提高开发效率,比如通过ES6+、TS开发脚本逻辑,scss、less等CSS扩展语言来编写css 监听文件的变化来并且反映到浏览器上,提高开发的效率(热更新) 开发完毕后需要对代码进行压缩、合并以及 2022-02-17 前端工程化 webpack
手写Promise及其静态方法 Promise.resolve 1、Promise.resolve最终结果还是一个Promise,并且与Promise.resolve(该值)传入的值息息相关 2、传入的参数可以是一个Promise实例,那么该函数执行的结果是直接将实例返回 3、这里最主要需要理解跟随,可以理解成Promise最终状态就是这个thenable对象输出的值 源码实现 12345678910Promise.myRes 2022-02-16 前端基础 javaScript Promise
commonJs与ESModule的区别 开篇学习之前引出几个问题: Commonjs 和 Es Module 有什么区别 ? Commonjs 如何解决的循环引用问题 ? Es Module 如何解决循环引用问题 ? exports 和 module.exports 有何不同? require 模块查找机制 ? import() 的动态引入? Es Module 如何改变模块下的私有变量 ? 模块化开发很容易存在全局污染和依赖管理混 2021-11-02 前端基础 模块化
typescript知识点 TypeScript基础学习基础类型12345678910111213let isDone: boolean = truelet age: number = 20let binaryNumber: number = 0b1111 // 支持二进制或八进制let fistName: string = 'YoLinDeng'let u: undefined = undefinedlet n: null 2021-11-02 前端基础 typeScript
浏览器缓存原理 HTTP报文分为两种: HTTP请求(Request)报文请求行 – HTTP头(通用信息头,请求头,实体头) – 请求报文主体HTTP响应(Response)报文缓存过程分析 浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果,会根据响应报文中HTTP头的缓存标识,决定是否缓存结果,是则将请求结果和缓存标识存入浏览器缓存中 浏览器每次发起请求,都会先在 2021-07-17 前端基础 浏览器缓存
vue变化侦测 变化侦测就是追踪状态,亦或者说是数据的变化,一旦发生了变化,就要去更新视图。 变化侦测可不是个新名词,它在目前的前端三大框架中均有涉及。在Angular中是通过脏值检查流程来实现变化侦测;在React是通过对比虚拟DOM来实现变化侦测,而在Vue中也有自己的一套变化侦测实现机制。 object变化侦测1.让Object数据变得“可观测”通过JS提供的Object.defineProperty方法 2021-07-10 框架原理 javaScript vue
div局中 div居中的几种方法使div水平垂直居中1、flex布局实现(已知元素宽度)给父盒子设置:display: flex;justify-content: center;align-items: center; 2、position(已知元素宽度)父元素设置为:position: relative;子元素设置为:position: absolute;距上50%,据左50%,然后减去元素自身宽度的一半距 2021-06-23 前端基础 css
css性能优化 合并css文件,如果页面加载10个css文件,每个文件1k,那么也要比只加载一个100k的css文件慢。 减少css嵌套,最好不要嵌套三层以上。 不要在ID选择器前面进行嵌套,ID本来就是唯一的而且权限值大,嵌套完全是浪费性能。 建立公共样式类,把相同样式提取出来作为公共类使用。 减少通配符*或者类似[hidden=”true”]这类选择器的使用,挨个查找所有…这性能能好吗? 巧妙运用css的继 2021-06-23 前端基础 css