自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 vue仿企微文档给页面加水印(水印内容可自定义,超简单)

1.在src下得到utils里新建一个文件watermark.js。2.在vue页面里直接引入使用。

2023-09-04 11:44:31 855

原创 vue3校验CSS、SCSS、LESS···

平时开发中,ESlint已被我们熟练使用,但对css的校验却是缺失的,下面就介绍VScode编辑器及vue3代码如何配置才能校验css。(4)根目录下最顶部找到.vscode文件夹,找到setting.json文件,将如下代码加入进去。(3)根目录新建.stylelintrc.cjs文件,加入如下代码。(2)npm安装Stylelint及其标准配置(我用了scss)(1)VScode安装插件Stylelint。随便打开一个vue文件,就可以验证效果了。

2023-05-31 11:39:54 518

原创 macOS开发Golang报错:fatal error: ‘CoreFoundation/CoreFoundation.h‘ file not found

MacOS 解决go运行报错问题:# github.com/shirou/gopsutil/v3/disk../../../../go/pkg/mod/github.com/shirou/gopsutil/v3@v3.23.2/disk/disk_darwin_cgo.go:9:10: fatal error: 'CoreFoundation/CoreFoundation.h' file not found#include ^~~~~~

2023-03-31 19:54:01 653

原创 解决MacOS系统的Go报错问题:# runtime/cgo _cgo_export.c:3:10: fatal error: ‘stdlib.h‘ file not found

MacOS解决(Golang运行报错问题)# runtime/cgo _cgo_export.c:3:10: fatal error: 'stdlib.h' file not found问题

2023-03-13 15:16:30 877

原创 可视化工具Vega的使用,以及如何自定义按钮调用自带的矢量图和位图功能

使用可视化工具Vega,如何自定义按钮触发自带的Svg和Png的下载功能

2022-10-20 18:48:29 1052

原创 Electron-vue:Windows与Mac动态调整窗口高度

Electron-vue动态调整窗口大小,兼容Windows与Mac

2022-08-25 18:43:36 1581

原创 Mac下,Electron的extraResources无法将静态资源打入程序

Mac下,Electron的extraResources无法将静态资源打入程序

2022-08-18 17:29:45 1703

原创 2022年最新版Dynamic Web TWAIN的白纸分隔PDF功能(一次扫描输出多份PDF)

Dynamic Web TWAIN扫描,白纸分隔PDF,将同类文档归到一个PDF,一次扫描输出多份PDF

2022-08-09 11:20:41 215

原创 vue项目引入PWA(vue-cli4)

1.概念PWA 全称为 Progressive Web App,中文译为渐进式 Web APP。其目的是通过各种 Web 技术实现与原生 App 相近的用户体验。也就是说,只要你使用浏览器,就可以实现免除下载或者是快速下载就能直接使用软件。比如微博、淘宝等。PWA 是 Google 于 2016 年提出的概念,于 2017 年正式落地,于 2018 年迎来重大突破,全球顶级的浏览器厂商,Google、Microsoft、Apple 已经全数宣布支持 PWA 技术。PWA 能做到原生应用的体验不是靠特

2022-05-09 17:03:21 4830

原创 Electron调用spawn执行cmd命令

最近做的项目,里面用到了electron去执行cmd命令,但是随着用户使用多了,发现了一些问题。这个cmd命令是要批量去执行某个任务,当任务文件少的时候,没啥问题,当任务文件多的时候,就开始遇到部分文件执行不成功任务遇到异常卡住用命令终止进程的时候,终止不动,相当于任务杀不掉看了这个文章后,才发现问题所在http://quanzhan.applemei.com/webStack/TWpVM05BPT0=最初我是用的Electron内置的child_process的exec去执行的,在上面链接

2022-04-21 14:43:48 3415

原创 window.open在新选项卡打开路由

window.open打开新路由

2022-04-19 18:01:45 548

原创 uni-app 三元运算动态计算class,数据改变后不生效,不再动态计算

uni-app 三元运算动态计算class,数据改变后不生效,不再动态计算

2022-04-08 19:43:24 2533 2

原创 clone拉取github指定分支代码

git clone -b 远程分支名 git://github.com/xxxxxxx.git对于克隆不了github上HTTPS的项目,把https地址里的https改为git就可以了,就像上面那样,试试吧

2021-06-17 13:14:26 254

原创 切换git账号,push代码

遇到同事离职的情况,拿到对方电脑后,首先要更改git账号(1)git config --golbal user.name “XXX”git config --golbal user.email “xxx@aa.com”查看当前git账号:git config user.namegit config user.email(2)生成新的SSH Keysssh-keygen -t rsa -b 2048 -C “email@example.com”可通过命令拷贝生成的pub文件的内容,也可以手动找

2021-06-03 10:49:18 1448

原创 滚动定时器,鼠标滑入暂停滚动,滑出继续滚动

定义滑入滑出事件let $listUl = $('.bigDivBottom .listUl')$listUl.hover(function(){ clearInterval(that.leftTopTimer)},function () { that.leftTopTimer = setInterval(() => { that.scrolllist() }, 4000)}).trigger('mouseleave')Vue销毁时别忘了销毁定

