前端工具
关注
分享
扫一扫
文章平均质量分 62
前端适用小工具
web修理工
这个作者很懒，什么都没留下…
展开
-
bower 基本使用
1.安装 node 环境2.全局下载 bowernpm install -g bower3.初始化 bower.json文件 类似 npmbower init4.下载模块bower install jquery --save // 依赖5.模块应用<script src="bower_components/jquery/dist/jquery.min.js"></script>...原创 2021-08-18 10:08:27 · 233 阅读 · 0 评论 -
webpack 入门 文件系统require.context 动态 动态引入 vue
重新学习webpack 需要重新安装node指定版本 http://nodejs.cn/ .org 组织 .cn 中国 .zn 中文 .en 英文node npm webpack 版本要对应 不然会出现想不到的问题 node 8.11.1 npm 5.60 webpack 3.5.5 本地可以覆盖全局的 -save 保存在.pack.json 中一 初级版本mkdir webpack-democd webpack-demonpm init -ynpm install webpac原创 2020-12-24 11:43:43 · 1016 阅读 · 0 评论 -
2020/12/1 webpack 基础配置
1.webpack 1.132webpack hello.js hello.xx.js01.开始都是 webpack index.js index.bundle.js 把 index.js 文件打包成 index.bundle.js 文件02.配置 webpack.config.js 文件 打包webpack 即可03.webpack 命令写入pack.json 文件里原创 2020-12-08 11:43:42 · 173 阅读 · 0 评论 -
浏览器 新属性支持检测 网站 工具 node包 caniuse
npm 检测浏览器的支持度npm install caniusevar query = require('caniuse').query, result; result = query('transforms3d', {name:'android', version: '2.3'}); // query result:// -2 : NOT supported// -1 : NOT supported, but has polyfill available// 0 : unkn原创 2020-11-24 10:30:48 · 275 阅读 · 0 评论 -
md文件使用介绍
欢迎使用 Markdown在线编辑器 MdEditorMarkdown是一种轻量级的「标记语言」[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4dvwmgiG-1602668677555)(https://www.mdeditor.com/images/logos/markdown.png “markdown”)]Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档转载 2020-10-14 17:45:10 · 1969 阅读 · 0 评论 -
如何利用babel工具将es6语法转换成es5语法
创建文件夹mkdir es6初始化cd es6npm initmkdir srccd srctouch index.jssrc index.jslet b=1;console.log(b)const name='张三'console.log(name)下载转化模块//局部安装 -g (全局安装)npm install babel-cli //类似vue-cli一样npm install --save-dev babel-preset-es2015 babel-cli原创 2020-08-25 10:48:50 · 344 阅读 · 0 评论 -
vscode 股票插件 stock watch
1.应用商城下载 搜索 stock watch2.查看3.查看扩展原创 2020-07-22 16:53:21 · 6721 阅读 · 0 评论 -
前端开发者不得不知道的41个常用的网站，因为这41个网站我成了别人眼中的巨佬
1.npm2.Express3.BootCDN4.mongoose5.Vue.js6.React7.BULMA8.RAP29.Swiper中文网10.Animate.css11.Vant-UI12.xiaopiu13.Element14.Iconfont15.favicon16.GitHub17.蓝湖18.优快云19.Moment.js20.React Router21.Mint UI22.Ant Design Mobile23.Ant Design24.Bo转载 2020-07-06 09:11:24 · 804 阅读 · 0 评论 -
charles连接手机抓包
首先确保电脑和手机连接到同一个热点上电脑连接热点以后，首先打开Charles设置Charles的settingport一般都默认8888Enable transparent HTTP proxying 这个可以不勾选设置好之后点击OK就可以了，然后打开你的手机，连接同一个热点，打开手机的设置将代理设为手动设置IP和端口号IP是在电脑上在cmd中输入ipconfig获取的IPv4这个地址端口就是8888然后在cherles里会弹出一个弹出框一定要看好，点击Allow.转载 2020-06-10 09:42:52 · 2803 阅读 · 0 评论 -
02 数组对象排序
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-原创 2020-06-04 09:09:48 · 184 阅读 · 0 评论 -
数组对象相同数据进行分类 算法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script.原创 2020-05-30 16:18:12 · 1190 阅读 · 0 评论 -
在指定字符串位置插入对应值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script.原创 2020-05-30 16:07:50 · 459 阅读 · 0 评论 -
工具函数 数组对象去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script.原创 2020-05-30 16:02:01 · 192 阅读 · 0 评论 -
前端抓包工具
1.网络抓包(协议)Wireshark1.下载wireshark http://www.downza.cn/soft/25954.html1.No:代表数据包标号。2.Time：在软件启动的多长时间内抓到。3.Source：来源ip。4.Destination: 目的ip。5.Protocol：协议。6.Length:数据包长度。7.info：数据包信息。接下来我们将简单介绍Filter处，对来源Ip以及目的Ip的过滤表达式的写法。首先我们在Filter处填写ip.addr eq原创 2020-05-22 09:41:31 · 838 阅读 · 0 评论 -
vscode: Visual Studio Code 常用快捷键
主命令框F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在Ctrl+P窗口下还可以:-直接输入文件名，跳转到文件? 列出当前可执行的动作! 显示 Errors或 Warnings，也可以 Ctrl+Shift+M: 跳转到行数，也可以 Ctrl+G 直接进入@ 跳转到 symbol（搜索变量或转载 2020-05-21 10:34:00 · 428 阅读 · 0 评论 -
前端图片压缩工具
1.在线压缩:熊猫压缩2.本地压缩:pp鸭原创 2020-05-20 20:27:20 · 276 阅读 · 0 评论 -
后台数据联调的接口工具 postman和apizza 集成数据
apizza类似postman的在线工具,对于国人友好程度较高,个人见解,希望能帮到大家…原创 2020-05-16 17:04:40 · 611 阅读 · 0 评论