- 博客(87)
- 收藏
- 关注
RSS订阅原创 linux对文件或者文件夹的重命名
linux可以通过mv的命令来重命名文件或者文件夹例如：1、将同目录下的A重命名为B，命令如下mv A B2、将A移动到其他目录下，并修改名称为Bmv A 路径/B注意：如果该目录下有同样名称的，可能会覆盖掉...
2021-09-16 22:37:31
5274
原创 Already included file name ‘xxx.vue‘ differs from file name ‘xxx.vue‘ only in casing. The file is.
Already included file name 'd:/workspace//BodyTagNoteSet.vue' differs from file name 'd:/workspace/BodytagNoteSet.vue' only in casing. The file is in the program because: Imported via "./customForm/BodyTagNoteSet.vue" from file 'd:/workspace/CustomAnesForm
2021-09-14 22:50:32
3816
原创 vue项目的index.html缓存问题
众所周知，vue项目的js和css打包后的文件名称是哈希文件名，不会重复，但是有时候会碰到一个现象就是升级版本后，index.html发生了缓存，这样整个项目都会出现缓存问题，解决这个问题的方案就是在nginx中加上一项配置来解决。location = /index.html { add_header Cache-Control "no-cache, no-store";}该配置的大概意思是不缓存过期资源、不缓存，这样就会将index.html缓存的问题解决掉。...
2021-09-13 22:34:28
3255
原创 使用SecureCRT工具如何上传和下载文件
CRT中文件的上传一般使用的是lrzsz工具，lrzsz是一个linux中可以代替ftp的上传和下载一款工具，所以CRT中上传和下载文件一般需要如下几步：1、安装lrzszsudo apt-get install lrzsz2、上传命令（rz）rz -y：输入该命令回车之后，会弹出上传的文件夹供选择文件，上传到当前linux所在目录下，该命令也有对应的参数3、下载命令(sz)sz file1 file2...
2021-08-08 17:51:57
1567
原创 cookie、localStorage和sessionStorage三者的区别
cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法，下面就简单介绍一下三者的区别：一、存储的时间有效期不同1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效3、localStorage的有效期是在不进行手动删除的情况下是一直有效的二、存储的大小不同1、cookie的存储是4kb左右，存储量较小，一般
2021-04-16 09:43:41
25117
2
原创 vue从入门到放弃之------详细介绍Vue Cli的使用
一、Vue Cli是什么Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，使用 Vue Cli之后我们可以快速的搭建一个完整的系统(项目)。二、Vue Cli的安装1、安装Vue Cli需要先安装nodeJs(教程很多，在此就不多说了)2、安装Vue Clinpm install -g @vue/cli安装完成之后可以使用如下命令查看vue版本vue --version可以通过如下命令升级vue版本npm update -g @vue/cli三、
2021-04-12 10:52:30
161
原创 vue从入门到放弃之------详细介绍Vue Router的使用
Vue Router是vue.js的官方路由管理器，包含有很多的功能和vue.js相互集成，供大家使用，下面我们来说说Vue Router.2021 Be nice to me.
2021-04-12 08:42:10
120
原创 vue从入门到放弃之------详细介绍Vuex的使用
一、Vuex是什么？ 官方的介绍是Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。（我的理解就是把你需要在很多地方使用的变量归置在一个对象的state属性中，并且这些变量的获取需要通过特殊的方式getters中定义的方法，修改这些变量则需要通过特殊的方法，action提交mutation中定义的方法来修改state中定义的状态）二、Vuex的安装1、安装Vuexnpm ...
2021-01-25 21:59:10
129
原创 浅谈js函数柯里化
平时开发不注意，很多面试的时候比较容易问到柯里化，什么是柯里化呢，其实就是一种境界的提高(装个b，莫喷)，其实就是函数进阶的表现，接下来就简单说一下。一、什么是柯里化？函数柯里化：是将接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。看到这官方性的解释是不是有点似懂非懂，接下来我们就用使用了n多遍的add举个例子看看：function add(x,y,z){ //平常方式 return x+y+...
2021-01-03 10:57:48
765
1
原创 浅谈js的深拷贝和浅拷贝
老生常谈js的拷贝问题，今天就简单来聊聊js的深拷贝和浅拷贝的问题，故事要从js对数据的存储开始说起。话说很久很久之前。。。。。。，js的存储分为堆(heap)和栈(stack)两种存储类型。一、数据的存储方式，基本数据类型的数据存储在栈中，引用类型的数据存储在堆中，引用类型数据的堆的地址存储在栈中。...
2020-12-26 09:42:20
359
2
原创 nginx应用部署在服务器无任何异常，浏览器无法访问问题记录
前段时间将应用使用nginx部署在服务器上的时候无任何异常。但是，在浏览器中就是访问不到，经过了以下步骤的排查： 一、反复比对ip地址，端口，发现没有任何问题 二、查询nginx进程，发现进程已经启动 三、查询网络连接状况，发现网络可以ping通WTF? 到底是什么鬼。。。。。。最后才发现是服务器的防火墙的原因导致的无法访问的异常，解决方案如下： 一、最直接也是最暴力的，关闭服务器的防火墙（此处说的都是ubuntu，其他系统需要自行...
2020-12-09 22:36:14
824
原创 1.写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b,.......,a+nb的时间，然后写一个 myClear，停止上面的 mySetInterVal；
每天整一个面试题，大家一起进步，加油加油！！！1.写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b,.......,a+nb的时间，然后写一个 myClear，停止上面的 mySetInterVal；解析：该题的思路就是每一次在定时器中重启定时器并且在时间每一次都加b，并且要把定时器返回回来，可以作为myClear的参数。具体的执行代码如下：var mySetInterVal = function(fn,a,b){ var timer = nu
2020-11-16 22:10:41
944
1
原创 js拖拽时禁止触发单击事件的方法三种方法
在一个元素既有拖拽事件，又有单击事件的时候，会发现每一次拖拽后都会触发元素的单击事件，所以我们得在拖拽事件的时候屏蔽掉元素的单击事件所绑定的方法。元素拖拽和单击事件触发的顺序是mosuedown,mousemove,mouseup,click，所以就需要针对这个事件顺序在拖拽的时候屏蔽单击事件。主要有以下三种方法来在拖拽事件中屏蔽掉单击事件的执行：1、监听mousemove事件，在mousemove中加状态，在click事件中监听该状态 var elIsMove = ...
2020-09-26 21:41:50
5324
原创 使用css修改滚动条样式
浏览器默认的css样式或多或少有点......，使用插件或者自己写滚动条有显得有点麻烦，在此我们使用css修改滚动条的样式，，不过需要注意的是css要考虑一下浏览器兼容性的；1、实现效果：2、浏览器兼容性：3、代码展示：<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-...
2020-09-20 20:52:19
208
原创 使用css的blur制作毛玻璃效果
在css中可以利用filter的blur属性来实现毛玻璃的效果，让背景看起来模糊，类似于毛玻璃的效果。1、效果图如下：2、代码如下：<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&g...
2020-09-20 20:26:33
1605
原创 ffmpeg对mp4和h264的互相转换
1、利用ffmpeg将MP4格式转为h264ffmpeg -i test.mp4 -codec copy -bsf: h264_mp4toannexb -f h264 test.h2642、利用ffmpeg将h264转为MP4ffmpeg -i test.264 -vcodec copy -f mp4 test.mp4
2020-09-13 23:10:46
4216
原创 使用python flask搭建mock-server
在现在的前端开发中经常需要和后台同步进行，所以很多时候后台并不能提供接口供你测试，这个时候就需要我们自己简单的搭建简单的接口做测试，下面就简单介绍一下，利用python flask简单搭建一个mock-server的过程：一、安装python(网上教程很多，在此不做介绍了)二、安装flask1、需要查看一下pip，现在的python安装包都携带pip，所以只要执行以下命令查看pip --version // Python2命令pip3 --version //...
2020-09-13 09:57:39
1010
原创 vue设置代理proxy
在vue项目开发的过程中，在和后台联调或者使用mock-server的时候，有时候会涉及到跨域的问题，需要去设置代理。vue设置代理的方式很简单：1、在vue项目的根目录下，新建vue.config.js文件，和package.json处于同一级目录。（vue.config.js是一个可选的配置文件，在vue项目的根目录下(和package.json平级)它会被@vue/cli-service自动加载，所以不需要做其他的导入导出，vue.config.js还可以使用package.j...
2020-09-11 22:37:20
5352
1
原创 ffmpeg合并多个MP4视频
使用ffmpeg合并多个MP4视频的方式有多种，主要分为以下两类：一、将MP4格式的视频转为其他格式，合并起来之后再转回MP41、将mp4转成mpeg（也是一种视频格式）文件，然后利用ffmpeg命令合并起来，然后再转为mp4格式ffmpeg -i test.mp4 -qscale 4 1.mpgffmpeg -i test2.mp4 -qscale 4 2.mpgffmpeg -i "concat:1.mpg|2.mpg" -c copy output.mpgffmpeg -i out
2020-09-09 22:03:07
21333
5
原创 ctrl+c关闭不掉nginx服务的问题解决
nginx在现在的很多地方都有使用，但是nginx有个问题就是很多时候不能像其他的服务一样直接ctrl+c关闭掉，是因为默认的配置是以守护进程的方式进行，不能直接被ctrl+c掉，所以要解决掉这个问题就是在启动的时候将nginx配置为非守护进程的方式就可以用ctrl+c的方式关闭掉了。解决方案：在nginx的配置文件nginx.conf中加上"daemon on/off"就好，其中on是守护进程，off是不配置成为守护进程。配置为off的时候，这样就可以用ctrl+c关闭掉n...
2020-09-06 22:01:59
852
原创 windows无法删除文件夹，提示正在使用的解决办法
在windows情况下，有时候会出现看起来没有任何打开的文件或者程序占用当前文件夹，但是却又删除不掉该文件夹的情况下，这个时候就会。。。（很气很气）。下边简单说一下解决的办法：...
2020-09-02 21:51:31
1649
原创 js字符串对比之localeCompare()方法
js提供了字符串的对比方法localeCompare()，该方法返回的是一个数字用来表示一个参考字符串和对比字符串是排序在前，在后或者相同。该方法基本不单独使用，大部分时间是配合字符串排序使用的。一、语法：string.localeCompare(targetString,locales,options);1、参数targetString：对比字符串locales：看MDN上的解释是用来表示一种或多种语言或区域的一个符合BCP 47标准的字符串或一个字符串数组，我个人的理解是o..
2020-08-25 21:34:02
33231
5
原创 git 操作之版本回退
在使用git相关的项目的管理中，有时候会用到版本回退的操作，下面就简单说一下git版本回退的相关操作：1、查看相关的提交历史git reflog2、回退到相应的版本git reset --hard 版本号3、将该版本推送到远程仓库git push -f...
2020-08-15 21:52:59
116
原创 git 相关之撤销操作
在使用git的时候，有时候会有失误需要撤回的一些操作，可能主要包括以下：一、将文件从暂存区撤回，使用命令“git reset HEAD <file>” 1、撤销现在暂存区的所有文件:git reset HEAD 2、撤销暂存区的单个文件：git reset HEAD 文件名称二、撤销对文件的修改，使用命令“git checkout -- filename”注：这是高危操作，会将本地修改的文件还原到最近提交一次版本，本地修改的该文件会被还原掉。三、撤销掉commi...
2020-08-15 21:20:36
403
原创 javascript监听网络连通状态
监听网络状态在开发中很少使用，但是有时候确实需要的就是在持续运行的页面中监听网络的连接状况，来做出进一步的操作；下边就简单的介绍一下监听网络状态的事件和参数：1、监听网络状态的一个参数是navigator.onLine，如果当前网络是连通状态则该参数是true，否则是false;if (navigator.onLine) { console.log('网络连通');} else { console.log('网络断开');}2、监听网络由断开到连通事件是...
2020-08-09 20:00:33
1442
原创 Uncaught SyntaxError: Cannot use import statement outside a module
在html的script标签中使用es6中的import关键字导入模块的时候会报如下地错“Uncaught SyntaxError: Cannot use import statement outside a module“。<script type="text/javascript"> import test from './module.js';</script>究其原因，es6的module语法需要放在type为module下就好了...
2020-08-03 22:53:46
1315
原创 es6模块化
javascript在es6之前是没有模块化一说的，没有本身的模块化体系，没有模块化语法，这意味着不能把一个大点的程序拆分成为多个小程序，这会导致程序显得特别的庞大，臃肿，也意味着对于开发大点的项目有着重重的阻碍；javascript之前的模块化本身都是依赖于第三方js库的，例如commonJs，AMD等；大家都知道模块化一般分为导入和导出两部分，现在我们就通过这两部分介绍一下es6自有的模块化体系和语法：一、导出（export）： export命令用于规定模块的对外接...
2020-08-02 23:08:55
102
原创 windows下生成ssh key连接远程git仓库
windows连接远程git仓库操作时需要进行ssh配置(否则会报ssh的错)，主要分为以下几步(前提是本地已经安装过git了，以github为例)：一、本地生成ssh key1、在需要的文件夹下右击弹出点击git bash here2、在git上配置用户名和邮箱git config --global user.name "用户名"git config --global user.email "用户邮箱"3、生成ssh key，执行下方的命令，并且回车三次生成ssh keyss
2020-07-29 21:37:57
314
原创 svg设置marker-mid无效
在svg中设置marker然后引用的方式特别方便，可以在线上加一些箭头指向，圆点之类的东西，但是碰到个问题让我郁闷了好久，就是设置marker-mid在line和path上无效。查了很多资料，解释只有一句话：须在每个绘制定义箭头或多标记顶点大于给定的第一和最后一个顶点其他<path>元件或基本形状。否则无效，标记也不会被绘制。 这句话是什么意思呢？我来说说我的看法（有错误的地方希望大家指正，勿喷）；先举两个例子：1、无效的例子<path ...
2020-07-27 23:06:38
837
原创 svg画线上的箭头
有时候在项目中需要用到svg，需要画连接线与箭头，主要分两步，在此简单介绍一下：1、使用marker定义一个箭头2、使用marker-start，marker-mid，marker-end引用箭头即可。注意：marker-mid的解释是标记中间应在路径数据的第一个和最后一个顶点以外的每个顶点上呈现，其他的地方不生效（所以放在一个单纯的line中是不生效的，在line中可以使用path画一个，这里就不详细说了）。<svg width="500" height="500" versi
2020-07-27 22:45:07
2538
原创 js使用FileReaderSync同步读取文件内容
FileReaderSync接口允许以同步的方式读取File或Blob对象中的内容。注意1、使用的方式基本相当于FileReader，不过是以同步的形式读取。2、FileReaderSync是同步读取文件内容，所以只能在webworker中使用，不然会造成主线程的阻塞。...
2020-07-26 08:07:03
9059
1
原创 重绘和回流
重绘和回流是针对页面渲染来说的两个概念，都是页面做改变的时候的概念。重绘：重绘是不改变页面元素的布局和尺寸，只对元素的内容的样式进行改变，例如背景，字体颜色等不改变元素的尺寸和布局的样式修改，然后由浏览器重新绘制渲染的操作就称之为重绘（消耗较少）。常见的重绘的操作：1、改变元素的背景色2、改变元素的字体颜色回流：回流是当元素的尺寸或者页面布局、结构发生变化的时候，样式进行改变，浏览器重新渲染页面的操作称之为回流。因为回流浏览器需要重新计算尺寸，布局等重新渲染，所以消耗较重。常见的回流
2020-07-25 21:42:35
116
原创 javascript函数的节流和防抖
防抖和节流都是函数执行的过于频繁，导致影响性能等情况下，控制函数执行频率的概念，下面我们分别解释一下防抖和节流的概念。节流：（顾名思义，就像开闸放水一样），在固定的时间内执行一次函数；然后，在这个时间段内再收到执行该函数的命令也不在执行该函数，简单的说就是一段时间只执行一次函数。//节流function throttle(func, delay) { let status = true return function () { if (!status )...
2020-07-25 12:15:36
100
原创 在svg中使用angularJs的指令
在angularJs项目中使用到了svg，发现在svg中不可以像其他的元素上一样使用angularJs的指令，而是需要以ng-attr的形式来使用angularJs的指令。1、如果按和其他元素一样的方法去使用指令会报错<!--错误写法--><line x1="{{line.x1}}" y1="{{line.y1}}" x2="{{line.x2}}" y2="{{line.y2}}" ng-repeat="line in lineList track by $...
2020-07-21 23:02:48
377
原创 js监听鼠标滚动事件
js中监听鼠标滚动事件，事件的名称是“mousewheel”，按正常的事件绑定即可，其中有两点关于firefox浏览器的需要注意：1、firefox浏览器的事件名称是“DOMMouseScroll”2、firefox的滑动值和正常的相反的<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Comp
2020-07-20 22:30:33
4775
原创 emscripten的安装
javascript在功能上满足了很大的需求，但是在性能上就显得有些不足，为了提高js的性能，推出了WebAssembly，最近恰好又用到了WebAssembly，WebAssembly虽然是配合js使用的，但是需要像其他编译性语言进行编译，用到的工具是emscripten，下面我们介绍一下emscripten工具的安装。前提：1、安装python(python以2.X的版本为主，Ubuntu自带python2.X一般就可以用)2、安装git安装：1、git clone https://
2020-07-19 21:59:53
1145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人