- 博客(10)
- 收藏
- 关注
RSS订阅原创 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
672
原创 Cookie、Session、本地存储
Cookie、Session、本地存储 HTTP协议是无状态的协议，一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接，这就意味着服务器无法从连接上跟踪会话，于是出现了Cookie和Session Cookie Cookie实际上是一小段的文本信息，客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie，客户端会把Cookie保存起来，当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器，服务器检查该
2020-12-02 22:04:42
732
转载 前端缓存
缓存 缓存是一种保存资源副本并在下次请求时直接使用该副本的技术 为什么要缓存（缓存的优点） 缓解服务器压力（不用每次去请求资源） 提升性能，提高访问速度（打开本地资源速度当然比请求回来再打开要快得多） 减少网络 IO 消耗，减少带宽消耗 通过网络获取内容既速度缓慢又开销巨大 如果是较大的响应需要在客户端与服务器之间进行多次往返通信，这会延迟浏览器获得和处理内容的时间，还会增加访问者的流量费用 缓存类型 缓存总体可分为：私有缓存（private）与共享缓存（public） 私有缓存：该资源只能被浏览
2020-11-30 20:54:01
218
原创 Vue Router
后端路由与前端路由 后端路由：根据不同的URL地址分发不同的资源 前端路由：根据不同的用户事件，显示不同的页面内容（负责事件监听，触发事件后，通过事件函数渲染不同内容） 多页面应用模式MPA（Multi Page Application） 单页面应用模式SPA（Single Page Application） 应用构成 由多个完整页面构成 一个外壳页面和多个页面片段构成 跳转方式 页面之间的跳转是从一个页面到另一个页面 一个页面片段删除或隐藏，加载另一个页面片段并显示。片段间的模拟跳转
2020-11-28 14:33:52
173
原创 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
347
转载 yarn
yarn和npm的区别 熟悉一个新项目一般都是如下步骤： git clone xxx npm install npm run dev 或者 git clone xxx yarn yarn start yarn是什么？ yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，yarn是为了弥补 npm 的一些缺陷而出现的 npm的缺陷： npm install的时候巨慢，新的项目拉下来要等半天 同一个项目，安装的时候无法保持一致性。由于pac
2020-11-27 13:48:03
144
原创 webpack打包工具
模块化 传统开发模式的主要问题： 命名冲突 文件依赖 通过模块化解决上述问题： 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块 模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护 浏览器端模块化规范 AMD：Require.js（http://www.requirejs.cn/） CMD：Sea.js（https://seajs.github.io/seajs/docs/） 服务端模块化规范 Co
2020-11-23 15:17:06
249
原创 Vue基础
Vue概述 渐进式JavaScript框架 声明式渲染—>组件系统—>客户端路由—>集中式状态管理—>项目构建 易用：熟悉HTML、CSS、JavaScript可快速上手Vue 灵活：在一个库和一套完整框架之间自如伸缩 高效：20KB运行大小，超快的虚拟DOM Vue虚拟DOM 前言：Vue2.0引入了虚拟DOM，比Vue1.0的初始渲染速度提升了2～4倍，并大大降低了内存消耗 为什么要提出虚拟DOM：随着时代的发展，页面上的功能越来越多，我们需要实现的需求也越来越
2020-11-23 00:10:49
723
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
152
原创 前端性能优化
从输入URL到页面加载完成过程 浏览器的地址栏输入URL并按下回车 浏览器查找当前URL是否存在缓存，并比较缓存是否过期 DNS解析URL对应的IP 根据IP建立TCP连接（三次握手） HTTP发起请求 服务器处理请求，浏览器接收HTTP响应 渲染页面 关闭TCP连接（四次挥手） 前端性能优化的七大手段 减少请求数量 减小资源大小 优化资源加载 减少重排（回流）重绘 使用性能更好的API 构建优化 优化网络连接 减少请求数量 合并 如果不进行文件合并，有如下3个隐患 文件与文件之间有插入的上行
2020-11-15 16:39:49
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人