-Whonow�-CSDN博客

浏览器的本地存储以及各自的优劣浏览器的本地存储主要分为Cookie、WebStorage (包括 localStorage 和 sessionStorage)、和IndexDB。CookieCookie 最开始被设计出来其实并不是来做本地存储的，而是为了弥补HTTP在状态管理上的不足。HTTP协议是一个无状态协议，客户端向服务器发送请求，服务器返回响应，就结束了，但是下次发送请求如何让服务器知道客户端是谁呢？？这个时候就要用到cookie了。Cookie 本质上就是浏览器里面存储的一个很小的文本文件

2021-07-16 16:59:20 273

转载 2021-07-15 浏览器缓存机制

浏览器缓存机制缓存是性能优化的中非常重要的一环，接下来以三部分来把浏览器的缓存机制说清楚：强缓存协商缓存缓存位置强缓存浏览器的缓存作用分为两种情况，一种是需要发送HTTP请求，一种是不需要发送请求。首先是检查强缓存，这个阶段是不需要发送HTTP请求。那么如何检查呢？通过相应的字段进行检查。在HTTP/1.0时期，使用 Expires 即过期时间，存在服务端返回的响应头中，告诉浏览器在过期时间前可以直接从缓存里面获取数据，无需要再请求。但是，这个潜藏一个大坑：服务器时间和浏览器时间

2021-07-15 16:16:12 181

原创 vue EChaets 树图改变节点的颜色

EChaets 树图改变节点的颜色效果图：代码：export default { name: 'TreeChart', data() { return { //定义一个颜色数组 colorSet: ['blue', 'green', 'pink', 'grey', 'orange', 'yellow', 'purple'], //一个全局的数组 Arr: [], } },处理数据的方法： chartDetail(c

2020-11-13 11:12:55 1181

原创 Web前端面试考点（1）

Web前端面试考点（1）1、for…in与object.keys（）的区别Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用。for…in 循环遍历该对象时返回的顺序一致 // 一、for..in..和objec.keys的区别 var obj = {a:1} for(var key in obj){console.log(key)} // a obj.__proto__.b = 2 for(var key i

2020-10-13 16:17:44 94

原创 antD+Vue后台管理项目总结

Ant Design Vue 后台管理项目总结父组件调用子组件（Modal为例）接口调用插槽的使用ES6中规范写法ES6箭头函数修改数据之后的refresh数据重置时间格式（moment文档）在一个界面打开另一个界面（路由）上传图片的功能上传图片问题-展示默认图片图片上传问题--不同id对应不同imagegithub 提交github提交规范github命令行提交代码github创建分支查看当前所有命令js实体文本转纯文本方法antD表单绑定和校验规则正则表达式wangEditor富文本编辑器富文本编辑器

2020-08-05 13:55:27 1468

原创 jQuery实战——banner轮播图

基于jQuery 实现的一个简易banner轮播图HTML代码<body> <div class="play" id="play"> <ol> <li class="active">1</li> <li >2</li> <li >3</li> </ol> <ul> <li><img src="http://pic1.

2020-06-17 11:54:34 791

原创 jQuery 实战———放大镜

基于jQuery实现一个放大镜功能HTML代码<body> <div id="small"> <img src="http://cms-bucket.nosdn.127.net/2018/11/28/5915fc732a2747ecb5132a9376b65c2c.jpg"> <div id="mark"></div> </div> <div id="big"> <img src="http

2020-06-16 12:15:46 130

原创 jQuery

关于jQuery的学习简介工具jQuery相关插件jQuery的引入jQuery1.jQuery的准备工作2.jQuery 实例实践中遇到的问题及问题解决简单例子：一个简易的菜单隐藏和展开简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的Ja

2020-06-08 19:47:07 600

whonow33的博客

原创 canvas 实现绘画板

翻译 2021-07-16 浏览器本地存储以及各自的优劣