自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 JS注意事项

1、如果数组中的某一项的值是null 或者undefined,那么该值在join()、 toLocaleString()、toString()方法返回的结果中以空字符串表示。

2019-05-15 14:44:08 183 0

原创 git 常用命令

git分支创建 【git branch 分支名】创建分支; 【git checkout -b dev】创建并切换到dev分支 git地址查看 【git remote -v】git地址查看 ; git远程仓库地址修改 方式一:修改远程仓库地址 【git remote set-url or...

2020-06-04 18:07:23 15 0

原创 js的错误类型

1、SyntaxError - 语法错误 SyntaxError是解析代码时发生的语法错误。 2、ReferenceError - 引用错误 ReferenceError是引用不存在的变量发生的错误。 1)错误1:引用不存在的变量 2)错误2:被赋值的变量无效 3、TypeError - 类型...

2020-05-29 11:38:36 16 0

原创 vue路由history模式下页面刷新404问题

问题描述: vue单页面应用的路由为history模式时,刷新页面后时常会404。 问题分析: 页面刷新时会重新向服务器发起请求,因是单页面应用,故仅存在一个页面,非首页页面刷新时(路径并非首页路径),服务器接收到请求后,找不到对应的文件,故返回404。 解决办法: #项目根路径 root /op...

2020-05-21 19:13:45 50 0

原创 nginx中try_files

