工具
工具
__畫戟__
前端。知之为知之,不知为不知
展开
-
浏览器滚动截屏
滚动截屏原创 2022-10-20 12:02:06 · 557 阅读 · 0 评论 -
Failed to run File Watcher ‘Less‘. / 无法运行 File Watcher ‘Less‘
Failed to run File Watcher ‘Less‘.原创 2022-04-30 20:36:18 · 1568 阅读 · 0 评论 -
7款程序员实用工具,老少皆宜,你一定用得上
Snipaste是一个简单但强大的贴图工具,同时也可以执行截屏、标注等功能。LICEcapGIF 屏幕录制工具SwitchHost hosts切换工具Scroll Reverser解决macOS 鼠标“翻转”问题科学** 工具SonicWall Mobile Connect VPN 工具...原创 2022-01-21 10:08:58 · 886 阅读 · 0 评论 -
weboack高级应用篇(五):打包结果分析 - 依赖图(dependency graph)
每当一个文件依赖另一个文件时,webpack 都会将文件视为直接存在 *依赖关系*。这使得 webpack 可以获取非代码资源,如 images 或 web 字体等。并会把它们作为 *依赖* 提供给应用程序。当 webpack 处理应用程序时,它会根据命令行参数中或配置文件中定义的模块列表开始处理。 从 入口开始,webpack 会递归的构建一个 *依赖关系图*,这个依赖图包含着应用程序中所需的每个模块,然后将所有模块打包为少量的 *bundle* —— 通常只有一个 —— 可由浏览器加载。原创 2021-12-08 22:06:45 · 1613 阅读 · 0 评论 -
js 图片压缩
compressorjs - npmJavaScript image compressor.https://www.npmjs.com/package/compressorjs相关文章:了解JS压缩图片,这一篇就够了 - 知乎JavaScript前端实现压缩图片功能原创 2021-11-26 10:39:54 · 399 阅读 · 0 评论 -
mockJs基础用法示例
什么是mockJs生成随机数据,拦截 Ajax 请求参考文档:Mock.js为什么使用mockJs如果后端接口还未开发完成,我们自己手动模拟后端接口返回随机数据完成交互功能采用json数据模拟,生成数据比较繁琐,也比较有局限性,没办法达到增删改查 采用mockJs进行模拟数据,可以模拟各种场景(get、post)生成接口,并且随机生成所需数据,还可以对数据进行增删改查使用mockJs通过vue-cli创建基本项目 在项目中安装mock npm install mock转载 2021-11-24 23:03:09 · 277 阅读 · 0 评论 -
Mock.js 语法规范
语法规范Mock.js 的语法规范包括两部分:数据模板定义规范(Data Template Definition,DTD) 数据占位符定义规范(Data Placeholder Definition,DPD)数据模板定义规范 DTD数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值:// 属性名 name// 生成规则 rule// 属性值 value'name|rule': value注意:属性名...转载 2021-11-24 22:54:27 · 538 阅读 · 0 评论 -
CiteSpace安装教程
Citespace入门使用流程包括:Java运行环境配置; citespace软件准备; 数据准备; 软件运行设置; 后期可视化分析。本篇文章首先分析Java运行环境配置和citespace软件准备一、Java运行环境配置...原创 2021-11-11 11:23:58 · 4131 阅读 · 0 评论 -
Vue结合webuploader实现文件分片断点续传
根于公司业务,封装了底层的 文件分片断点续传底层能力组件 和 带有前端交互的UI组件使用步骤1,本项目基于vue-cli3,在public下创建webUploader目录2,由于我司视频兼容能力业务需求,jQuery在index.html中引入。因此jQuery的引入方式有些简陋,多多包涵。。3,文件分片断点续传底层能力组件<template> &...原创 2019-12-09 11:15:10 · 2656 阅读 · 15 评论 -
markdown常用语法,Typora
标题、文本样式、列表 、链接、代码片、表格、注脚、markdown编辑器 Typora原创 2021-10-13 15:55:48 · 119 阅读 · 0 评论 -
Webstorm Chinese Language教程,简单有效
1、先打开WebStorm,打开File中的settings2、然后选择plugins,在右边选中Marketplace框,然后搜索Chinese(Simplified)LanguagePack EAP,安装即可:3、重启WebStorm,就可以看见已经汉化成功了。原创 2021-09-30 22:42:03 · 796 阅读 · 0 评论 -
解决【Gitlab强制提交被拒绝】问题
问题:开发过程中遇到需要回退代码后强制提交Gitlab:git push origin master -f 遇到图中报错。解决:打开 Gitlab => Settings =>Repository Protected Branches 找到对应被保护的分支 点一下分支对应的 unprotect,再执行 git push origin master -f 就成功了! 如果你想改回原先的受保护分支,你可以从上面的表单中添加回来 ...原创 2021-08-24 13:07:05 · 2635 阅读 · 0 评论 -
Visual Studio Code中比较不同的分支(How to compare different branches in Visual Studio Code)
Vscode下载GitLens插件:GitLens 右键选择 Open Folder History 选择 COMPARE 选择两个分支进行对比 这里就是变化原创 2021-05-17 22:46:24 · 19016 阅读 · 1 评论 -
Eslint
module.exports = { 'env': { 'browser': true, 'node': true, 'es6': true }, 'globals': { 'uni': true }, 'extends': [ 'eslint:recommended', 'plugin:vue/essential' ], 'parserOptions': { 'ecmaVersion': 12, 'sourceT.原创 2021-04-22 15:05:37 · 264 阅读 · 0 评论 -
小程序web-view的使用与调试
基本语法:<web-view src="https://你的域名"></web-view>其中,src指向的链接需登录小程序管理后台配置域名白名单,并且协议必须是https。开发者工具调出小程序web-view调试页面:原创 2021-03-12 19:20:41 · 834 阅读 · 0 评论 -
Git - .gitignore文件的用法
简介.gitignore文件的作用.gitignore文件用来忽略被指定的文件或文件夹的改动,被记录在.gitignore文件里的文件或文件夹,是无法被git跟踪到的,换句话说,被忽略的文件是不会被放入到远程仓库里的,当然本地库中还有,只是push的时候不会上传。.gitignore文件存放于git仓库的根目录下。语法#表示注释,如:# Here is comment.忽略文件/文件夹直接写入文件或文件夹名即可,指定文件夹里的所有文件也会一起被忽略,如下:/mtk/ 过滤整个文件原创 2020-12-27 21:30:39 · 197 阅读 · 0 评论 -
可选链(链判断运算符)操作
Vue项目中支持可选链(链判断运算符)操作;React项目中支持可选链(链判断运算符)操作;原创 2020-12-27 20:50:28 · 3582 阅读 · 0 评论 -
vscode设置eslint保存文件时自动修复eslint错误
启动vscode,ctrl + shift + p 打开搜索面板输入 settings.json,选择.vscode下的 settings.json{ // #每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true } }...原创 2020-12-26 21:05:32 · 2505 阅读 · 4 评论 -
MacBook外接“键盘鼠标”设置经验
最近把MacBook笔记本外接了鼠标和键盘。这次主要说说键盘鼠标的习惯。Mac电脑键盘与PC Windows键盘布局不同,主要是左下角经常用到的几个功能键,但MacOS系统已经替用户考虑到了这点,可以灵活的设置,具体如何设置,取决于使用者是把键盘、鼠标当成Mac来用,还是当成Windows来用。你可以通过这篇文章让你的外接键盘、鼠标当做windows键盘、鼠标使用,也可以当做mac键盘、鼠标使用。手把手教你原创 2020-10-16 12:06:04 · 17112 阅读 · 1 评论 -
webstrom2019 设置自动换行
勾选Soft wrap files,并且在最后面加上 ;*.*原创 2020-01-09 14:26:40 · 1965 阅读 · 1 评论 -
webstorm 自定义快捷键
webstorm 自定义快捷键原创 2020-01-09 13:50:57 · 1012 阅读 · 1 评论 -
webstorm 自定义代码模板
1,添加代码片段 Live Template$变量名$ 为模板中定义的变量,可以在右侧的编辑变量中设置变量信息及Tab顺序原创 2020-01-09 11:59:38 · 932 阅读 · 1 评论