- 博客(35)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 simply-ellipsis，使用超级方便的tooltip，原生html、css、js实现，支持vue、react、angular等任意前端框架
原生方式实现的tooltip,适用于任何前端框架，使用方式超级简单，引入后在需要使用tooltip的地方写入对应的css class名即可
2021-10-19 20:06:29
646
原创 python win32.api pyhook ShellExecute 编写自用windows系统快捷键工具，提升工作效率，提升编码效率
Mykeyboard你的键盘精灵！背景：因为强迫症发作，给自己的webstorm设置了很多快捷键，在编码的过程中不用手离开基础键位去按方向键，不用在写完（（（（））））后，还使用方向键或者鼠标将光标调整到行尾。又因为强近症发作，寻思为何一定要依赖编辑器呢，以后要是换编辑器了怎么办。既然如此，那就从操作系统层面更改键盘的输出，使快捷操作适用于电脑的任何地方。为此，我需要为自己写一个可执行程序，...
2019-05-04 17:58:45
2585
原创 webpack自动注册全局组件
例如，在form文件夹下有许多流程类表单，一个一个注册引入非常浪费时间，可使用webpack的require.context方法来自动导入。然后在main.js中调用。
2023-08-10 15:52:12
747
原创 前端d3.js读取excel或csv并导出，以及如何解决读取中文乱码问题,详见注释
前端d3.js读取excel或csv并导出，以及如何解决读取中文乱码问题,详见注释
2023-03-16 18:28:24
1364
原创 地图瓦片切割记录
1. 高德地图经纬度是采用的什么标准？WGS-84：是国际标准，GPS坐标（Google Earth使用、或者GPS模块）GCJ-02：中国坐标偏移标准，Google地图、高德、腾讯使用BD-09 ：百度坐标偏移标准，Baidu地图使用2.EPSG:4326 与EPSG:3857是什么关系？参考地址EPSG:4326 (WGS84)前面说了 WGS84 是目前最流行的地理坐标系统。在国际上，每个坐标系统都会被分配一个 EPSG 代码，EPSG:4326 就是 WGS84 的代码。GPS是基
2022-03-15 15:11:09
1070
原创 微信小程序扫码跳转小程序过程记录
这里写自定义目录标题经验总结测试链接配置测试范围开发版体验版经验总结小程序开发真的很恶心，恶心，恶心测试地址一定要和你扫码的二维码内空一模一样，包括参数，否则你会跳转到正式版，或者无法跳转扫码后，可能并不是你想要跳转的版本，此时退出小程序 ，在微信主界面下拉，通过查看最近使用小程序，确定自己到底跳转的哪个版本更改二维码的测试范围为开发版后，不一定会马上生效，或许要等几分钟，或许你需要上传新的版本,目前看，上传新版本好像是可以的体验版不开调试模式，无法访问未在平台配置的接口和webview页面
2021-11-04 11:34:41
1296
3
原创 使用css实现扫描效果
实现下图中的扫描效果需求分析1.扫描图层有一个宽度为0增加到固定宽度的过程，之后再开始移动2.到达一边时，扫描图层逐渐消失，之后再调转方向3.扫描图层两侧为一个梯形实现方案1. 首先使用clip-path将div切出容器形状让ui切一张大小一样的纯色svg，一定要是纯色，不带边框阴影等各种效果的svg,这样可以快速得到容器尺寸，下图便是我们ui切出来的svg可以看到容器尺寸有了，但是很不方便计算，原因为在于存在一个translate ,写个方法处理一下（慕客下载的svg都存在这个毛病，下
2021-09-14 19:44:14
2325
1
原创 在Git项目中使用husky统一管理hooks，解决vite项目下gitHooks不生效问题
写在前面按例先贴参考贴：在Git项目中使用husky统一管理hooks最近使用了vue官方推荐的最新打包工具vite,而vite项目不支持在package.json中配置gitHooks，vue-cli项目能支持是因为在安装之后，@vue/cli-service 会安装 yorkie，让你在 package.json 的 gitHooks 字段中方便地指定 Git hook。husky使用步骤确保npm版本7以上安装huskynpm i husky -D依次执行以下代码，一步也不能少
2021-09-01 13:01:07
2941
原创 如何用css的background写一个带斜切角、有边框又有内外阴影的按钮呢？
先附上另一大佬的链接https://segmentfault.com/a/1190000038911131，本文只是在该基础上做些调整，并详细讲讲background的用法从ui拿到的需求是这样的，这张图的阴影效果不明显，但实际上从ui给的慕客上能看到同时有内阴影border: 2px solid #00b1ff;box-shadow: 0px 0px 4px 0px #296fff, 0px 0px 8px 0px #00b1ff inset; 本来一开始计划是使用切图，后来实在太多了，项目打
2021-08-30 01:24:37
1191
原创 微信扫描二维码跳转到小程序配置 获取二维码内容
小程序开发 -> 开发管理 -> 开发设置 -> 扫普通链接二维码打开小程序添加跳转规则，可配置项如下图协议类型和选择大小写没啥好说的，前缀占用规则选择占用重点讲以下几条二维码规则：填写备案过的域名加路径的形式如https://xxxxxx.com/myRule检验文件放置需满足该地址（https://xxxxxx.com/校验文件）能访问指定小程序的功能页面在指定页面通过以下方式获取二维码中的内容 onLoad(e) { // 微信扫码后.
2021-06-22 14:55:35
1095
原创 webview中使用微信jssdk
在webview中使用微信小程序的sdk需完成微信的签名认证，按照以下步骤依次进行即可注意：axios中的请求url均使用nginx转发到了https://api.weixin.qq.com，若不转发会存在跨域问题，也可以采用后端发起请求的方式。import axios from 'axios'import jshashes from 'jshashes' //加密库 完成sha1加密async wxUploadImage() { try { //获取access_t
2021-06-07 19:47:47
738
原创 uniapp webview 直接调用原生摄像头拍照 拍视频 img video，通过ajax获取blob（file为特殊的blob）对象并上传到后端服务器
let cmr = plus.camera.getCamera() //获取相机对象 cmr.captureImage( //调用拍照方法，获得临时路径 function (p) { plus.io.resolveLocalFileSystemURL(p, function (entry) { //通过临时路径，获得文件系统中的文件对象entry entry.file(functi
2021-06-07 19:35:57
4190
1
原创 为什么移动端不适合用px来布局
先贴一篇别人写的《理解设备像素比》上面这篇介绍了关于移动端尺寸的知识，我们接着来说明为什么移动端不适合用px来布局。以渲染一个宽度铺满屏幕的div举例情况1: 375x667（de）、750x1334，一使用px布局不会影响布局设置div宽度为375px，那么在375x667的屏幕水平方向上，刚好由375独立像素渲染，即刚好占满屏幕全部宽度，而在750x1334屏幕上，由于该屏幕的deviceRatio为2，水平方向渲染一个css像素实际使用2个像素，即该div水平方向由750个独立像素渲染，也
2021-05-25 01:32:31
1061
原创 webstorm中的常用设置
webstorm中的可配置项实在太多，经常忘了在哪，写篇博客记录下1.解决script标签下的js代码缩进问题**Setting -> Code Style ->HTML ->Do not indent children of:2.设置双引号还是单引号3.选中属性两端加引号...
2020-09-16 11:23:53
639
原创 uniapp中融云接入方法及融云连接demo
uniapp中融云接入方法重点：不管是打包成app、微信小程序、h5，其实使用的都是同样的sdk,不用纠结该下载什么类型的sdk;官网目前限制了小程序的免费调试，只有认证了成为企业帐户才能正常用于小程序的调试。（demo中所有的appkey为认证企业账户，故可调试）；如在浏览器测试，需设置关闭浏览器的跨域检测，关闭方法在demo中的readme中有叙述；demo中仅实现了token获取，建立连接，消息监听，模拟服务器端消息发送，具体效果见下图红框核心代码如下：methods: { //
2020-09-09 16:32:36
4414
原创 编写第一个自已的postCSS插件——一步步填完官方文档中的坑——在vue项目中使用
官网教程https://dockyard.com/blog/2018/02/01/writing-your-first-postcss-plugin开始实操克隆官方模板库git clone git@github.com:postcss/postcss-plugin-boilerplate.git按照官方文档，你会遇到上图错误。解决办法，fork官方库之后，再执行git clone，或者直接下载压缩包。2. 接下来，从该仓库运行向导脚本：node ./postcss-plugin-boi
2020-06-02 16:18:39
489
原创 变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级等等。
转自大佬文章：https://www.jb51.net/article/79461.htm#comments题目如下：function Foo() {getName = function () { alert (1); };return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = func...
2020-04-16 20:29:06
192
原创 vue build静态文件版本判断 vue cli3保留index.html中的注释，并在html中写入时间戳，记录打包时间
效果如下：实现过程如下：修改vue.config.js中关于webpack的配置，保留index.html中的注释。原理可以看vue cli3官网关于webpack——修改插件选项部分的描述 chainWebpack: config => { config.plugin('html') .tap(args => { ...
2020-04-14 13:52:18
1805
原创 ant design pro起步——一步一步搭建
使用yarn管理依赖npm i yarn tyarn -g全局安装umiyarnyarn global add umi使用umi -v 检查umi是否安装成功3. 全局安装antdyarn global add antd将antd 升级到 4.0yarn global add @ant-design/pro-layout创建完整的ant design pr...
2020-04-13 13:40:58
586
原创 ubuntu下安装配置nginx,搭配web服务器，将8000端口转发到80端口
1、更新软件源 重点，否则会报安装失败sudo apt-get update2、安装nginxsudo apt-get install nginx安装好的文件位置：/usr/sbin/nginx：主程序/etc/nginx：存放配置文件/usr/share/nginx：存放静态文件/var/log/nginx：存放日志3、修改nginx配置vi /etc/nginx/s...
2020-04-10 10:22:30
985
原创 vue判断刷新——解决vue项目刷新情况下的数据同步的设计思路
记录构思过程整个页面结构如下图所示，分为四个板块：系统、房间、设备、安全。登陆成功会进入系统页为了优化体验，所有数据在所有页面都会共用的header组件中请求加载，并存入vuex；即当登陆成功后，用户还停留在系统页时，程序已经在请求加载房间、设备、安全相关的数据。该方案存在一个问题，当在其他页面（非系统页面）做刷新时，由于vuex会被清空，故在不处理的情况下，会看到当前页面数据空白，也看...
2020-04-08 11:29:38
641
原创 git高级技巧运用
解决办法：git bash进入你的项目目录，输入：git config --global credential.helper store这样系统便能记录我们输入的密码。所以操作完这一步后，就不用管了，直到下次git再让你输密码，输完之次之后，系统便记录下密码，再下一次便无须输入密码。...
2020-03-30 11:57:11
188
原创 自定义桌面菜单右键与文件夹右键
win+r，并输入regedit，打开注册表编辑器在HKEY_CLASSES_ROOT下找到Directory，其目录下shell目录中定义文件夹右键菜单目录，在background目录下的shell目录中定义桌面右键菜单目录。注意区分！选中shell目录，点击右键，选择“新建”，选择“项（k)",输入名字如webstorm...
2020-01-23 23:27:12
490
原创 uniapp同时开发个人小程序与app遇到的坑
个人开发者不能注册微信开放平台，因为需要企业资质，故无法将自己的app与小程序关联起来uniapp的uni.login接口在小程序平台下与app平台下获取到的值不同，app平台可省去GET https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant...
2019-11-15 12:48:22
1840
原创 windows中安装启动mysql，如何查看初始密码
1.mysql社区版下载链接：https://dev.mysql.com/downloads/file/?id=480557打开链接，找到红框处连接，即可开始下载Mysql的安装包，190多兆的样子。2.将安装包解压到任意位置，建议解压到C:\Program Files3.【重要】进入到解压后的文件夹下，看到的目录结构应该如下：删除掉data文件夹（有可能会影响mysql启动，在后面步...
2019-11-05 11:00:54
21707
6
原创 将常用软件设为开机自启动的极简方法
打开windows的开机启动文件夹C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp将软件的快捷方式放入该文件夹下即可注意：该种方式的启动优先级别最低，会在其他开机启动软件启动后，才启动...
2019-08-26 23:30:47
293
原创 屏蔽谷歌chrom浏览器的跨域检测的最新方案
–disable-web-security --user-data-dir在浏览器属性中，目标处加上空格，并加上该命令，即可关掉浏览器的跨域检测，实现跨域访问
2019-08-06 15:36:50
1240
原创 win32api keybd_event 虚拟键码表 很全的那种
通过虚拟键码表，调用win32api.keybd_event，便能让键盘输出你想要的输出*注：键码表只代表键位，不代表输出内容。很重要、重要、要。。。哈哈，看例子*比如键盘上P旁边的键是"[{"，该键的键码是219。使用win32api.keybd_event(219,0,0,0)代表你按下了该键，那么输出只会是“[”。我们回想下正常用键盘操作时怎么输出花括号的，是按“shitf”键+“[...
2019-05-01 15:44:58
12903
4
原创 chrome实现对整个网页的高清截屏——F12、shift+ctrl+p、capture
打开需要载屏的网页，在键盘上按下F12，出现以下界面上图圈出的部分有可能会出现在浏览器下方，这并没有关系。此时按下 Ctrl + Shift + P（Mac 为 ⌘Command +⇧Shift + P），l输入"Capture",选择"Capture full size screenshot"按下 Enter 后 Google Chrome 就会自动截图整个网页从头到尾的内容，在...
2019-05-01 15:18:24
23904
原创 pyHook及evnent的可用属性
pyHook安装：pyHook采用pip install pyHook的方式暂无法安装成功，需官网下载.whl文件，然后手动安装。下载地址：https://www.lfd.uci.edu/~gohlke/pythonlibs/#pyhook。打开该地址后会看到多个版本的.whl文件，如pyhook-1.5.1-cp37-cp37m-win_amd64.whl。cp37代表python版本，64...
2019-04-30 11:52:37
189
原创 git stash 既不影响各分支的代码，又能保存暂时不用的代码
git stash是git一个很有用的命令，它的作用是把当前未提交的修改暂存起来，让仓库还原到最后一次提交的状态。1/7git stash 不建议使用 git stash命令会将仓库中的修改保存，建立一条stash信息，默认的说明信息是最后一次提交的节点号和提交说明。注意：git stash 在某些情况下会覆盖上一次的git stash。2/7git stash save ‘说明信...
2019-04-29 21:56:24
961
1
rongyunDemo.zip
2020-09-09
MyKeyboard.zip
2019-10-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人