- 博客(98)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue-cli打包部署nginx
vue-cli打包到部署到nginx服务器1，我直接npm run build打包出来，打开dist目录下面的index.html空白页，页面上出现no "NODE ENV"是我打包时没有指定打包到哪个环境 正确打包是 npm run build:prod2.关于vue-router中mode:'history'的设置，导致我页面打包后也是路由无法跳转而且出现的bug是...
2021-05-16 16:21:03
522
1
原创 ngrok服务实现内网穿透
自建ngrok服务实现内网穿透名词解释内网穿透,又叫NAT穿透，是计算机用语，翻译过来就是 你的电脑可以直接被你朋友访问。 通常我们的电脑是无法自己被访问的。因为我们的电脑缺少自己的独立的ip地址。现在ip稀缺，电信运营商已经不会随便分配固定ip给个人。通常实现内网穿透，是通过路由器上端口映射来实现的。但是路由器通常不是每个人都有权限可以访问和设置,而且可能存在多级路由器较为复杂的网络...
2021-05-16 16:15:15
716
原创 spy-debugger一站式页面调试、抓包工具
目录安装自定义选项安装Windows 下 npm install spy-debugger -gMac 下 sudo npm install spy-debugger -g第一步：手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）第二步：命令行输入spy-debugger，按命令行提示用浏览器打开相应地址。第三步：设置手机的HTTP代理，代理IP地址设置为PC的当前网络IP地址，端口为启动端口(默认端口：9888)。And..
2020-09-11 12:04:31
355
原创 vue判断首次进入页面还是页面被刷新进入
mounted(){ if (window.performance.navigation.type == 1) { console.log("页面被刷新！") }else{ console.log("首次被加载！") }}
2020-08-27 20:12:18
6013
1
原创 Taro项目构建
目录Taro的安装Taro创建项目Taro安装依赖Taro启动服务Taro目录结构Taro运行说明Taro的安装# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli# OR 安装了 cnpm，使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cliTaro创建项目//使用如下命令创建a...
2020-06-15 11:23:21
850
原创 Python Scrapy项目创建
在使用Scrapy开发爬虫时，通常需要创建一个Scrapy项目。通过如下命令即可创建 Scrapy 项目：scrapy startproject ZhipinSpider在上面命令中，scrapy 是Scrapy 框架提供的命令；startproject 是 scrapy 的子命令，专门用于创建项目；ZhipinSpider 就是要创建的项目名。scrapy 除提供 startproject 子命令之外，它还提供了 fetch（从指定 URL 获取响应）、genspider（生成蜘蛛...
2020-05-26 09:58:37
1215
原创 setTimeout和setInterval传参方式
在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。一、采用字符串形式：——（缺陷）参数不能被周期性改变var id = 11;setInterval("foo(“+id+")",1000);二、匿名函数包装 (推荐)function foo(id){alert(id);}...
2020-03-30 21:04:01
257
原创 element使用笔记
element_ui会用到el-dialog做为弹窗，但这个弹窗的宽度默认为50%。因项目中需要调整弹偿的宽度，需要设置其属性。 尝试过程如下：方法3： 最终我在el-dialog增加了一个customClass, 设置如下： <el-dialog customClass="customWidth" title="日志" v-model="dialogFormVi...
2020-03-12 14:15:39
234
原创 response Headers与request Headers字段详解
response Headers一、Header属性属性 备注Access-Control-Allow-Origin 该站点可以被哪些网站进行 跨域资源共享 Access-Control-Allow-Or...
2020-02-18 12:08:08
13297
2
原创 项目集成构建流程工具
Jenkins 自动化集成工具https://blog.csdn.net/miss1181248983/article/details/82840006 官网https://jenkins.io/zh/
2019-12-24 17:17:22
280
原创 Vue动态添加title兼容微信ios
ios 微信端是window.onload才触发document.title的修改，这里增加一个iframe做缓冲触发onload事件，触发后移除onload事件，清除iframe组件。 created:function(){ document.title="你的标题"; var iframe = docu...
2019-12-13 10:39:39
389
原创 h5 audio video 自动播放
chrome://flags/#autoplay-policy设置成 no user gesture is required 就好了。把浏览器的模式设置一下就可以自动播放了。
2019-11-30 12:35:14
1507
转载 VUE项目配置UEditor集成秀米编辑器
UEditor集成秀米编辑器一、下载Ueditor相关静态文件存放位置去Ueditor官网下载相关资源(本文下载的1.4.3.3版本):下载之后，把资源放到 /static/ueditor/ 目录下。文档结构如下：二、 在main.js中全局引入需要的文件三、在index.html引入秀米配置文件四、创建一个 ueditor.vue 组件五、在项目中的...
2019-11-27 15:06:17
2241
原创 vue无法取methods中的return值
vue作用域，无法取到methods方法中return的值，使用callback代替methods: { getData:function(send){ $.ajax(send){return data;} }, checkData:function(){ var Data = this.ge...
2019-11-25 16:09:24
9151
转载 Nodejs学习路线图
前言目录Nodejs的介绍 15个Nodejs应用场景 Nodejs学习路线图1. Nodejs的介绍Node.js的是建立在Chrome的JavaScript的运行时，可方便地构建快速，可扩展的网络应用程序的平台。Node.js使用事件驱动，非阻塞I/O模型，轻量、高效，可以完美地处理时时数据，运行在不同的设备上。1.1. 谁在用Nodejs?这些公司不仅是尝试在用...
2019-10-29 09:28:49
626
原创 innerText和textContent的不同
一、innerText和textContent的不同不同之一，调用对象不同。innerText只有HTML元素才可以调用，但是textContent任意Node节点都可以：HTMLElement.innerText和Node.textContent。不同之二，值获取规则不同。1. 规则差异之块级元素与换行符已知有下面一段HTML：<p id="dom">一段文...
2019-10-18 13:29:39
2466
转载 windows bat脚本编写
windows批处理 (cmd/bat) 编程详解 开始之前先简单说明下cmd文件和bat文件的区别：在本质上两者没有区别，都是简单的文本编码方式，都可以用记事本创建、编辑和查看。两者所用的命令行代码也是共用的，只是cmd文件中允许使用的命令要比bat文件多。cmd文件只有在windows2000以上的系统中才能运行，而bat文件则没有这个限制。从它们的文件描述中也可以看出以上的区别：c...
2019-09-20 09:24:03
1389
1
原创 Chrome DevTools在插入Android设备时无法检测到 (亲测)
Chrome DevTools在插入Android设备时无法检测到请确保正确安装硬件：如果是使用 USB 集线器，请尝试将您的 Android 设备直接连接到开发计算机上。 尝试拔出 Android 设备与开发计算机之间的 USB 电缆，然后再将其插回原位 。 在 Android 设备与开发计算机的屏幕未锁定时，执行此操作。 确保您的 USB 电缆正常工作。 您应该能够从自己的开发计算...
2019-09-19 14:55:39
3079
原创 探究ios -webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug
探究ios -webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug最常见的例子就是，在safari上，使用了-webkit-overflow-scrolling:touch之后，页面在上下边界处偶尔会卡住不动。 在safari上，点击其他区域，再在滚动区域滑动，滚动条无法滚动的bug。 通过动态添加内容撑开容器，结果根本不能滑动的bug。在网...
2019-08-28 17:56:55
7259
1
原创 H5开发工作经验笔记
正则匹配 \b边界符 \1反向引用。function a(){ b(); c(); console..log(111111); d();}function b(){ console.log(222222); e();}function c(){ console.log(333333); f();...
2019-08-14 21:52:01
968
原创 Android与iOS系统默认的一些样式差异
注意加上兼容代码前缀1、ios用户点击一个链接，会出现一个半透明灰色遮罩,如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0，也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}2、禁止ios 长按时不触...
2019-07-26 15:32:19
416
原创 node插件开发与发布
本文主要给各位分享如何快速创建node插件并发布到npm上。npm是一个让JavaScript程序员分享和复用代码的工具，我们不仅可以install别人的插件，也可以publish自己的代码。npm install太多，是时候publish一波1.初始化一个node项目我暂且将这个node插件命名为my-plugin，创建目录my-plugin，进入目录，使用npm init --y...
2019-07-25 20:31:30
1103
原创 打造最舒适的Webview调试环境
手机H5 web调试利器——WEINRE (WEb INspector REmote)调试移动端页面，优先选择使用chrome浏览器调试，如果是hybrid形式的页面，可以使用chrome提供的chrome://inspect/#devices安卓真机调试，不过这个要求比较高：首先，你的 Chrome 版本必须高于 32其次你的测试机 Android 系统高于 4.0，再其次，测试机安...
2019-07-25 19:28:33
575
转载 VueJS 的VNode
概述VueJS的虚拟DOM是基于开源Snabbdom的。使用虚拟DOM的好处前端发展很多年，直到出现了虚拟DOM，才可以从操作DOM解脱出来。JQuery的出现，简化了操作DOM的过程，但是还是摆脱不了操作DOM。而虚拟DOM的目的是，使用虚拟节点代替真实节点，所有操作都发生在虚拟节点，然后通过diff算法对比新旧两棵虚拟DOM，计算出更新真实DOM的最少操作，由框架代替用户执...
2019-07-23 07:35:09
1456
转载 键盘挡住输入框解决办法
为什么？ 为什么要随时监测屏幕大小，这是因为我们在手机端的时候，常常会遇到这样的问题：当点击输入框的时候，手机的键盘就会自动浮现，它会使得页面的可视示高度（document.body.clientHeight）发生变化。而我们的输入框就被可怜的遮挡在小键盘后面怎么办？方法1 我们不知道小键盘何时会出现，但有一点是可以确定的，当小键盘出现的时候，body的可视区域一定为发生变...
2019-07-19 15:39:34
9035
转载 基于QT的TCP通信
一、linux下的tcp通信过程其中bind绑定，会固定一个端口，否则是随机的。一个链接是由双方的ip和端口组成的，固定端口保证源的不变性，这样另一端在任何时候访问的目的都是一致的，也可以说这个端口提供了什么服务。同时绑定后直接操作socket id就可以操作对应的链接了。二、QT下的TCP通信过程Qt中提供的所有的Socket类都是非阻塞的。Qt中常用的用于so...
2019-06-20 16:28:25
9954
2
转载 用Python提取视频中的图片
用Python提取视频中的图片原文链接https://www.jianshu.com/p/e3c04d4fb5f3Python在处理视频方面表现非常优秀，多数都是基于OpenCV库的。为了解决我的需求，因此决定自己写个基于Python+OpenCV的通用函数，来解决以后在提取图片过程中的各种需求。这个函数就是本文要介绍的video2frames()函数，功能就是从视频中提取图片，名称“...
2019-06-20 16:21:04
242
转载 FormData对象
FormData1. 概述FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。2. 构造函数创建一个formData对象实例有几种方式1、创建一个空对象实例varformData =newFormData();此时可以调用append()方法来添加数据2、使用已有的...
2019-05-28 20:55:45
144
原创 javascript鼠标获取选中的文字
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head><body&g...
2019-05-28 20:53:02
481
转载 Window/Location/Hash的使用
window.location.hash 使用location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可...
2019-05-16 15:55:48
690
原创 原型式继承的constructor指向问题
让我们先来了解一下constructorconstructor属性不影响任何JavaScript的内部属性。 constructor 的含义是 返回指向创建了该对象原型的函数引用. instanceof检测对象的原型链，通常你是无法修改的（不过某些引擎通过私有的__proto__属性暴露出来）。 constructor其实没有什么用处，只是JavaScript语言设计的历史遗留物。 由...
2019-05-07 10:25:28
1479
转载 vue组件级路由钩子函数
vue组件级路由钩子函数(beforeRouteEnter/beforeRouteUpdate/beforeRouteLeave)beforeRouteEnter(to, from, next)：进入路由之前执行的函数,写在组件里可根据路由进行页面判断或传值。beforeRouteLeave(to, from, next)：离开路由之前执行的函数,可用于页面的反向传值，页面跳转。...
2019-05-05 20:32:20
3501
转载 CSS预处理器Scss&Less
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、混合、继承等特性，让CSS的书写更加有趣与程式化。变量变量用来存储需要在CSS中复用的信...
2019-05-05 19:13:54
261
转载 javascript中的位运算
按位运算符是把操作数看作一系列单独的位，而不是一个数字值。所以在这之前，不得不提到什么是“位”：数值或字符在内存内都是被存储为0和 1的序列，每个0和1被称之为1个位,比如说10进制数据2在计算机内被存储为 0 0 0 0 0 0 1 0，当我们将内存内的位值改变之后，这个值代表的意义也就变了，比如把2前移动一位， 现在存储单元里面变成了0 0 0 0 0 1 0 0,这个值表示的是十进制的4...
2019-05-04 21:26:32
232
转载 javascript实现pagination分页组件
分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)2、total为0时，隐藏整个元素（如demo2所示）3、如果total<=5，则显示全部页数，隐藏“首页”和“末页”元素（如demo3所示）4、当current居中不足5页，...
2019-05-04 20:19:18
906
转载 JavaScript轮播组件
设计一个图片轮播组件：需要满足的要求如下：1. 使用手指可以拖动图片进行切换2. 图片滚动到最后一张时，可以继续向后无缝切换到第一张，反之，也可以切换滚动到最后一张3. 当没有任何操作时，每3秒切换一张图片<!DOCTYPE html><html><head> <meta charset="utf-8" name="...
2019-05-04 20:11:20
165
2020届计算机专业毕业答辩ppt.pptx
2020-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人