自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 Vue3.0学习

Vue编译网站:Vue2.x:https://template-explorer.vuejs.org/#Vue3.0:https://vue-next-template-explorer.netlify.app/#PatchFlags:export const enum PatchFlags { TEXT = 1, // 动态文本节点 CLASS = 1 << 1, // 2 // 动态 class STYLE = 1 << 2, // 4 // 动态 sty

2020-12-02 22:07:20 638

原创 Cookie、Session、本地存储

Cookie、Session、本地存储HTTP协议是无状态的协议,一旦数据交换完毕,客户端与服务器端的连接就会关闭,再次交换数据需要建立新的连接,这就意味着服务器无法从连接上跟踪会话,于是出现了Cookie和SessionCookieCookie实际上是一小段的文本信息,客户端请求服务器,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie,客户端会把Cookie保存起来,当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器,服务器检查该

2020-12-02 22:04:42 700

转载 前端缓存

缓存缓存是一种保存资源副本并在下次请求时直接使用该副本的技术为什么要缓存(缓存的优点)缓解服务器压力(不用每次去请求资源)提升性能,提高访问速度(打开本地资源速度当然比请求回来再打开要快得多)减少网络 IO 消耗,减少带宽消耗通过网络获取内容既速度缓慢又开销巨大如果是较大的响应需要在客户端与服务器之间进行多次往返通信,这会延迟浏览器获得和处理内容的时间,还会增加访问者的流量费用缓存类型缓存总体可分为:私有缓存(private)与共享缓存(public)私有缓存:该资源只能被浏览

2020-11-30 20:54:01 192

原创 Vue Router

后端路由与前端路由后端路由:根据不同的URL地址分发不同的资源前端路由:根据不同的用户事件,显示不同的页面内容(负责事件监听,触发事件后,通过事件函数渲染不同内容)多页面应用模式MPA(Multi Page Application)单页面应用模式SPA(Single Page Application)应用构成由多个完整页面构成一个外壳页面和多个页面片段构成跳转方式页面之间的跳转是从一个页面到另一个页面一个页面片段删除或隐藏,加载另一个页面片段并显示。片段间的模拟跳转

2020-11-28 14:33:52 150

原创 Vue踩过的坑

Vue脚手架取消ESLint校验ESLint是插件化的 JavaScript 代码检测工具,使用脚手架的时候会使用eslint来实现代码的质量检测,但是真正在书写代码的时候要时刻记住这些 “标准”可能有点难受,比如结尾不加分号,使用单引号,首行俩个空格缩进等vue.config.js:module.exports = { // 取消ESLint校验 lintOnSave: false}Vue cli3 bulid打包后dist文件夹下index.html打开为空白页问题的解决

2020-11-28 14:26:38 328

转载 yarn

yarn和npm的区别熟悉一个新项目一般都是如下步骤:git clone xxxnpm installnpm run dev或者git clone xxxyarnyarn startyarn是什么?yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,yarn是为了弥补 npm 的一些缺陷而出现的npm的缺陷:npm install的时候巨慢,新的项目拉下来要等半天同一个项目,安装的时候无法保持一致性。由于pac

2020-11-27 13:48:03 127

原创 webpack打包工具

模块化传统开发模式的主要问题:命名冲突文件依赖通过模块化解决上述问题:模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护浏览器端模块化规范AMD:Require.js(http://www.requirejs.cn/)CMD:Sea.js(https://seajs.github.io/seajs/docs/)服务端模块化规范Co

2020-11-23 15:17:06 229

原创 Vue基础

Vue概述渐进式JavaScript框架声明式渲染—>组件系统—>客户端路由—>集中式状态管理—>项目构建易用:熟悉HTML、CSS、JavaScript可快速上手Vue灵活:在一个库和一套完整框架之间自如伸缩高效:20KB运行大小,超快的虚拟DOMVue虚拟DOM前言:Vue2.0引入了虚拟DOM,比Vue1.0的初始渲染速度提升了2~4倍,并大大降低了内存消耗为什么要提出虚拟DOM:随着时代的发展,页面上的功能越来越多,我们需要实现的需求也越来越

2020-11-23 00:10:49 704 1

原创 typescript

typescript中的数据类型布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)第一种定义数组的方式:let arr:number[]=[1,2,3,4,5]第二种定义数组的方式:let arr:Array<number>=[1,2,3,4,5]元组类型(tuple)let arr:[string,number,boolean]=["ts",3.18,true]相当于js中的var arr=["ts",3.18

2020-11-15 23:59:31 134

原创 前端性能优化

从输入URL到页面加载完成过程浏览器的地址栏输入URL并按下回车浏览器查找当前URL是否存在缓存,并比较缓存是否过期DNS解析URL对应的IP根据IP建立TCP连接(三次握手)HTTP发起请求服务器处理请求,浏览器接收HTTP响应渲染页面关闭TCP连接(四次挥手)前端性能优化的七大手段减少请求数量减小资源大小优化资源加载减少重排(回流)重绘使用性能更好的API构建优化优化网络连接减少请求数量合并如果不进行文件合并,有如下3个隐患文件与文件之间有插入的上行

2020-11-15 16:39:49 169

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除