- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端对浏览器性能优化
1、 减少http请求，合理设置 HTTP缓存http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数目可有效提高访问性能。减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一次访问需要的javascript和CSS合并成一个文件，这样浏览器就只需要一次请求。图片也可以合并，多张图片合并成一张，如果每张图片都有不同的超链接，可通过CSS偏
2021-04-19 11:06:33
1144
原创 Session和Cookie的区别与联系
一、会话的概念会话就好比打电话，一次通话可以理解为一次会话。我们登录一个网站，在一个网站上不同的页面浏览，最后退出这个网站，也是一个会话。一个网站对于不同的用户会展示出不同的页面信息，但是在HTTP协议中，客户端请求服务端是一种无状态的连接-每次请求都是独立的请求，服务器怎么分辨这些请求是哪个用户发出的请求呢？如果不能分辨哪个用户发出的请求，就不知道该反馈哪个用户的信息回来，那试想我们登录网站之后，显示的都是别人的信息岂不乱套了。所以服务器需要知道发出请求的是谁，需要一个用户标识来保证会话的正常进行。
2021-04-19 11:04:20
341
原创 get与post的区别,面试再也不怕被问到
1.位置不同get是在url里发送,post在请求体里发送2.速度不同get传输速度比post要更快3.数据大小不同get发送数据有限制,post没有限制4.安全性不同post安全性更高
2021-04-19 11:02:05
141
原创 探讨js的赋值顺序
一个很常见的面试题:var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a); console.log(b) 结果如下:现在来解答一下为什么执行结果是这样的:1: var a = {n:1} var b = a 这里面的b=a ,用的是浅拷贝,所以用的是一个对象地址2:let a = 1,b = 2,c = 3a = b = cconsole.log(a,b,c)这个时候a,b,c的值
2021-04-12 21:06:40
503
原创 常用git命令
初始化代码仓库git init克隆仓库到本地git clone [url]查看历史记录git log # 输入q退出查看美观的历史记录git log --graph --oneline# 输入q退出当暂存区中没有文件时，git diff比较的是，工作区中的文件与上次提交到版本库中的文件。当暂存区中有文件时，git diff则比较的是，当前工作区中的文件与暂存区中的文件git diff 本地拉取远程分支git pull把文件名的所有修改添加到暂存区git ad
2021-04-09 17:54:29
63
原创 Vue的 dom更新机制
工作时遇到一个小问题,当在一个方法中先清空table的值,再赋值,这个时候vue只渲染了一遍,原本以为vue会在清空完渲染一遍,赋值后渲染一遍.用beforeUpdate 与 updated打印一看,发现只执行了一次; axios.get().then((res)=>{ this.tableData = []; console.log(this.tableData); //此时值已为空 this.tableData = res.data;
2021-04-08 09:31:26
2620
原创 苹果手机越狱指南
因本人用的mac,所以用mac来举例;1.安装altstore,百度搜索altsotre,点第一个进入官网2.下载完以后双击打开,然后mac的顶部栏会出现一个小图标,点击小图标,然后点击Ininstall Mail Plug-in(我这边已经安装了,所以是Uninstall,不用在意)3.然后打开mac的邮件,顶部栏左上角的偏好设置4.点击管理插件然后勾选AltPlugin… ,点击应用并重启邮件5.手机用数据线连接上电脑,这时altstore的install AltStore里面就会显示
2021-03-03 16:41:42
4729
4
原创 关于:nth-child和:nth-of-type的区别
关于:nth-child和:nth-of-type的区别:nth-child可以选择父元素下的子元素，:nth-of-type也可以。但是它们到底有什么区别呢？其实区别很简单：:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：ele:nth-of-type(n)是指父元素下第n个ele元素，而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择失败。<div> <ul class="demo
2020-11-09 10:34:30
120
原创 vant的Checkbox选择无反应
bug:vant的Checkbox选择无反应原因: 页面渲染时每个item中并没有parkChecked 这个属性,所以失效<div v-if=parkInfo.length !== 0><template v-for="item in parkInfo"><van-checkbox v-model="item.parkChecked"></van-checkbox></template></div>初版:this.p
2020-11-09 10:30:37
7107
1
原创 vue中使用 v-for 第一个元素样式丢失
问题:第一个样式丢失,发现少了data-v-xxxxxxxx;查看代码后发现只是一个vfor循环并没有什么特别的<van-cell v-for="item in filterHouseList" :key="item.house_id" :title="item.houseStr" />看了好几篇帖子才知道是vant的cell渲染问题,于是换成div重写,问题解决 <div v-for="item in filterHouseList" :key="item.house_id.
2020-09-16 17:13:16
1328
原创 安卓微信中长按base64图片无法保存的解决办法
遇到的问题:后端返回的是base64格式的图片,前端拿到返回体后进行拼接展示在img标签上,微信长按图片进行保存,发现苹果长按保存成功,安卓长按保存后相册中保存的图片时黑色的(且提示格式损坏) this.imgUrl = "data:image/jpeg;base64," + res.content.base64_image; <div class="img-box" ref="imageTofile"> <img :src="imgUrl" alt="
2020-09-16 16:48:33
2970
3
原创 nginx启动命令和停止命令
1.start nginx //启动nginx的命令。2.nginx -s quit //此方式停止步骤是待nginx进程处理任务完毕进行停止。3.nginx -s stop //此方式相当于先查出nginx进程id再使用kill命令强制杀掉进程。4.nginx -s reload //重新加载配置文件：当 nginx的配置文件 nginx.conf 修改后，要想让配置生效需要重启 nginx，使用-s reload不用先停止 nginx再启动 nginx 即可将配置信息在 nginx 中生
2020-09-15 09:09:15
17730
原创 微信打开h5链接,缓存未清除解决办法
微信打开h5链接发现缓存还是之前的未清除，需要手动去微信通用里清除一遍缓存才能正常访问，解决办法为在public里面的index.html的head标签里加下面的这一段代码,定义为浏览器不缓存该页面,每次进入都重新加载,即可解决问题 <meta http-equiv="cache-control" content="no-cache,no-store,must-revalidate" /> <meta http-equiv="Pragma" content="no-cache"
2020-09-11 17:14:08
3463
2
原创 ios微信抓https包提示证书安全警告解决办法
我是用charles来运行抓包,但是发现抓https的包会提示证书安全警告,很多帖子都说了安装描述文件,我也进行了这一步,但照样没用,找了10几篇帖子终于看到一篇与其他不一样的了,根据步骤一步步就解决了。发现iOS1系统需启用“受信任证书存储区版本” ,设置->关于本机->拉倒底看到证书信任设置->打开,再进行抓https的包就可以正常抓取了。下面这篇是我看的帖子。抓ios系统手机https包需启用信任证书开关（fiddler、charles同理）...
2020-09-11 17:07:40
3390
原创 职场手册
如果你是初入职场的技术菜鸟，接下来我要说的这些社交礼仪，你务必划重点、记下来。能说「我不知道」就别说「我怎么知道」。能回答「是的、没错」就别回答「你说呢」。能发文字就别发语音，否则别人还得将你的语音转换成文字看你说了什么。不要当众让别人尴尬，特别是别人没有恶意的时候。二选一没有那么难，不要老说随便，要提供建设性的意见和想法。别人说话的时候不要插嘴，多聆听，多用「对不起、谢谢、请」。给别人电话号码记得复制粘贴，不要截图。能说「好的、可以、我知道啦」就别说「嗯嗯」
2020-09-08 16:02:58
100
原创 解决大数字丢失精度的bug
1.安装 npm install json-bigint2.在发送请求的js文件下导入 import JSONbig from ‘json-bigint’3.在发送请求的response响应时把return response.json() 改为 return response.text()4. .then返回时再做一层处理把返回的 json = JSONbig.parse(json)5.渲染的时候通过toString方法合并成字符串...
2020-09-08 11:35:34
416
原创 flex弹性布局
/* 弹性布局 */ display: flex; /* 主轴的方向 */ flex-direction: row | row-reverse | ...
2020-09-08 11:34:01
90
原创 解决抖动之函数防抖
函数的抖动：简单来说就是一个函数在短时间内大量频繁调用，但是很多次调用都不是必须的在js中，哪些情况容易遇到抖动？到底哪些事件会频繁调用？鼠标移动事件移入移出事件input输入事件滚动条滚动事件(onscroll)尺寸改变事件(onresize)…而很多次函数其实没必要调用，他都是无效执行，所以要想办法解决;解决抖动之防抖防抖：就是防止函数内的代码在短时间内大量执行，只让它最终执行一次步骤：把要执行的代码包到setTimeout里在短时间内大量调用函数的时候，先把上一次的计时器清
2020-09-08 10:58:48
640
原创 h5页面中中关闭微信与支付宝窗口
let ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //微信登陆 WeixinJSBridge.call('closeWindow') } else if (ua.match(/Alipay/i) == "alipay") { ...
2020-09-08 10:57:33
834
原创 右键文件夹出现使用vscode打开（win10）
1、把以下代码复制到记事本，然后另存为后缀名为".reg"的文件。Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\VSCode]@="Open with Code""Icon"="D:\\user\\Microsoft VS Code\\Code.exe"[HKEY_CLASSES_ROOT\*\shell\VSCode\command]@="\"D:\\user\\Microsoft VS Code
2020-09-08 10:56:15
1505
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人