2021-05-27 14:12:14 753

原创 Windows的VSCode如何配置gitbash

进入VSCode的设置,搜索Shell:window–>选择Shell:Windows下面的"在settings.json中编辑"配置““terminal.integrated.shell.windows””的gitbash路径,如下图:注意:去git安装目录,找到bash.exe的路径,不是git-bash.exe配置完之后就可以新建终端看到效果了,不行就重启一下VSCode如果是上面的样子,就表示配置成功了...

2020-10-28 12:10:35 2357

原创 Vue项目太大,修改代码保存时频繁javascript heap out of memory

(1)安装两个依赖npm i increase-memory-limit --save-devnpm i cross-env --save-dev(2)修改package.json的scripts,添加"fix-memroy-limit""scripts": { "dev": "webpack-dev-server --disableHostCheck=true --inline --progress --config build/webpack.dev.conf.js", "sta

2020-10-13 16:08:06 317

原创 虚拟机的XP系统访问不了https?您的时钟快了/慢了?不是私密链接?

桌面chrome浏览器图标–>右键–>属性–>快捷方式里的目标后,先来个空格再加入这么一句:–test-type --ignore-certificate-errors我的是这样:“C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application\chrome.exe” --test-type --ignore-certificate-errors好了,赶紧

2020-08-14 10:26:54 3632

原创 Electron-vue爬坑之旅

(1)初始化一个基于Electron-vue搭建的项目,可以一路回车到创建完毕,默认支持Eslintvue init simulatedgreg/electron-vue my-electron创建之后的目录是这样的(2)进入项目根目录,分别执行npm install与npm run dev如果你看到这个界面说明项目创建成功了(3)**主进程与渲染进程:**在目录src下,有main文件夹和renderer文件夹以及index.ejs,main:主进程,里面的index.js会进行一些桌面

2020-08-07 15:34:49 491

原创 前端程序员换了电脑

1.打开gitlab,在设置setting里配置一个新的Key,按提示执行即可2.克隆gitlab上的项目地址(XXX.git)3.配置cz(github搜索git cz,第一个commitizen/cz-cli就是,mac很快就成功,windows可能会面临安装不成功的问题,暂未解决)4.下载VScode项目必用插件,GitLens追踪,ESLint校验、Oceanic Next主题等5.任意修改某个文件,看看是否可以提交,不能则需要配置邮箱和name(我的直接就可以了)6.npm instal

2020-07-17 13:26:34 532

原创 可编辑的div无内容时聚焦无光标以及内容为纯字母时的不换行问题

这个是项目中遇到的 一个小问题 ,在此记录一下,我们医疗项目有很多写病历的地方用到了可编辑的div,即contenteditable=“true”,但是在chrome下有个问题,就是在没有任何内容的情况下聚焦时没有光标,下面用CSS解决一下:.outEditableDiv{ outline: none; word-break: break-all; // 解决纯字母时不自动换行问题 &:empty:before { content: attr(data-placeho

2020-07-15 14:06:04 730

原创 css设置图片在固定容器下高度铺满,宽度居中

今日组员在调节图片自适应时遇到一个问题前来问我,就是无论什么比例的图片都要显示在固定容器里(图片的宽高一定会比容器大),不变形,说白了就是高度铺满,宽度居中显示,下面给出解决方案:<ul> <li><img src="../../assets/a1.png"></li> <li><img src="../../asse...

2020-02-19 12:34:50 1262

原创 chrome下的自定义的复制、剪切、粘贴、撤销、重做功能

chrome下的自定义的复制、剪切、粘贴、撤销、重做功能最近做了一个复制剪切粘贴撤销重做功能,即提供一行工具栏,工具栏里有上述按钮,供用户操作使用。在做的过程中也是发现了一下问题:先来看一下execCommand的兼容性问题1.剪切document.execCommand(‘cut’)、复制document.execCommand(‘copy’)、撤销document.execComman...

2020-01-02 15:14:38 1001

原创 解决contenteditable内自动生成font标签问题

问题描述:div设置了contenteditable之后,如果里面存在代码块,且有背景颜色,那么在刚删除此带背景颜色区域的时候,立刻输入文本,新输入的文本也会默认带着颜色(想要的效果是新输入的文本不带任何样式),通过F12查看发现生成了font标签,且继承了刚才删除的代码块的背景色。将上面“这是主诉的值“删除,删除后紧接着输入新文本“这是新输入的值,应该是纯文本的“通过上面发现,删除带有...

2019-12-05 17:19:03 1397 2

原创 如何复制已有项目,并快速上传到gitlab

假如已有一个成型项目,项目托管到gitlab,这时又有新需求,要求新开一个项目,但功能都跟已有类似,如何快速建立gitlab与本地的联系?场景:团队合作,原先的项目已经有很多分支了,现在想在新项目下去除原有分支,先自己创建一个属于自己的分支,把项目提到gitlab上之后,再让同事拉取代码并重新创建他们自己的分支。步骤gitlab创建项目a及一个主分支master本地整体复制已有项目b本...

2019-07-30 14:48:26 4797 1

原创 web项目打包成Native App

web项目打包成Native App好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成Android和IOS程序包,我所使用的打包工具是HbuilderX,Xcode也有使用,但每次配置的东西实在是有些繁琐,再一个就是我们有一个项目需要配置个推,HBuilderX集成了个推的SDK,只...

2019-07-08 11:34:53 1819 1

原创 图片base64转成file

图片base64转成file最近做了一个功能,是个人签名,用户在签名处点击,弹出签名框,用鼠标或手指签完名之后会得到一个base64的图片,因为我们项目图片都是通过oss上传到阿里云服务器的,然后阿里云返回一个url之后再保存到我们自己的服务器,所以这里我就需要将得到的base64转成file,花不多说,直接上代码(原理:先将base64转成blob,再将blob转成file) // ...

2019-06-21 15:25:12 2225

原创 ElementUI的table默认勾选

// data中有两个值:docList表示table的数据源,docSelection表示默认勾选项,docTable是表格的refmounted () { let arr = [] this.docList.forEach(item => { this.docSelection.forEach(val => { if (va...

2019-03-29 14:59:45 6132 4

原创 chrome谷歌浏览器安装扩展程序Vue.js devtools和React Developer Tools

方法1:能直接翻墙打开谷歌应用商店是最简单了,倘若不会翻墙,可以试试方法2方法2:打开chrome插件网,右上角搜索框输入Vue.js devtools,点击“安装下载”点击按钮“本地下载页面”这时候会提示你先关注公众号,按提示关注后会在公众号上收到验证码,输入即可下载下载完之后,文件是以crx为后缀名的,这时候直接拖拽到谷歌浏览器的扩展程序中可能无法成功,下面是重要的散步三步第一...

2019-02-22 23:30:18 1274

原创 高德地图根据经纬度生成位置定位图片(发送位置)

需求:在即时通讯工具中能够发送位置解决:正好高德地图提供了这么个接口,根据经纬度去请求一个url,就会生成一个图片,直接引入到img标签的src里即可 静态地图 产品介绍静态地图服务通过返回一张地图图片响应HTTP请求,使用户能够将高德地图以图片形式嵌入自己的网页中。用户可以指定请求的地图位置、图片大小、以及在地图上添加覆盖物,如标签、标注、折线...

2019-01-02 15:17:34 15301 3

原创 js判断浏览器窗口(选项卡)的关闭与刷新

今日项目遇到一个问题,有一个功能会在浏览器的主窗口中新开一个窗口,然后业务要求:关闭新窗口的时候往后端发个请求,刷新的时候不发送。知道有个onbeforeunload事件是用于捕获关闭浏览器事件(包括刷新)的,但刷新也会走此方法,所以行不通,于是就网上找了找资料,网上回答的最多的大致是这样的window.onbeforeunload = function() { //鼠标相对于用户屏幕...

2018-07-18 11:30:14 11280 7

原创 移动端一次上传多个图片(动态创建file类型的input)

描述最近在做公司的一个移动端上传图片的业务,如果这是在PC端,将非常的简单,因为给input设置属性multiple后PC端按住ctrl键就可以一次性选择多个图片,但是在移动端确不可以,移动端选择一张图片后会自动返回到APP中,想再添加一张的话还需要再次进入,所以体验不是很好,目前没找到合适的方法,只能暂时先这样了,我们今天的焦点是:如何一次性上传多张图片(注意:不是一次性选择多个图片)? ...

2018-06-13 10:31:44 18640 24

原创 原生js PC端或移动web app端滑动杆帮助快速录入数据

**移动端滑动杆帮助快速录入input输入框的值(PC端在css下面,PC端与移动端的目录结构一致,images与css共用,只有html不一样)先看效果 **目录结构 (自己在本机建一个这样的结构)用到的图片(两张)移动端的index.html&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Tr...

2018-06-08 14:14:03 661

原创 解决IE浏览器的only one scriptx object can be used per browser window问题

浏览器:IE 问题:浏览器报only one scriptx object can be used per browser window错误 一般的ScriptX控件的引入需要在当前文件中这样写:<object id="factory" style="display: none" viewastext="" classid="clsid:1663ed61-23eb-11d2-b92f-00804

2017-03-03 11:40:39 745 2

原创 ScriptX控件如何在不跳转页面的情况下将要打印的内容打印出来

需求:如医生给患者开了很多的处方,在处方总列表界面有发送按钮,发送到收费系统的时候要求系统自动打印所有的处方 西药草药检查治疗等打印格式是不一样的,分别有对应的html打印文件,如果在每一个打印文件中都引入了ScriptX打印对象或者是jatoolsPrint打印对象,那就只能挨个进去后查看样式才能打印了,但用户要求不需要点进去查看是什么样的,只需要在处方汇总列表界面点一下按钮就能全部打印出来。

2017-03-03 11:37:15 754 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除