语法:try_files file … uri; 按指定的file顺序查找存在的文件,并使用第一个找到的文件进行请求处理; 如果给出的file都没有匹配到,则重新请求最后一个参数给定的uri,就是新的location匹配。 示例: location / { root /opt/nginx/htm...

2020-05-19 10:56:17 28 0

原创 vue多页面应用的动态配置

vue结合webpack构建多页面应用时,若一个个页面配置显然过于繁琐。这里我们以示例介绍下多页面应用如何实现动态配置。 一:src目录下建pages文件夹,将所有页面放在pages目录下 二、创建scanner.js文件,用于动态遍历pages子目录,以获取entry入口文件对象 和 html...

2020-05-12 18:01:16 76 0

原创 本地可调用摄像头,上传到服务器后不能调用

问题: h5调用摄像头,本地可调用,上传到服务器后不能调用 解答: 访问线上地址,打开控制台查看 ,发现调用摄像头的方法都不存在。那么疑问来了,同一浏览器为什么访问本地页面时该方法存在,但线上时却不存在呢? 带着疑问度娘了下,发现该问题与浏览器的安全策略有关。出于安全考虑,浏览器是不允许随便开启摄...

2020-05-11 13:01:53 106 2

原创 前端图片压缩并上传

一、简述 移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata 这三个h5的api。 整个过程概述为三步:   1、用户使用input file上传图片的时候,用filereader读取用户上传的图片数据(base64格式)   2、把图片数据传入img对象,然...

2020-05-07 12:07:45 100 0

原创 vConsole移动端调试工具

在开发H5页面时,时常会遇到浏览器兼容性问题,但移动端浏览器不自带调试工具,因此调试很麻烦。vConsole调试工具帮我们很好的解决了这个难题,它类似PC端的devtools,可查看控制台日志、Network、Element等。 1、vConsole如何使用 方式一: html页面中引入vcons...

2020-04-24 12:30:50 57 0

原创 git分支添加描述信息

添加分支描述信息 git config branch.分支名.description ‘分支描述信息’ 查看分支描述信息 git config branch.分支名.description

2020-03-27 11:45:08 241 0

原创 vue路由$route和$router的区别

1、$route:路由信息对象,只读; 用于读取路由参数,如 this.$route.params.appId 2、$router:路由操作对象,只写 用于进行路由跳转,如 this.$router.push({ name: 'index', query: { appId...

2020-01-21 10:58:02 176 0

原创 js防抖和节流

防抖和节流一般应用于高频事件频繁触发的场景,如窗口大小改变,下拉加载,搜索等,可有效避免事件处理函数被频繁调用造成性能差的问题。 一、区别 防抖:指定时间内只执行一次,但在等待时间内再次触发事件,重新开始延时。 节流:指定时间内只执行一次。 二、介绍 1、防抖 防抖应用场景 – 搜索功能,实时响应...

2020-01-15 17:04:16 128 0

原创 axios的get请求禁止缓存

使用axios的get请求时产生缓存,致使请求的数据不是最新的。 这样的场景很多,例如我们添加或修改数据成功后,立马调用查询接口,因查询接口是get请求,产生了缓存,响应数据还是之前数据,并没有新增或修改后的数据,给人感觉像是添加或修改失败,这显然是不合理的,那么如何禁止缓存呢? 用axios拦截...

2020-01-09 14:24:00 681 0

原创 用vue-cli构建vue项目

首先需要安装node环境,具体安装步骤我们不在这里赘述,可以度娘查找。 vue-cli构建vue项目的过程: 1)全局安装vue-cli脚手架 npm install -g vue-cli 2)全局安装模块打包工具webpack npm install -g webpack 3)构建名为yi...

2020-01-07 14:49:17 67 0

原创 linux 如何查看端口被哪个程序占用

lsof(list open files)列出当前系统打开文件的命令。 【lsof -i:xxxx(端口号)】:查看xxxx(端口号)被哪个程序占用。 【ls -l /proc/pid(xxxx对应进程标识号)】:查看占用端口号的程序信息。 示例:查询端口号‘5566’的占用程序 ls...

2019-12-30 10:18:16 50 0

原创 前端面试题

1、考查同步任务和异步任务执行顺序 问题:写出以下代码执行顺序 setTimeout(()=> console.log(1)); Promise.resolve().then(()=> console.log(4)); (()=> conso...

2019-12-30 09:49:17 84 0

原创 linux中>和>>的区别

linux中>和>>的区别 “>” 是覆盖文件内容; “>>” 是向文件中追加内容 示例: yihanzhi.txt文件内容:Hi, I am yihanzhi! echo 'haha' > yihanzhi.txt //yihan...

2019-12-27 11:36:06 39 0

原创 base64显示为图片

base64显示为图片 格式:【data:$mimeType;base64,$base64Str】 参数说明: $mimeType – 指图片的格式类型(image/jpeg 、image/gif 、image/png); $base64Str – 是指图片的base64的字符串。 示例: &...

2019-12-26 16:43:07 40 0

原创 前端处理后端返回的二进制流文件

前端处理后端返回的二进制流文件 var xhr = new XMLHttpRequest(); xhr.open("post", "/download/scoreFile", true); xhr.responseType = "blob&q...

2019-12-20 15:54:56 389 0

原创 跨域请求携带cookie需配置Access-Control-Allow-Credentials为true

当跨域请求需要携带cookie是,请求头中需要设置Access-Control-Allow-Credentials:true。 Access-Control-Allow-Credentials值为true时,Access-Control-Allow-Origin必须有明确的值,不能是通配符(*) ...

2019-12-12 16:19:02 738 0

原创 webpack-bundle-analyzer文件大小分析工具

1、安装分析工具: npm intall webpack-bundle-analyzer -D 2、webpack.prod.config.js 中添加如下代码 if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlug...

2019-12-11 15:09:25 416 0

原创 http状态码

2xx 通常表示成功 3xx 重定向 301 :永久重定向; 302 :临时重定向; 304 Not Modified:文件未修改,从缓存读取; 4xx 通常是客户端错误 403 Forbidden:资源不可用,服务器理解客户的请求但拒绝处理它; 404:访问地址不存在; 495:https ce...

2019-12-11 14:28:20 35 0

原创 nginx死循环解决办法

问题描述 前后端分别部署在不同的服务器中,它们的访问域名不一致,前端访问域名是front.my.com,后端访问域名是server.my.com。为了解决跨域问题,前端调用后端接口通过nginx反向代理实现。 nginx配置 server{ listen 80; server front...

2019-12-04 20:20:55 283 0

原创 linux下文件内容相关操作

1、打开文件:vi|vim 文件名 2、文件内容操作 2.1 全选操作 光标定位到文件开始:【gg】; 光标定位到文件末尾:【G】; 全选高亮显示:【ggvG】; 全选复制:【ggyG】; 全选删除:【ggdG】; 2.2 多行操作 多行选择: 按Ctrl+v进入可视化模式(VISUAL B...

2019-12-04 11:49:15 27 0

原创 cross-env

cross-env 作用是跨平台设置、使用环境变量。 NODE环境变量设置,不同平台下设置方式不一样。 NODE_ENV=dev,这种设置window平台下不支持,报错信息如下截图所示: 解决办法:使用cross-env进行变量设置 安装cross-env: npm install cross-...

2019-12-02 18:02:38 60 0

原创 git仓库拷贝

有时项目需要,需将一个git仓库拷贝到另一个git仓库,那么如何实现git仓库拷贝呢? 为了更清楚说明仓库拷贝步骤,这里我们举例说明下: 现需将project-source.git项目从gitlab.source.com拷贝至gitlab.target.com ,仓库拷贝步骤: 1)克隆源版本库:...

2019-11-29 14:11:43 180 0

原创 apt进行软件的安装和卸载

安装软件: 【sudo apt install 软件名】 ; 卸载软件: 【sudo apt remove 软件名】; 更新可用软件包: 【sudo apt update】 ; 更新已安装软件包: 【sudo apt upgrade】 ...

2019-11-28 14:30:17 148 0

原创 git push提示push.default is unset

问题描述: 执行git push命令,警示push.default is unset…,详细警示信息见下图: 大意是:push.default未设置,其默认值在Git 2.0中从“matching”更改为了“simple”,可以自行配置push.default的值。 解决办法: 执行命令【git...

2019-11-27 17:32:36 69 0

原创 vue相关

vue销毁实例方法:this.$destroy() 使用keep-alive不能销毁实例; 否则再进入页面,即使keep-alive为true也不会保存组件

2019-11-26 15:19:51 29 0

原创 ubuntu安装zlib和zlib-dev

在ubuntu软件源里zlib和zlib-dev叫做zlib1g zlib1g.dev,安装命令如下所示: 【sudo apt-get install zlib1g】 【sudo apt-get install zlib1g.dev】

2019-11-22 15:11:11 382 0

原创 nginx 报504 Gateway Time-out的解决办法

问题描述: 上传大的压缩包到系统中,等待大概3分钟左右后nginx服务器返回504 Gateway Time-out。 解决办法: 开始感觉是后端接口服务器设置了超时时间,但经查看并未做限制,于是觉得很大可能是出现在nginx服务配置上。于是乎度娘"nginx 504 Gateway T...

2019-11-18 18:13:34 407 0

原创 git分支合并时将所有提交记录汇总为一条

在一个分支上多次commit后,将分支合并至主干时默认会提交该分支下的所有提交记录,这并不是我想要的,我只想合并时汇总一条提交记录到主干即可。 解决办法: 合并分支时加参数–squash,用法:【git merge --squash 分支名】 ...

2019-10-28 12:52:57 535 0

原创 git创建分支

创建分支的语法:【git branch 分支名】 通常我们创建完分支还需要切换分支,这里同时介绍下分支切换: 创建dev分支:【git branch dev】 切换到dev分支:【git checkout dev】 以上两条命令相当于如下一条命令: 创建并切换到dev分支:【git checkou...

2019-10-28 12:39:59 179 0

原创 linux系统时间查看、修改

时间查看 【date】可查看当前系统时间 【date -R】可查看当前系统时区 【cal】可查看系统日历 时区修改 方式1:知道设置时区的名称 【timedatectl set-timezone ‘Asia/Shanghai’】:修改时区为上海 方式2:不知道时区的名称 可直接输入tzselect...

2019-10-23 18:22:41 59 0

原创 linux中如何查看环境变量

执行命令【echo $PATH】,可将环境变量输出到控制台

2019-10-23 18:03:30 269 0

原创 linux中如何清除文件内容

需求描述: linux系统下我有个上万行内容的test.log文件,现需要清空其中内容,如何操作呢? 解决办法: 方式1:【echo ‘’ > test.log】 方式2:删除原文件,再创建新的文件 ...

2019-10-23 17:50:36 46 0

原创 git 实现本地分支和远程分支建立联系

问题描述: 因本地分支和远程分支未建立联系,git pull 失败,报错信息如下图所示: 解决办法: 【git branch --set-upstream-to=origin/远程分支的名字 本地分支的名字】 ps: 【git branch -vv】 可以查看本地分支和远程分支的关联关系 ....

2019-10-23 17:23:22 272 0

原创 如何避免git每次执行更新或提交时需要输入账号的问题

解决办法: 执行命令:【git config --global credential.helper store】 该命令会将账号信息保存在本地,如此一来便不用每次执行git pull 或 git push时都要输入密码了。 ps: 查看git账号信息:执行命令【cat ~/.git-credent...

2019-10-23 17:03:53 65 0

原创 linux之df查看磁盘使用情况

df命令 以磁盘分区为单位查看文件系统,可以加上参数查看磁盘空间使用情况。 语法:【df options】 参数 -h: --human-readable使用人类可读的格式(友好格式) 示例: 输出简介: 第一列是文件系统的名称; 第二列是总内存; 第三列是已用内存; 第四列是可用内存; 第五...

2019-10-23 15:01:05 53 0

原创 linux的free命令查看内存使用情况

free 命令显示系统内存的使用情况,包括物理内存、交换内存(swap)和内核缓冲区内存。 语法:【free options】 free 默认输出以字节为单位的数值,可通过参数控制数值单位。 示例: 输出简介: 行介绍: Mem 行(第二行)是内存的使用情况; Swap 行(第三行)是交换空间...

2019-10-23 14:11:27 76 0

提示
确定要删除当前文章?
取消 删除