随笔分类 - 辅助工具
一些常用的辅助工具的使用介绍
编写一个 vue 组件发布至 npm
摘要：转载：https://kuangyx.cn/docs/%E6%96%87%E7%AB%A0/%E5%89%8D%E7%AB%AF/%E7%BC%96%E5%86%99%E4%B8%80%E4%B8%AAvue%E7%BB%84%E4%BB%B6%E5%8F%91%E5%B8%83%E8%87%B3n
阅读全文
Charles使用教程
摘要：一、Charles教程（一）Charles使用教程Charles是一个HTTP代理/ HTTP监视器/反向代理，能够查看其机器和Internet之间的所有HTTP和SSL / HTTPS流量。这包括请求，响应和HTTP标头（包含cookie和缓存信息） Charles 是在 Mac /Windows
阅读全文
浏览器插件（谷歌）
摘要：利用js简单实现谷歌插件： 1: 首先,我们需要创建一个文件夹,命名随意 然后,我们需要创建一个manifest.json的文件,命名必须要这个,这个是谷歌内核浏览器的入口类配置文件 { //插件名 "name": "lstDemo", //版本号 "version": "1.0", //谷歌12后
阅读全文
原生js自动触发事件
摘要：熟悉jquery的童鞋都知道在jq中有一个方法可以自动触发事件，那就是trigger（），那么通过原生js又怎么模拟触发呢？ js中添加一个主动触发事件的方法有dispatch。该方法能模拟用户行为，如点击（click）操作等。 标准使用dispatchEvent方法，IE6/7/8则使用fireE
阅读全文
将页面dom导出为pdf格式并进行下载
摘要：1.使用npm下载两个插件 a.将html页面转换成图片 npm install --save html2canvas b.将图片生成pdf npm install jspdf --save 或者直接使用cdn <script src="https://cdnjs.cloudflare.com/aj
阅读全文
前端性能分析 Chrome Dev Tools 之 Performance
摘要：作为前端开发，肯定对 Chrome 的 dev tools 不陌生，除了日常 Debug，还提供了一个非常强大的功能：performance 用做性能分析。 window.performance 提供了一组精确的数据，配合数据上报即可实现简单的性能统计。 1. 属性字段首先可以打开官方提供的测试页：
阅读全文
Vue集成Ueditor
摘要：转载：https://juejin.cn/post/6844903781709119495 vue-ueditor-wrap地址：https://github.com/HaoChuan9421/vue-ueditor-wrap vue-ueditor-wrapdemo地址：http://uedito
阅读全文
vue富文本编辑器 Vue-Quill-Editor
摘要：Vue-Quill-Editor 主流富文本编辑器对比 前言：vue中很多项目都需要用到富文本编辑器，在使用了ueditor和tinymce后，发现并不理想。所以果断使用vue-quill-editor来实现。 wangEditor（国产，基于javascript和css开发的web富文本编辑器，开
阅读全文
手机抓包fiddler配置及使用教程
摘要：转载至：https://www.cnblogs.com/woaixuexi9999/p/9247705.html 本文基于Fiddler4讲解基本使用 fiddler抓包原理 注意：Fiddler 是以代理web服务器的形式工作的，它使用代理地址:127.0.0.1，端口:8888。当Fiddler
阅读全文
js判断手机是安卓还是ios
摘要：//点击下载按钮判断 appDown() { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var isAndroid = u.indexOf('Android') > -1
阅读全文
vue配置开发，测试，生产环境api（打包方式）
摘要：想实现通过不同的命令，打包调用不同环境的API，实现实现前端自动化部署。 前端自动化部署工程比较复杂，这里只介绍通过不同的命令，打包的时候调用不同环境的API，例如：npm run build 调用开发环境接口，打包开发环境npm run build:test 调用测试环境接口，打包测试环境npm
阅读全文
在mac上如何用safari调试ios手机的移动端页面
摘要：第一步：打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】 ，如图1、图2 图1 图2第二步：打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选 图3第三步：用数据线将
阅读全文
HTML5 FormData实现文件上传实例
摘要：转载：https://www.cnblogs.com/hutuzhu/p/4409292.html 表单提交，文件上传是一个常用又十分麻烦的功能，以前要上传文件通常都是借助插件或者flash来实现，噼里啪啦的加载一大堆东西。自从有了HTML5的FormData后，老板再也不用担心我的上传了。 For
阅读全文
长连接、短连接、长轮询和WebSocket
摘要：原文链接：http://caibaojian.com/http-connection-and-websocket.html 对这四个概念不太清楚，今天专门搜索了解一下，总结一下：· 长连接：在HTTP 1.1，客户端发出请求，服务端接收请求，双方建立连接，在服务端没有返回之前保持连接，当客户端再发送
阅读全文
浅谈Websocket、Ajax轮询和长轮询（long polling）
摘要：浅谈Websocket、Ajax轮询和长轮询（long p0ll） 最近看到了一些介绍Websocket的文章，觉得挺有用，所以在这里将自己的对其三者的理解记录一下。 1.什么是Websocket Websocket是HTML5中提出的新的协议，注意，这里是协议，可以实现客户端与服务器端的通信，实现
阅读全文
vue 中 直接操作 cookie 及 如何使用工具 js-cookie
摘要：转载：https://www.cnblogs.com/xiangsj/p/9030648.html vue 中直接操作 cookie 以下3种操作方式 使用 js-cookie 工具：（比较方便，推荐使用） 工具地址：https://www.npmjs.com/package/js-cookie /
阅读全文
vue 打包后本地先自己启动服务 anywhere 非常好用
摘要：：）nodejs服务器Anywhere Anywhere是一个随启随用的静态服务器，它可以随时随地将你的当前目录变成一个静态文件服务器的根目录。 一，安装node 在nodejs官网下载，安装后打开cmd命令行，输入node -v 查看是否安装成功，安装成功则会出现node的版本号，如： 安装nod
阅读全文
可视化-echarts流向图制作
摘要：案例： http://www.internetke.com/jsEffects/2018040406/ 前段时间用echarts做了流程图，在此记录下制作步骤。 一、Echarts是什么 Echarts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，
阅读全文
HTTP状态码
摘要：一些常见的状态码为：200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101
阅读全文