- 博客(16)
- 收藏
- 关注
RSS订阅原创 HTTP缓存机制
什么是HTTP缓存http缓存指的是: 当客户端向服务器请求资源时，会先抵达浏览器缓存，如果浏览器有“要请求资源”的副本，就可以直接从浏览器缓存中提取而不是从原始服务器中提取这个资源。为什么要HTTP缓存1、提高性能，减少网络传输数据；2、缓解高并发问题。HTTP请求报文由请求行、请求头部、请求数据组成请求行：包含请求方式、URL、http使用的协议版本、回车换行。请求头部：以键值对的方式存储，每一条头部都以回车换行结尾。头部携带了一些信息，可以实现一些功能，比如缓存。请求数据：真正要传输
2021-08-24 12:58:14
256
原创 js代码异常捕获
js代码分为同步和异步代码，那么它们的错误捕获是一样的吗？？？try{}catch(){}捕获同步代码抛出异常//try{}catch(){}try { console.log(tt);} catch (e) { console.log(e);//这里可以捕获到错误}//ReferenceError: tt is not defined// at <anonymous>:2:14异步异常则不能被try{}catch(){}捕获到//error事件捕获异常windo
2021-03-12 14:55:58
494
原创 @reduxjs/toolkit学习笔记之createSlice、createAsyncThunk
createSlice废话少说，直接上代码export const initialState: pageState = { dataList: [{ age: 12, name: 'wasdfga', sex: 'man', }], flag: false,};const slice = createSlice({ name: NAMESPACE, initialState, reducers: { updateItem(state, acti
2021-02-19 19:22:19
13759
5
原创 实现call、apply、bind，以及他们的区别
区别call、apply、bind我们要想实现它们首先要知道他们的异同三者都是改变this的指向，把函数内this指向了第一个参数不同点：1、call、apply会执行函数，bind不会需要再次调用2、传参区别，第一个参数都是函数内部this的指向，其余参数call、bind逐个传入，apply以数组的形式传入实现1、三者由函数调用，所以线检查类型2、根据传参不同，实现有所区别...
2019-12-26 16:17:15
267
原创 js垃圾回收机制
垃圾回收js的内存管理是自动执行的，而且是不可见的，我们创建一些各种类型的变量需要内存取存储。然而内存是有限的，js会定期清除不再被使用的变量来回收内存。这个机制叫做垃圾回收机制，主要由一个叫垃圾回收器（garbage collector，简称GC）的后台进程负责监控、清理对象并释放内存。数据的可达性GC主要职责是监控数据的可达性。那么哪些值是可达的呢，简单来说，是那些以某种方式可访问或...
2019-11-25 15:55:13
109
原创 js 防抖和节流
前言：突然被人问到节流和防抖的区别，一脸大写的懵逼，一直以为他俩是一个东西。那赶紧学习一下吧。防抖函数：定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行。原理：对事件处理函数做延时执行，如果在设置的时间内再次触发事件函数，清除定时器（clearTimeout），重新计时。适用场景：一个输入框连续输入，获取用户最终输入结果实现：function debounce...
2019-11-15 11:16:00
103
原创 H5实现文件上传
一、基本思路1、input读取本地文件2、FileReader获取文件数据3、post请求上传数据二、实现核心代码vue+ts<input type="file" class="choose-file" @change="inclusionImg">inclusionImg(e: any){ const file = e.target.files[0]; /...
2019-10-23 11:13:51
2748
原创 apache服务用https协议访问
1、在apache安装目录下的modules看是否有modules/mod_ssl.so文件没有就npm下载到modules目录下2、在apache安装目录下的bin目录 openssl.exe是否存在，如果存在那么conf目录下就有openssl.cnf文件，命令行就可以执行openssl3、Include conf/extra/httpd-ssl.confLoadModule ssl...
2019-10-12 14:55:07
571
原创 小程序、页面、组件生命周期
一、额外记录rpx = 屏幕宽度/750屏幕宽度指 wx.getSystemInfoSync().windowWidth获取的值例如iPhone6屏幕宽度是375dpr是2 实际物理像素点是750所以它的1prx = 0.5px二、小程序生命周期(早于页面的生命周期触发)// 小程序初始化时触发（一次）onLaunch() { console.log('onLaunch'...
2019-10-12 11:23:36
510
原创 把下载的证书导入到受信任的根证书颁发机构
1、点击IE浏览器的工具2、点击Internet选项3、点击内容4、点击证书5、点击受信任的根证书颁发机构6、点击导入7、选择你的证书确认
2019-10-11 17:12:17
7735
原创 小程序tabbar选中icon不显示
其实这是一个乌龙问题，自己写的字段有问题。app.json中的tabBar配置正确写法：tabBar.list[1].selectedIconPath错误写法：tabBar.list[1].selectedPath{ "pages": [ "pages/recommend/recommend", "pages/tea/tea", "pages/contact/c...
2019-10-10 15:34:54
1929
原创 样式设置 /deep/
样式设置scoped属性带来的问题通常我们在写样式的时候会在style标签中加上scoped属性，相信这个属性的作用大家都很清楚（Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范），但是这样有时候也会遇到问题：假如我写了一个公用组件，想在父组件中改公共组件的样式，用通常的样式覆盖是不可以的。解决方案这时候需要用到 /deep/。<style l...
2019-09-27 11:53:13
3682
2
原创 webpack配置代理服务proxy
背景在使用webpack搭建一个项目的时候，本地开发mock接口数据是不可避免的，mock的方式有多种，比如mock.js、webpack的proxy代理。本文主要是使用proxy而且代理的是本地的数据。开始我们都知道webpack在开发环境有devServer的配置const proxy = { '/test/*': { target: 'http://yapi.afpa...
2019-08-16 11:28:28
2194
原创 Apache不带扩展名访问配置
找到apache安装目录下httpd.conf文件1、#LoadModule rewrite_module modules/mod_rewrite.so 前#去掉2、DocumentRoot "C:\workspace\study"<Directory "C:\workspace\study"> Options Indexes FollowSymLinks ...
2019-08-15 20:05:21
1436
原创 webpack4 入门初探
背景之前有看过webpack官网，但是学习的一知半解。索性系统学习一下，结果发现已经到了V4版本了，那就直接V4吧。。。。下载安装1、安装webpack、webpack-clinpm init初始化项目信息npm install webpack webpack-cli开始1、生成目录结构 just-play |- node_modules |-... |- pa...
2019-08-08 20:15:51
179
原创 JavaScript位运算符
整数在计算机中的存储在计算机中用32位表示一个数。ECMAScript标准中，整数有两种类型，有符号整数（表示正数和负数）和无符号整数（只能是正数）。有符号整数的前31位表示数字，第32位表示符号，0为正数，1为负数；无符号整数的32位全部表示数字。有符号数字范围：-2147483648 — 2147483648无符号数字范围：0 — 4294967296在ECMAScript中，所...
2019-08-06 11:49:36
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人