- 博客(30)
- 收藏
- 关注
RSS订阅原创 Flex布局源代码
自认为比较舒服的一个Flex布局源代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1
2022-05-29 12:30:34
830
原创 【奇怪的知识.06】如果你想保留thinkphp6的debug信息，但是又不想要右下角的trace信息，那么
全网搜索这个报错的时候，居然都是告诉我，你把Eslint关了吧……好吧，真正正确的做法是，在你的.eslintrc.js文件中的'rules'里面，添加上这个属性设置： rules: { 'spaced-comment': 'never', },意思就是不检查注释后面的空格，默认是always，一直检查，所以会报错，不检查不就可以了么，eslint还是很有用的，你说是吧。奇怪的知识又增加了呢。...
2021-11-07 11:36:20
257
原创 Fork了svg2ttf，支持了Illustrator常规生成的path标签的SVG图片，插件名：svg-ttf-generator
因为默认的svg2ttf仅支持远古的glyph标签，而现在svg设计工具一般都生成的是path标签图片，所以修改了下核心代码，发布到了npm上，估计也没几个人用的到，但是我需要，哈哈。
2021-11-05 16:11:04
169
原创 SVG2TTF插件的一个问题
在使用svg2ttf插件时，如果用Adobe Illustrator编辑SVG，实际生成的是path，而插件本身仅支持已经被标准淘汰掉的glyph标签，所以，需要将插件的lib/svg.js文件修改下才能较好的支持path标签下面是代码：//修改第12行//glyph.d = glyphElem.getAttribute('d').trim(); glyph.d = svgpath(glyphElem.getAttribute('d')) .scale(1, -1)
2021-11-04 20:53:55
366
原创 【奇怪的知识.04】Three.js在Vue中的奇怪报错
大概报错内容是：Uncaught TypeError: 'get' on proxy: property 'modelViewMatrix' is a read-only只需要将data中声明的scene和mesh（或者说各种物体)的变量拿出来放在外面，就好了，omg~
2021-08-11 09:41:40
519
原创 【奇怪的知识.03】使用Vite开发Vue3.0项目时候的必要插件
Vue3.0新增了Vite的项目构建方式，如果你用VSCode，2.0的插件对于个别特定语法没有适配（也没有必要适配），比如ref语法糖之类的。所以，你要把Vetur换成Volar（这两个名字，是斯卡迪纳威亚半岛土著取的吗？）就OK了。...
2021-07-07 17:32:12
341
原创 如何使用Vue-cli4.5.x创建Vue3.0多组件并发布到npm(完整教程）
闭坑教程开始：1、安装vue-cli的最新版本，或者用 npm view @vue/cli versions看看自己想要的版本安装。npm i @vue/cli -g2、创建自己的工程vue create my-project在空工程里，基于vue2.x的项目和vue3.x最大的区别就在于一个是new Vue，一个是createAPP的方法。在这里我们选择vue3.x.x和使用独立的配置文件，因为后面我们使用vue.config.js，其他的按照自己的需要选择。3、配置工程...
2021-07-05 09:59:37
391
1
原创 我的第一个Vue3.0插件vue3-scrollbar（已发布到NPM）
因为强迫症，我试用了很多款vue2的滚动条插件，基本都有各种各样的问题，包括大家常见的那几款，但是最后发现一个叫vue-ohyeah-scroll的仿Mac滚动条插件最为完善好用，但是名字好土啊，是真的土，而且，作者2年没有更新过了，而现在大家都在积极地向vue3靠拢，于是我就花了几天几夜的时间（嗯，真的是），把它适配到了vue3.0的版本，现在已经提交到npm：//main.jsimport v3s from 'vue3-scrollbar';createApp(App).use(v3s).mo
2021-07-05 09:28:31
1081
1
原创 【奇怪的知识.02】VSCode的NPM.exclude设置
在使用vscode开发npm相关项目时，偶尔会遇到在其他一些不必要的目录里有package.json的情况，而这时候vscode会把所有能detect的package.json都列在资源管理器的npm脚本窗口里，这时候就要用到npm.exclude设置了，方法如下：打开首选项，搜索npm，然后点击Npm：Exclude项在setting.json里写上："npm.exclude": "**/{dist_electron,vendor}" //里面每一项就是你想排除的文件夹名好了，世界清
2021-06-22 09:05:06
477
1
原创 【奇怪的知识.01】VSCode使用CMDer出错的解决方案
如果你使用vscode自动更新成最新版（版本号不详，反正是自动更新）而且又使用cmder作为终端工具，那么一定概率上存在可能不可用，原因可能是vscode废弃了之前对于终端管理的setting方案，老方案中是酱紫的：...
2021-06-21 15:17:40
337
1
原创 flutter 首次运行的一个错误，嗯，又是一个坑
错误信息是：Exception in thread "main" java.net.ConnectException: Connection timed out: connect这其实是因为无法下载gradle导致的，正确的做法是先运行flutter run -v查看究竟下载的是哪个版本的gradle，然后直接下载下来，放到：C:\Users\xxxxxx\.gradle\wrapper\dists\gradle-6.x-all\xxxxxxxxxxxxxx这里的各种xxx就是你自己的信
2021-05-19 11:53:30
853
原创 我的第一个开源项目electron-vue-ant
基于以下核心框架：electron 11.3.0 Vue 2.6.12 ant-design-vue 1.7.4最适合做桌面跨平台开发的基础框架，Ant-design-vue是目前国内最优秀的Vue UI框架库，因为Element UI已经停止更新（据说原因是以前团队都被阿里挖过去了）然后github和gitee上基于electron和vue的各类模板都太老了，甚至还都是基于electron2.x的，现在都11.x了，所以自己做了这个项目，功能如下：自动更新：不同于eletron-v...
2021-03-11 09:23:15
964
原创 Ant design vue动态主题切换的坑与一般性方法
本文原创，并且以吐槽为主，下面开始：Ant design vue是很优秀的框架，不过对于一般小白用户（比如我），文档方面不够友好。官方给出了主题自定义色彩的方案，但是太过于简陋，网上很多技术解决方案也点到即止，我在这方面足足浪费了两天时间，下面说一下技术重点，每个点都是自己踩出来的坑，都是泪：先说下需要的各个模块以及版本号，这个很重要，版本号不对，就会有各种你搜都搜不出解决方案的报错【以下内容均针对vuecli3/4初始化的项目环境，其他方案请自行解决】[email protected].
2021-03-04 16:04:43
3986
16
原创 Node.js调用CMD命令时的操作方法
网上各种教程，各种坑呀，还是要自己折腾。首先，确认要用的是child_process来启动子进程，然后用spawn方法去执行各类CMD命令。然后，对于中文系统，我们需要用iconv-lite去除乱码。所以，示例代码如下：const iconv = require("iconv-lite");var spawn = require("child_process").spawn;var result = spawn("cmd.exe", ["/s", "/c", "ping www.baidu.c
2021-02-08 15:18:23
3196
2
原创 关于共用node_modules的凡尔赛结论
不得不说，NPM对于node_modules的管理实在是……随便一个稍微复杂点的项目，你要建立一个新的版本，好吧，node_modules就是一个巨无霸。其实，node_modules并不需要在你的项目根目录，而且，项目间是可以共享node_modules的，最最简单的做法就是：D:\Projects\node_modulesD:\Projects\projectAD:\Projects\projectBD:\Projects\projectC每个project目录里，复制node_mo
2021-02-02 16:04:25
1737
5
原创 ffmpeg的一些常规操作
记录一下工作当中，用到的有关ffmpeg处理视频的一些常用操作，所有内容都是基于windows的bat批处理：1、png转换成mp4：@echo offffmpeg -r 25 -loop 1 -i 1.png -pix_fmt yuv420p -vcodec libx264 -b:v 600k -r:v 25 -preset medium -crf 30 -vframes 250 -r 25 -t 8 1.mp4 参数说明：-t png转成mp4时的视频执行时间2、批处理flv转换.
2020-12-24 11:29:09
515
1
原创 Konva Vue当中的一些技术心得
Konva是非常优秀的Canvas操作库，也做了React和Vue等框架当中的适配，不过官方文档中的信息给的很少，经过了一些摸索。先推荐一个国人弄的Konva的中文文档：http://konvajs-doc.bluehymn.com/与标准JS版本的Konva相比，Vue版最需要注意的就是组件化当中的概念，所有的Konva对应的元素都变成了Vue当中的Component，所以，对于它的操作需要明晰概念。当我们用refs获取元素的时候，得到的是标准的Vue Component，而不是Konva控件
2020-12-12 21:34:11
2978
2
原创 Sketch制作iconfont图标，不需要AI软件即可
网上很多人认为Sketch制作iconfont的SVG图标，都需要导入到AI里进行轮廓化材能保存到iconfont工程里，这其实是错误的。因为Sketch制作图标时，大家都是基于轮廓线做，只需要把工程点击：图层>轮廓化，然后导出成SVG文件，就可以上传到iconfont里用了，上传时尽量选择去除色彩并上传。...
2020-12-06 11:39:46
2500
原创 关于Ant Design Vue和Vue原生动画冲突的解决方案
Vue官方的fade动画源代码如下<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">hello</p> </transition></div><script>new Vue({ el: '
2020-10-23 18:21:20
2000
原创 layui使用upload组件上传图片前的压缩
对于很多情况，我们都有在前端压缩图片后再上传的需求，如果是单独的上传过程直接做就可以，但对于layui这种框架就需要注意下了。具体方法如下（前端压缩图片我使用的是image compressor这个JS库）：upload.render({ elem: '#uploadpicbtn' , url: somewhere //必填项 , auto: false , choose: function (obj)
2020-05-20 17:00:28
2244
原创 Electron中调试和生产模式的判断方法
核心参数是这个：【app.isPackaged】官方文档里是这么说的：返回一个Boolean值，如果应用已经打包，返回true ，否则返回false 。 对于大多数应用程序，此属性可用于区分开发和生产环境。所以，程序里就可以这样写了：store.set('devmode', 0);if (!app.isPackaged) { //production //con...
2020-05-07 15:53:49
4497
原创 正确配置Python多版本共存(win10为例)
1、将各版本Python安装到同一目录，比如我的是：c:\Python，2、在系统用户变量中，添加变量WherePython（名字可以随意写），变量值写随便一个python版本的安装路径，比如：C:\Python\python37。3、在用户变量的Path中，添加：%WherePython% 和%WherePython%\Scripts\ 两组值，系统根据这个寻找python内容...
2020-05-07 00:45:36
2626
1
原创 electron操作注册表时，regedit模块功能缺少deleteValue功能的解决办法
electron的regedit是个第三方团队开发的windows注册表操作扩展，一直都没有提供deleteValue的方法。其实，直接使用node中的node-exec执行VBS命令，就可以直接在注册表特定位置删除键值了，不过需要注意的是，权限限制，一般只能操作currentuser部分的内容，下面是具体代码（渲染进程中）：var shell = require('node-exec')...
2020-04-23 17:14:15
1320
3
原创 electron使用regedit模块时的正确配置方法
electron使用node js的regedit模块时，正确的配置方法有三点：1、在package.json的build部分，增加如下内容："extraResources": [ { "from": "node_modules/regedit/vbs", "to": "vbs", "filter": [ "...
2020-01-17 16:44:40
2167
13
原创 Electron在Mac下，对于系统主题的识别以及任务栏图标的处理
Electron中，对于Mac的主题，过去是通过systemPreferences.isDarkMode()方法判断，新版的Electron中，已经建议全部更换成nativeTheme了。下面是示例代码：//判断是否为OSXif(process.platform=="darwin"){ console.log('is Mac'); //当桌面主题更新时 native...
2019-12-15 11:37:18
2241
8
原创 Electron在跨平台时候的小问题
我还真没想到会有这种问题，在win上开发的好好的程序，放到mac上细节就出问题。win下主进程中加载index.html的语句如下mainWindow.loadURL(`${__dirname}/index.html`);注意不是单引号，而是‘·’，就是键盘esc键下面那个东东。而在mac下，electron-quick-start给的加载方式是：mainWindow.lo...
2019-12-14 23:08:59
334
原创 解读Typr
Typr是Photopea的作者为了他的在线PS工具专门写的JS字体管理框架（这个很腻害），按照他的说法，是opentype的替代品，更加小巧，更加快速，而且支持的格式更多（目前看，就是酱紫，opentype对一些otf支持很不好，而且一旦渲染字体过多就卡），而且支持带颜色的SVG字体文件……Typr分为两个组成部分：1、Typr：输出字体各类信息，分成若干个表，主要的其实就是name表，...
2019-12-13 14:58:12
1459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人