web前端
微行
这个作者很懒,什么都没留下…
展开
-
vue仿企微文档给页面加水印(水印内容可自定义,超简单)
1.在src下得到utils里新建一个文件watermark.js。2.在vue页面里直接引入使用。原创 2023-09-04 11:44:31 · 872 阅读 · 0 评论 -
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 · 584 阅读 · 0 评论 -
滚动定时器,鼠标滑入暂停滚动,滑出继续滚动
定义滑入滑出事件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 · 774 阅读 · 0 评论 -
前端程序员换了电脑
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 · 555 阅读 · 0 评论 -
虚拟机的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 · 3686 阅读 · 0 评论 -
可视化工具Vega的使用,以及如何自定义按钮调用自带的矢量图和位图功能
使用可视化工具Vega,如何自定义按钮触发自带的Svg和Png的下载功能原创 2022-10-20 18:48:29 · 1091 阅读 · 0 评论 -
2022年最新版Dynamic Web TWAIN的白纸分隔PDF功能(一次扫描输出多份PDF)
Dynamic Web TWAIN扫描,白纸分隔PDF,将同类文档归到一个PDF,一次扫描输出多份PDF原创 2022-08-09 11:20:41 · 224 阅读 · 0 评论 -
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 · 5136 阅读 · 0 评论 -
window.open在新选项卡打开路由
window.open打开新路由原创 2022-04-19 18:01:45 · 580 阅读 · 0 评论 -
uni-app 三元运算动态计算class,数据改变后不生效,不再动态计算
uni-app 三元运算动态计算class,数据改变后不生效,不再动态计算原创 2022-04-08 19:43:24 · 2608 阅读 · 2 评论 -
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 · 2364 阅读 · 0 评论 -
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 · 362 阅读 · 0 评论 -
可编辑的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 · 778 阅读 · 0 评论 -
css设置图片在固定容器下高度铺满,宽度居中
今日组员在调节图片自适应时遇到一个问题前来问我,就是无论什么比例的图片都要显示在固定容器里(图片的宽高一定会比容器大),不变形,说白了就是高度铺满,宽度居中显示,下面给出解决方案:<ul> <li><img src="../../assets/a1.png"></li> <li><img src="../../asse...原创 2020-02-19 12:34:50 · 1285 阅读 · 0 评论 -
chrome下的自定义的复制、剪切、粘贴、撤销、重做功能
chrome下的自定义的复制、剪切、粘贴、撤销、重做功能最近做了一个复制剪切粘贴撤销重做功能,即提供一行工具栏,工具栏里有上述按钮,供用户操作使用。在做的过程中也是发现了一下问题:先来看一下execCommand的兼容性问题1.剪切document.execCommand(‘cut’)、复制document.execCommand(‘copy’)、撤销document.execComman...原创 2020-01-02 15:14:38 · 1020 阅读 · 0 评论 -
解决contenteditable内自动生成font标签问题
问题描述:div设置了contenteditable之后,如果里面存在代码块,且有背景颜色,那么在刚删除此带背景颜色区域的时候,立刻输入文本,新输入的文本也会默认带着颜色(想要的效果是新输入的文本不带任何样式),通过F12查看发现生成了font标签,且继承了刚才删除的代码块的背景色。将上面“这是主诉的值“删除,删除后紧接着输入新文本“这是新输入的值,应该是纯文本的“通过上面发现,删除带有...原创 2019-12-05 17:19:03 · 1439 阅读 · 2 评论 -
解决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 · 754 阅读 · 2 评论 -
移动端一次上传多个图片(动态创建file类型的input)
描述最近在做公司的一个移动端上传图片的业务,如果这是在PC端,将非常的简单,因为给input设置属性multiple后PC端按住ctrl键就可以一次性选择多个图片,但是在移动端确不可以,移动端选择一张图片后会自动返回到APP中,想再添加一张的话还需要再次进入,所以体验不是很好,目前没找到合适的方法,只能暂时先这样了,我们今天的焦点是:如何一次性上传多张图片(注意:不是一次性选择多个图片)? ...原创 2018-06-13 10:31:44 · 18695 阅读 · 24 评论 -
原生js PC端或移动web app端滑动杆帮助快速录入数据
**移动端滑动杆帮助快速录入input输入框的值(PC端在css下面,PC端与移动端的目录结构一致,images与css共用,只有html不一样)先看效果 **目录结构 (自己在本机建一个这样的结构)用到的图片(两张)移动端的index.html&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...原创 2018-06-08 14:14:03 · 691 阅读 · 0 评论 -
js判断浏览器窗口(选项卡)的关闭与刷新
今日项目遇到一个问题,有一个功能会在浏览器的主窗口中新开一个窗口,然后业务要求:关闭新窗口的时候往后端发个请求,刷新的时候不发送。知道有个onbeforeunload事件是用于捕获关闭浏览器事件(包括刷新)的,但刷新也会走此方法,所以行不通,于是就网上找了找资料,网上回答的最多的大致是这样的window.onbeforeunload = function() { //鼠标相对于用户屏幕...原创 2018-07-18 11:30:14 · 11315 阅读 · 7 评论 -
高德地图根据经纬度生成位置定位图片(发送位置)
需求:在即时通讯工具中能够发送位置解决:正好高德地图提供了这么个接口,根据经纬度去请求一个url,就会生成一个图片,直接引入到img标签的src里即可 静态地图 产品介绍静态地图服务通过返回一张地图图片响应HTTP请求,使用户能够将高德地图以图片形式嵌入自己的网页中。用户可以指定请求的地图位置、图片大小、以及在地图上添加覆盖物,如标签、标注、折线...原创 2019-01-02 15:17:34 · 15576 阅读 · 3 评论 -
chrome谷歌浏览器安装扩展程序Vue.js devtools和React Developer Tools
方法1:能直接翻墙打开谷歌应用商店是最简单了,倘若不会翻墙,可以试试方法2方法2:打开chrome插件网,右上角搜索框输入Vue.js devtools,点击“安装下载”点击按钮“本地下载页面”这时候会提示你先关注公众号,按提示关注后会在公众号上收到验证码,输入即可下载下载完之后,文件是以crx为后缀名的,这时候直接拖拽到谷歌浏览器的扩展程序中可能无法成功,下面是重要的散步三步第一...原创 2019-02-22 23:30:18 · 1285 阅读 · 0 评论 -
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 · 6156 阅读 · 4 评论 -
图片base64转成file
图片base64转成file最近做了一个功能,是个人签名,用户在签名处点击,弹出签名框,用鼠标或手指签完名之后会得到一个base64的图片,因为我们项目图片都是通过oss上传到阿里云服务器的,然后阿里云返回一个url之后再保存到我们自己的服务器,所以这里我就需要将得到的base64转成file,花不多说,直接上代码(原理:先将base64转成blob,再将blob转成file) // ...原创 2019-06-21 15:25:12 · 2234 阅读 · 0 评论 -
web项目打包成Native App
web项目打包成Native App好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成Android和IOS程序包,我所使用的打包工具是HbuilderX,Xcode也有使用,但每次配置的东西实在是有些繁琐,再一个就是我们有一个项目需要配置个推,HBuilderX集成了个推的SDK,只...原创 2019-07-08 11:34:53 · 1830 阅读 · 1 评论 -
ScriptX控件如何在不跳转页面的情况下将要打印的内容打印出来
需求:如医生给患者开了很多的处方,在处方总列表界面有发送按钮,发送到收费系统的时候要求系统自动打印所有的处方 西药草药检查治疗等打印格式是不一样的,分别有对应的html打印文件,如果在每一个打印文件中都引入了ScriptX打印对象或者是jatoolsPrint打印对象,那就只能挨个进去后查看样式才能打印了,但用户要求不需要点进去查看是什么样的,只需要在处方汇总列表界面点一下按钮就能全部打印出来。原创 2017-03-03 11:37:15 · 770 阅读 · 1 评论