![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
其他
文章平均质量分 60
王永存
大道至简
展开
-
问卷星突破复制黏贴限制
问卷星突破复制黏贴限制原创 2023-01-15 10:02:53 · 6123 阅读 · 0 评论 -
Charles工具使用
proxy-->throttle setting-->勾选enable throttle-->only for select hosts(只限速选中的主机路径)HTTP协议传输的数据都是未加密的,HTTPS协议是由HTTP+SSL协议构建的可进行加密传输、身份认证的网络协议,要比HTTP协议安全。HTTP的连接很简单,是无状态的;抓包也经常被用来进行数据截取等。HTTP和HTTPS使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。设置-->internet选项-->内容-->证书。原创 2023-01-05 11:03:02 · 1475 阅读 · 0 评论 -
Wireshark抓包及常用过滤方法
Wireshark抓包及常用过滤方法_cql_cqu的博客-CSDN博客_wireshark过滤。原创 2022-12-14 18:01:36 · 403 阅读 · 0 评论 -
jsDelivr 为开发者提供免费公共 CDN 加速服务
开发者或网站管理者时常会用到一些 JavaScript Libraries,例如最常见的 jQuery 或字型和 CSS 框架,通常不建议自己在服务器存储这些文件,因为除了耗流量,也可能因此拖慢网站的载入速度。为了解决这种情况,有些人会选择从 [Google Hosted Libaries ](https://developers.google.com/speed/libraries/ "Google Hosted Libaries ")或 [Microsoft Ajax Content Delivery.转载 2022-01-20 11:35:18 · 1407 阅读 · 0 评论 -
window.print() 前端实现网页打印详解
https://blog.csdn.net/qq_38128179/article/details/103344021原创 2021-06-30 17:40:14 · 232 阅读 · 0 评论 -
js 怎样判断用户是否在浏览当前页面
有些时候我们需要在项目中判断用户是否在浏览当前页面,或者当前页面是否处于激活状态。然后再进行相关的操作。浏览器中可通过window对象的onblur、onfocus判断,或者document的hidden属性判断。1、window.onblur & window.onfocus关于是否失焦点,浏览器对象有onfocus和onblur事件可以监听。但是触发这两个事件的前提是页面之前是focus过的。也就是说页面刚刚渲染完,用户在没有页面上任何操作时,页面是不会正常监听这两个事件的;或者...原创 2021-06-09 14:11:41 · 2668 阅读 · 0 评论 -
linux下安装nginx
# 安装编译工具 [root@ tmp]#yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel # 上传下载的nginx 压缩包 下载地址:http://nginx.org/en/download.html # 上传后解压 [root@ tmp]#tar -zvxf nginx-1.18.0.tar.gz # 进入解压后的目录 编译安装:--prefix 指.原创 2021-04-22 15:48:39 · 129 阅读 · 0 评论 -
免费内网穿透方案
https://ding-doc.dingtalk.com/document/resourcedownload/http-intranet-penetration?pnamespace=app原创 2021-01-20 19:05:11 · 706 阅读 · 0 评论 -
钉钉微应用获取用户信息
前言最近有个需求,要把之前做的一套H5应用放在钉钉内,点击微应用,获取用户身份,根据获取到的用户身份去H5系统直接登陆。就是在获取这个用户身份的时候,网上的资料七零八落的,找的人烦躁的很,所以自己记录一下。应用开发流程注册企业: 进入OA管理后台,通过一系列流程,完成企业注册。 创建微应用: 进入钉钉管理后台后可以进入 “企业应用-应用管理” 页面创建微应用。 需要填写应用Logo、应用名称、功能介绍、首页地址等必填信息。 完成后,可在钉钉App的“工作”Tab下找到企业,可以查看到微应用转载 2021-01-20 18:14:51 · 2367 阅读 · 0 评论 -
Performance使用教程:分析运行时性能
Get started在本教程中,你在一个在线的页面打开DevTools,使用Performance面板在页面上查找性能瓶颈。1.打开隐身模式下的chrome浏览器,确保chrome运行在一个干净的状态下。如果你安装了许多的拓展插件,这些拓展可能会影响性能评估。2.在隐身模式窗口加载下面的页面。这是你要使用的demo,页面上展示了一堆上下移动的蓝色小方块。https://googlechrome.github.io/devtools-samples/jank/3.打开DevTools:Com转载 2021-01-07 11:33:46 · 3694 阅读 · 1 评论 -
Network Analysis Reference(网络请求分析)
在这份全面的Chrome DevTools网络分析功能参考中,探索了分析页面加载方式的新方法。注意:本参考基于Chrome58。如果您使用其他版本的Chrome,则DevTools的UI和功能可能会有所不同。检查chrome://help您正在运行的Chrome版本记录网络请求默认情况下,只要打开DevTools,DevTools就会在“网络”面板中记录所有网络请求。图一、网络面板停止记录网络请求要停止记录请求:单击“网络”面板上的“停止记录网络日志”。变为灰...原创 2021-01-05 16:03:23 · 1612 阅读 · 0 评论 -
chrome如何分析页面加载时间
以chrome为例,开发者模式中跟页面加载时间相关的是network面板。network 面板的DOMContentLoaded和load打开Network面板后,刷新页面,面板底部有这三个时间:finish:页面最后一个请求截止的时间,如果页面加载完成后,触发了ajax请求,那么该时间会变更。 DOMContentLoaded:dom内容加载并解析完成的时间,即页面白屏时间 load:页面所有的资源(图片、音频、视频等)加载完成的时间。当页面的初始的标记被解析完成时,会触发DOMCon.转载 2021-01-05 14:22:02 · 8305 阅读 · 0 评论 -
根据端口号查询进程并杀掉
1、根据netstat -tunpl |grep 端口号 查询进程id2、kill -9 端口号原创 2020-12-30 14:26:57 · 620 阅读 · 0 评论 -
如何判断一个对象包含另外一个对象
怎么判断一个对象里包含另外一个对象,即A对象里包含B对象里所有的属性,且值和A里的都一样。例如:A包含B示例:A = {a: 1,b:2}B = {a:1}A = {a: 1,b:2}B = {b:2, a:1}A不包含B示例:A={a:1,b:2}B={a:2,b:2}A={a:1,b:2}B={a:2}A={a:1,b:2}B={a:1,b:2,c:3}巧妙的利用Object.assign和JSON.stringify即可完成判断JSO原创 2020-12-16 20:16:50 · 1930 阅读 · 0 评论 -
windows下 杀死所有nginx进程
taskkill /f /t /im nginx.exe原创 2020-12-14 19:48:23 · 6620 阅读 · 0 评论 -
解决CHROME 80版本以后,SAMESITE COOKIE验证跨站问题
解决方案:1.打开chrome 浏览器2.地址栏输入chrome://flags/#same-site-by-default-cookies3.分别把same-site-by-default-cookies 和 cookies-without-same-site-must-be-secure 设置为Disabled4.然后重启浏览器原创 2020-12-11 22:45:29 · 6026 阅读 · 3 评论 -
git常用命令
根据commit号查找分支git branch -a --contains commitID删除分支git branch -D branchName原创 2020-09-10 10:22:10 · 161 阅读 · 0 评论 -
iframe嵌套 video标签 全屏按钮无法使用
在iframe里添加一个属性 :allowfullscreen="true" 即可原创 2019-12-10 15:20:51 · 2445 阅读 · 0 评论 -
npm scripts 使用指南
Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。本文介绍如何使用 npm 脚本(npm scripts)。一、什么是 npm 脚本?npm 允许在package.json文件里面,使用scripts字段定义脚本命令。{ // ... "scripts": { "build": "node build.js" }}...转载 2019-10-24 16:56:18 · 118 阅读 · 0 评论 -
Git合并指定文件到另一个分支
经常被问到如何从一个分支合并特定的文件到另一个分支。其实,只合并你需要的那些commits,不需要的commits就不合并进去了。合并某个分支上的单个commit首先,用git log或sourcetree工具查看一下你想选择哪些commits进行合并,例如:比如feature 分支上的commit82ecb31 非常重要,它含有一个bug的修改,或其他人想访问的内容。无论什么原...转载 2019-10-22 16:35:27 · 216 阅读 · 0 评论 -
javascript中浏览器控制台console.log 输出图片,彩色字体,文字
代码:if (window.console) { var cons = console; if (cons) { cons.log("%c\n ", "font-size:41px;background:url('http://cdn.iknow.bdimg.com/static/common/pkg/module_zed9cd9fd.png') ...转载 2019-04-29 10:22:30 · 3847 阅读 · 0 评论 -
Git忽略规则和.gitignore规则不生效的解决办法
Git忽略规则:在git中如果想忽略掉某个文件,不让这个文件提交到版本库中,可以使用修改根目录中 .gitignore 文件的方法(如果没有这个文件,则需自己手工建立此文件)。这个文件每一行保存了一个匹配的规则例如:# 此为注释 – 将被 Git 忽略*.sample # 忽略所有 .sample 结尾的文件!lib.sample # 但 lib.sample 除外/T...转载 2019-08-20 17:56:13 · 123 阅读 · 0 评论 -
git命令合并分支代码
git命令合并分支代码对于复杂的系统,我们可能要开好几个分支来开发,那么怎样使用git合并分支呢?合并步骤:1、进入要合并的分支(如开发分支合并到master,则进入master目录)git checkout mastergit pull2、查看所有分支是否都pull下来了git branch -a3、使用merge合并开发分支git merge 分支名4、查看合并之...原创 2019-08-28 17:15:39 · 554 阅读 · 0 评论 -
H5 canvas手写签名
效果图:代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"/>原创 2018-06-28 13:01:39 · 8096 阅读 · 4 评论 -
vue中利用百度地图API显示两点间的距离
先来看一下,要实现的效果:每个店铺的经纬度已经通过服务器获得,通过浏览器定位可以获得我的经纬度,然后可以通过百度地图API提供方法测量距离。在vue data 中已经定义了一个数组list,list中存放的店铺信息的对象,包含经纬度信息。html结构代码如下,通过v-for来遍历显示list中的信息。getDistance()是vue methods定义的方法,把item这个对象参数传原创 2017-09-20 17:52:17 · 7583 阅读 · 5 评论 -
logo在线设计
今天发现了一个很好用的logo在线设计网站,可以在线编辑,并且可以免费导出透明图片。网址:http://www.logomaker.com.cn原创 2019-04-11 10:35:38 · 554 阅读 · 0 评论 -
点击导航,滑动到网页中的指定位置(JS实现滑动锚点定位)
在一个网页页面中,可能会分为很多的模块内容,当我点击导航栏的某一项时,希望显示对应的内容,例如,点击下图导航中的报告服务后,希望网页滑动到 “报告服务” 的模块,点击城市品牌滑动到“城市品牌”的模块。城市品牌模块js代码 $(function () { //获取城市模块到顶部的距离 var city_top = $('#ci原创 2018-01-10 17:27:53 · 20371 阅读 · 1 评论 -
npm install出现"Unexpected end of JSON input while parsing near"错误解决方法
在npm install安装东西的时候报的这个错误,通过百度首先运行下面的的命令:npm cache clean --force1即可解决pm install出现”Unexpected end of JSON input while parsing near”错误。原创 2017-12-06 10:58:01 · 12430 阅读 · 0 评论 -
vue项目打包后打开空白解决办法
vue+webpack+HBulider打包后手机上一片空白解决办法网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看原创 2017-09-22 19:11:36 · 41482 阅读 · 10 评论 -
html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
*HTML5 现在已经不是SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。*绘画canvas 用于媒介回放的video 和audio 元素 本地离线存储localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除 语意化更好的内容元素,比如article、footer、heade原创 2017-10-08 19:22:48 · 2990 阅读 · 0 评论 -
Doctype作用?严格模式与混杂模式如何区分?它们有何差异?
一、Doctype作用是什么?声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分?它们有何意义?严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。混杂模式:又称怪异模式或兼容模式,是指浏览器用自己转载 2017-09-21 11:09:09 · 1120 阅读 · 0 评论 -
HTMl5的sessionStorage和localStorage
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存转载 2017-09-11 15:06:13 · 486 阅读 · 0 评论 -
CSS 巧用 :before和:after
什么是:before和:after? 该如何使用他们?:before是css中的一种伪元素,可用于在某个元素之前插入某些内容。:after是css中的一种伪元素,可用于在某个元素之后插入某些内容。下面我们先跑个简单的代码测试下效果: style> p:before{ content: "H" /*:before和:after必带技能,重要性为满5转载 2017-10-06 21:13:59 · 951 阅读 · 0 评论 -
百度地图JavaScript版api使用说明
步骤一:申请百度地图密钥; JavaScript API v1.4以及以前的版本无序申请秘钥(ak),自v1.5版本开始需要先申请秘钥(ak),才可以使用,如需获取更高的配额,需要申请 认证企业用户。百度地图API 链接地址:http://lbsyun.baidu.com/apiconsole/key 步骤二:在原创 2017-09-20 16:28:47 · 11045 阅读 · 0 评论 -
oninput、onchange与onpropertychange事件的用法和区别
前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效;而onkeydown/onkeypress/onkeyup在处转载 2017-09-16 17:01:56 · 341 阅读 · 0 评论 -
vue项目优化之通过keep-alive数据缓存(vue+webpack)
通过vue提供的keep-alive减少对服务器的请求次数 VUE2.0中提供了一个keep-alive方法,可以用来缓存组件,避免多次加载相应的组件,减少性能的消耗。比如, 一个页面的数据包括图片、文字等用户都已经加载完了,然后用户通过点击跳转到了另外一个界面。然后从另外一个界面通过返回又回到了原先的界面。如果没有设置的话,那么原先界面的信息就要重新向服务器请求原创 2017-09-22 21:07:55 · 3458 阅读 · 0 评论 -
响应式Web设计:Media Queries和Viewport的区别和用法
最近在研究响应式web设计,发现其实这东西其实挺难的,Media Queries和Viewport这两个概念就让人非常头疼,到底是只用其中一种就行,还是两者必须配合起来用,正在困惑的时候,发现了以下这篇文章,虽然没有全懂,但是似乎了解又更近一步了。前言现在使用移动设备人越来越多,移动版的Website随之也越来越重要;但是移动端设备的大小不一,屏幕分辨率各不相同,我们不可能为Bla转载 2017-09-14 14:38:25 · 658 阅读 · 0 评论 -
电脑PC页面和手机移动页面适配跳转
电脑PC页面和手机移动页面适配跳转html页面,涉及到检测终端的问题,如果是电脑端,就跳到PC版页面;如果是手持端设备,就跳转到指定的shou网页上。方法一、@media screen思路:css使用媒体查询,当屏幕小于760px时,使某个元素的样式发生改变,然后通过js检测到这个改变,就可以知道现在切换到移动端了css代码:1转载 2018-01-22 16:18:06 · 5264 阅读 · 0 评论 -
js 实现英文按照首字母进行排序
目的是为了实现英文的首字母进行排序。函数代码:var arr1 = [{ name: 'DaLin' }, { name: 'HaLin' }, { name: 'VaLin' }, { name: 'SaLin' }, { name: 'WaLin' }, { name: 'EaLin' }, { name: 'TaLin' },...原创 2019-01-26 17:05:30 · 12589 阅读 · 0 评论 -
flex 布局不显示...解决办法
加一个width = 0 即可原创 2019-01-23 20:24:38 · 3372 阅读 · 0 评论