首页
更多应用
Search
1
修改iview的标签为i-的形式而不是驼峰的形式
2,791 阅读
2
PHP微信和企业微信签名
2,522 阅读
3
在VUE中怎么全局引入sass文件
2,223 阅读
4
vscode硬件占用较高解决方案
2,017 阅读
5
解决Macos下storm系列IDE卡顿的问题
1,975 阅读
默认分类
JS
VUE
CSS
mac使用技巧
React
fastmock
登录
/
注册
Search
标签搜索
react
js
vue
vscode
nodejs
项目
代码
webpack
工具
nginx
小程序
css
fastmock
eslint
npm
http
vue-cli3
git
浏览器
const
fastmock技术社区
累计撰写
102
篇文章
累计收到
26
条评论
首页
栏目
默认分类
JS
VUE
CSS
mac使用技巧
React
fastmock
页面
更多应用
搜索到
56
篇与
的结果
2021-01-05
postman设置全局token信息并在登录完成自动设置最新的token
在使用postman调试接口的时候,通常会遇到一个问题,除了登录和其他某些特殊接口以外,几乎所有的接口都需要带上登录态信息和其他额外公共请求参数,比如token或者其他网关请求头。但是我们每次登录接口返回的token又是随机的,那么我们每次去调试其他接口的时候都要从登录接口的返回体里复制token粘贴到其他请求体或者请求头里面去,其实,我们可以采用下面的方案来减少这些重复工作1、创建集合,将请求组合到统一文件夹,并为其配置全局变量1)、点击右上角设置按钮进入设置2)、点击下面的Globals按钮进入全局变量配置页面,输入key(如:token)和value并保存(这里的value可以不填)2、在登录接口成功后设置token全局变量的值,后续接口直接访问全局变量即可1)、在登录接口的Tests栏添加脚本,获取token并设置到全局变量。图片中的代码如下(懒人复制专用):// 获取登录接口的返回数据 var jsondata=pm.response.json() // 判断登录是否成功 if (jsondata.code === '0000') { // 获取token并设置到环境变量token的值 var token=jsondata.token pm.environment.set("token",token) } else { console.error(jsondata.msg); }2)、在其他接口需要携带token的地方引用{{token}}全局变量即可,比如下图我需要在header中携带
2021年01月05日
418 阅读
0 评论
0 点赞
2020-12-29
关闭vscode目录的收缩
用vscode时间长了的朋友应该会发现,如果我们的一层目录下面只有一个目录的时候,我左侧目录树上,目录层级就只会显示一层,并通过 fold-a/fold-b 的形式展示,如下图有时候我们并不喜欢vscode这样,第一影响了我们目录层级结构的直观性。第二想在SnapshotIndex下面或者上层目录新建文件或者目录时也没有那么方便。可以通过下面的设置,禁止掉vscode的这个功能打开 preferences->settings 在搜索栏搜索Compact FoldersExplorer: Compact Folders???? Controls whether the explorer should render folders in a compact form. In such a form, single child folders will be compressed in a combined tree element. Useful for Java package structures, for example.取消掉前面的勾选即可我们目录就会恢复成正常的树形结构了
2020年12月29日
265 阅读
0 评论
0 点赞
2020-06-17
vscode常用插件和设置
常用设置打开新文件不替换当前未修改的文件 "workbench.editor.enablePreview": false常用插件vue-helper vue开发增强工具 按ctrl和左键跳转定义vscode-elm-jump 跳转常规定义Auto Close Tag html标签自动关闭Auto Rename Tag 修改html开始标签,结束标签自动修改Eslint eslint检测和修复工具Git History git查看提交历史工具HTML CSS Support html css自动补全HTML SnippetsMarkdown All in One markdown增强工具Path Autocomplete / Path Intellisense 图片,样式,js引入路径提示Vetur vue开发基本工具Vue 2 Snippets vue2.x代码提示Element UI Snippets vue element-ui代码提示Surround 生成包围选中内容的代码,如ifelse 等Power Mode vscode输入特效Output Colorizer 日志,控制台代码颜色标识Todo Tree 可以在左侧菜单生成特定注释的树,方便定位GitLens — Git supercharged 可以直接看到当前光标所在行的代码被哪个改过TypeScript Importer ts对象或者方法自动生成import(已经有export)code runner 在vscode里面直接运行代码。Live Server 增加一个快速预览html文件并能实时更新的右键菜单。方便本地调试htmlPrettier - Code formatter 代码自动检测并格式化工具Code Runner Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, Typescript ...
2020年06月17日
529 阅读
0 评论
0 点赞
2020-06-17
git清空分支提交记录
当我们删除了github上的项目的代码,提交了之后其他用户可以通过提交记录找到某个记录下的所有代码,这时我们可能需要删除所有的提交记录创建孤儿分支(0 history)git checkout --orphan mater_orphan暂存文件git add .提交文件git commit -m "master orphan init"删除旧分支git branch -D master重命名当前分支到旧分支git branch -m master同步远程仓库git push -force origin master
2020年06月17日
395 阅读
0 评论
0 点赞
2020-06-09
HTTP缓存优先级问题
HTTP缓存主要有两种缓存:强缓存和对比缓存(也叫协商缓存)。强缓存:只要请求了一次,在有效时间内,不会再请求服务器(请求都不会发起),直接从浏览器本地缓存中获取资源。主要字段有(expires:date(过期日期)、cache-control: max-age=time(毫秒数,多久之后过期) |no-cache|no-store)。如果expires和cache-control同时存在,cache-control会覆盖expires。建议两个都写,cache-control是http1.1的头字段,expires是http1.0的头字段,都写兼容会好点。对比缓存:无论是否变化,是否过期都会发起请求,如果内容没过期,直接返回304,从浏览器缓存中拉取文件,否则直接返回更新后的内容。主要字 段有:服务器端返回字段 Etag: xxxx (一般为md5值) 对应客户端匹 配字段为, If-None-Match: w/xxx(xxx的值和上面的etag的xxx一样则返 回304,否则返回修改后的资源)。服务器端返回字段:Last-Modifieddate(日期),对应客户端匹配字段If-Modified-Since:date(如果服务器date小于等于客户端请求date则返回304,否则返回修改后的资源))。同时存在各种缓存头时,各缓存头优先级及生效情况:强缓存和对比缓存同时存在,如果强缓存还在生效期则强制缓存覆盖对比缓存,对比缓存不生效;如果强缓存不在有效期,对比缓存生效。即:强缓存优先级 > 对比缓存优先级强缓存expires和cache-control同时存在时,则cache-control会覆盖expires,expires无论有没有过期,都无效。 即:cache-control优先级 > expires优先级。对比缓存Etag和Last-Modified同时存在时,则Etag会覆盖Last-Modified,Last-Modified不会生效。即:ETag优先级 > Last-Modified优先级。当然还有一种缓存pragma,和cache-control类似,前者是http1.0内容后者是http1.1内容,并且pragma优先级 > cache-control优先级,不过前者目前基本不使用。针对不同的项目,如果css和js在打包时加了md5值,建议直接使用强缓存,并且expires和cache-control同时使用,建议设置时长为7天较为妥当。图片文件如果没有加md5值,建议采用对比缓存,html文件也建议采用对比缓存。ps: 当我们不设置cache-control,只设置对比缓存,在不同浏览器下会有不同的表现。chrome会直接从本地缓存获取,其他会请求服务器返回304.这时候有两种方式让他们的响应一致。1、设置cache-control: public, max-age=0;记住,这里的public是关键。因为默认值是private,表示其他代理都不要缓存,只有服务器缓存,而max-age又为0,所以每次都会发起200的请求。设置public的意思就是允许其他各级代理缓存资源,因此如果资源没改变会返回304。 2、直接设置max-age=1000。即是一秒之后内容过期,目的是触发浏览器缓存。也能达到想要304的效果。本文转载自:https://www.imooc.com/article/details/id/22841
2020年06月09日
644 阅读
0 评论
0 点赞
2020-03-24
Chrome inspect 绕过翻墙
有过基于WebView的混合式开发经验的人,大概都知道借用Chrome就可以调试真机(或模拟器)里面的WebView应用,只要手机开启【开发者选项】,数据线连接设备后,在Chrome地址栏输入以下地址回车即可进入调试界面:chrome://inspect/#devices点击要调试的设备的超链接,即可打开新的页面,里面会显示应用的UI,而这个页面第一次打开是需要翻墙的因为打开的实际是chrome的页面。有些时候我们不具备翻墙条件,或者政策限制了我们不能翻墙。其实不用翻墙也可以,Github上有一个开源项目,持续更新hosts文件:通过本地dns可以绕过翻墙,打开https://github.com/googlehosts/hosts/blob/master/hosts-files/hosts复制# GoogleHosts Start 。。。 # GoogleHosts End中间部分的hosts配置到自己的hosts文件中。最新的可用google hosts# inspect 185.200.34.198 185-200-34-198.googlehosts.org 185.200.34.198 tg-2.googlehosts.org 107.174.205.58 107-174-205-58.googlehosts.org 107.174.205.58 tg-3.googlehosts.org 185.200.34.209 185-200-34-209.googlehosts.org 185.200.34.209 tg-4.googlehosts.org 107.174.203.60 107-174-203-60.googlehosts.org 107.174.203.60 tg-5.googlehosts.org 117.50.61.150 117-50-61-150.googlehosts.org 117.50.61.150 tg-7.googlehosts.org 106.75.2.132 106-75-2-132.googlehosts.org 106.75.2.132 tg-7-b.googlehosts.org 103.105.48.234 103-105-48-234.googlehosts.org 103.105.48.234 tg-9.googlehosts.org 2.56.240.163 2-56-240-163.googlehosts.org 2.56.240.163 tg-10.googlehosts.org 45.89.228.109 45-89-228-109.googlehosts.org 45.89.228.109 ss-3.googlehosts.org
2020年03月24日
1,197 阅读
0 评论
0 点赞
2020-01-09
linux centos 安装git
1、下载gitwget https://github.com/git/git/archive/v2.14.1.zip2、安装依赖yum -y install zlib-devel openssl-devel cpio expat-devel gettext-devel curl-devel perl-ExtUtils-CBuilder perl-ExtUtils-MakeMaker3、解压gitunzip v2.14.1.zip4、将git安装到/usr/local/git上先进入git-2.14.1文件夹, 编译,安装cd git-2.14.1 make prefix=/usr/local allmake prefix=/usr/local install5、验证是否安装完成git --version
2020年01月09日
682 阅读
0 评论
0 点赞
2020-01-08
gitbook build文章到非_book默认目录
在使用gitbook创建文章时。有时候我们不希望自己写的文章在_book目录下又不想手动去拷贝一遍,那么,我们可以在build指令后传入参数参数一,书籍所在的目录,如果执行build指令时位于当前项目目录,输入./参数二,输出的目录,相对于当前目录gitbook build ./ ./book
2020年01月08日
479 阅读
0 评论
0 点赞
2020-01-03
express框架中session持久化存储
在web开发中,我们经常后听到前端程序员的依据抱怨"又重启了啊?我又要重新登录",这是因为在传统的web开发中,服务器一旦关机,内存中的会话信息会丢失,就跟前端开发存在变量中的数据,浏览器刷新后会丢失一样。为了解决这个问题,引入了session持久化的概念,将服务端和客户端的会话信息保存到一个载体中,不管服务器怎么重启,只要载体中的信息没有丢失,就能拿到会话信息,载体一般为数据库或者文件,但是,得益于redis的特性,我们一般选择用redis作为存储载体。下面是nodejs中用redis做session持久化的例子// app.js var session = require('express-session'); var RedisStore = require('connect-redis')(session); var radisOptions = { 'host': 'localhost', 'port': '6379', 'ttl': 7200, // 存储时间,单位秒,这个时间要和下面session中间件的cookie选项时间一致 'logErrors': false }; var sessionOptions = { secret : 'secret', // 对session id 相关的cookie 进行签名 resave : true, rolling: true, saveUninitialized: true, // 是否保存未初始化的会话 cookie : { maxAge : 1000 * 60 * 60 * 2, // 设置 session 的有效时间,单位毫秒 这里设置两小时 }, }; // 生产环境开启持久化存储 if (config.get('enviroment') === 'prod') { sessionOptions.store = new RedisStore(radisOptions) } app.use(session(sessionOptions));
2020年01月03日
557 阅读
0 评论
0 点赞
2019-09-26
为什么要使用CDN(内容分发网络)
CDN是将源站内容分发至最接近用户的节点,使用户可就近取得所需内容,提高用户访问的响应速度和成功率。解决因分布、带宽、服务器性能带来的访问延迟问题,适用于站点加速、点播、直播等场景。好处:多域名加载资源 一般情况下,浏览器都会对单个域名下的并发请求数(文件加载)进行限制,通常最多有4个,那么第5个加载项将会被阻塞,直到前面的某一个文件加载完毕。因为CDN文件是存放在不同区域(不同IP)的,所以对浏览器来说是可以同时加载页面所需的所有文件(远不止4个),从而提高页面加载速度。文件可能已经被加载过并保存有缓存一些通用的js库或者是css样式库,如jQuery,在网络中的使用是非常普遍的。当一个用户在浏览你的某一个网页的时候,很有可能他已经通过你网站使用的CDN访问过了其他的某一个网站,恰巧这个网站同样也使用了jQuery,那么此时用户浏览器已经缓存有该jQuery文件(同IP的同名文件如果有缓存,浏览器会直接使用缓存文件,不会再进行加载),所以就不会再加载一次了,从而间接的提高了网站的访问速度高效率你的网站做的再NB也不会NB过百度NB过Google吧?一个好的CDNs会提供更高的效率,更低的网络延时和更小的丢包率。分布式的数据中心假如你的站点布置在北京,当一个香港或者更远的用户访问你的站点的时候,他的数据请求势必会很慢很慢。而CDNs则会让用户从离他最近的节点去加载所需的文件,所以加载速度提升就是理所当然的了。使用情况分析一般情况下CDNs提供商(如百度云加速)都会提供数据统计功能,可以了解更多关于用户访问自己网站的情况,可以根据统计数据对自己的站点适时适当的做出些许调整。有效防止网站被攻击一般情况下CDNs提供商也是会提供网站安全服务的本文转载自掘金文章https://juejin.im/post/5d8989296fb9a06b1f147070
2019年09月26日
659 阅读
0 评论
0 点赞
1
...
3
4
5
6