
html
文章平均质量分 59
圈点Studio
一二、一二
展开
-
vue3和vue2定义全局变量
vue3和vue2定义全局的变量原创 2023-02-20 11:03:33 · 529 阅读 · 0 评论 -
electron+vite+vue3.0+forge或electron builder最新打包流程
现在官方统一推荐forge来打包了,哪个打包工具有什么的优势也没有人说明白。总之官方推荐,并且存在即正义的准则,那么就不要问为什么了,用就完了。原创 2023-02-01 17:28:13 · 4441 阅读 · 1 评论 -
瀑布流布局的实现
做了一个图片管理系统,由于图片的高度不一,需要瀑布流布局。文章目录先看效果技术需求固定数据动态数据防抖节流防抖常见错误js闭包先看效果技术需求HTML、javascript、数学固定数据js函数是我参照其他网页的布局效果想出来的,这里我们先采用固定的列数来进行分析。首先我们假设会有5列的图片,这样每行最多就会有5张图片。我们将父容器的position设置为相对定位,图片的位置设置成绝对定位,然后在图片加载完成后js遍历修改图片的位置。function rePosion(){ //原创 2022-01-08 23:34:56 · 921 阅读 · 1 评论 -
VUE自定义分页器组件
vue/cli框架撸一个分页器组件,非常的好用,快来领取吧。文章目录视频教程预览源码视频教程B站直通车预览这是调取组件后传入总页数20,显示4页的效果。源码源码请到源码链接源码仅供学习和参考,请勿直接使用。源码里的前进后退按钮我用用了iconfont所以在使用时需要替换一下。参数:参数类型默认值描述totalnumber/string5总页数show-pagenumber5展示页数事件:自定义事件描述curre原创 2021-12-10 17:44:47 · 958 阅读 · 0 评论 -
nodejs生成pdf文件
开发的需求中难免会遇到下载文件的要求,下载自定义HTML文件的需求尤为显著。而不是所有的用户都知道HTML,但是知道和使用pdf的肯定多余HTML的,将HTML文件转pdf提供下载优化用户体验自然也就成为各位内卷的又一目标啦![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kRxh9Tvd-1633685073551)(/article/img/AI21bk10pz08.jpg “奋斗”)]加油奥利给冲起来(别想歪了)文章目录思路方法一安装举例方法二安装使用api文档总原创 2021-10-08 17:27:49 · 6890 阅读 · 0 评论 -
electron自定义导航栏、菜单
其实自定义导航栏比较简单,但是一般自用的软件没有必要自定义,面向客户的可能需要自定义一下。主要分为两步:1.关闭默认的边框win和mac的方法不一样。2.在html里写自己的导航栏。3.给自定义的导航添加css样式。有两个-webkit-app-region: drag;和-webkit-app-region: no-drag;,可以拖动和不可以拖动。目录取消默认边框(导航栏)自定义取消默认边框(导航栏)在BrowserWindow里面设置frame:false,如果你的是mac系统则titleB.原创 2021-09-08 11:26:03 · 5333 阅读 · 0 评论 -
JavaScript闭包的使用案例
闭包在我们平时的前端编程中使用,使用好了可以利用,使用不好了则会导致内存溢出文章目录JavaScripthtml操作截图###目标使用闭包的变量性质定义一个变量,不会影响作者的使用,也不会被其他地方的定义影响。JavaScriptfunction clickFn(){ var counts=0; var obj={ click:function(){ counts++; }, getcounts:funct.原创 2021-08-06 11:28:04 · 286 阅读 · 0 评论 -
gulp-babel没有报错也没有输出ES6
背景:一次用gulp转js文件就遇到问题了,没有输出也没有报错。也不知道是哪个插件的问题。网上也找了一些方法,自己也不断的做了尝试最终发现了问题。原来是js的错误,但是没有在gulp报出来,导致了没有报错也没有输出。结论:for循环里面的变量不要声明。找到问题的方法:经过不断的尝试,我发现是有两个js的问题,但是我的js运行起来是没有问题的。于是我就加了一个简单正确的css(我的gulp配置是js和css一起处理的)文件进去,结果就爆出错误了。图片里吗有一个红点就是报错的地方,这里我确定js在浏览器原创 2021-06-10 10:03:51 · 357 阅读 · 0 评论 -
node加mongodb实现和mongoose的分词模糊查询
查询是我们程序不可缺少的一部分,那么我们怎么来实现智能而又模糊的查询呢?网上看了一些,多多少少有些不够,于是就有了这篇文章。至于数据库的链接和数据插入这里就不说了。我们直接从查询开始1.分词我们知道用户是上帝,所以我们要尽可能的理解用户想要的是什么,有的时候用户可能会拼错,但是生活还得继续,我们就不得不将用户的关键词进行分词处理,在进行正则拼接。2.正则拼接3.查询...原创 2021-06-03 13:44:42 · 562 阅读 · 0 评论 -
前端相对路径、绝对路径,后端相对路径、绝对路径
前端和后端的相对路径不太一样,前端不会有什么幺蛾子,后端因为不同的路由会打包对象放到不同的目录,这是有的相对路径就是从App开始,有的就是从子路由开始。这次先聊聊前端的吧*特别注意 /*特别注意 /*特别注意 /在相对路径中有dirname/、/dirname、./dirname、//dirname、…/dirname。大约有这么多,比较模糊的就是前三种:1.dirname/ 这种路径,浏览器会讲地址栏的url和该路径拼接。2./dirname 这种路径,浏览器会将协议、主机名和该路径原创 2021-04-13 08:59:20 · 3717 阅读 · 1 评论 -
关闭input标签自动补全
HTML <input>autocomplete属性查一下这个属性就可以我们很多人都没学过这个属性原创 2021-03-08 17:40:22 · 228 阅读 · 0 评论 -
css脱离文档流html元素位置控制
举个简单的例子,脱离文档流就相比,我们上学时将户口迁移到学校了,家乡没有留我们的户口和位置了,没有脱离文档流就相当于,我们虽然走了,但是我们的户口和位置还在原来的户籍所在地。html页类似,没有脱离文档流是,元素会按原来的块级元素、行内元素来进行排列划分。脱离文档流后,脱离元素的排列就不受原来的划分规则制约。脱离文档流通常会伴随元素位置定位而出现。这里我们先了解一下脱离文档流后面再说说元素定位这样就可以一起理解,交叉使用了。1.脱离文档流01.float,float设置...原创 2020-12-27 16:17:49 · 663 阅读 · 0 评论 -
class下空格多个类的样式影响总结
1.标签属性class2.class下空格添加多个属性值3.样式对class下多个属性的影响规律4.对DOM操作的影响1.略选择器有好几个,包括他们各自的优先级,没有了解过的可以先行了解一下。2.class下可以添加多个值,使用空格隔开,这样就可以分开写css然后共同作用。<div class="myclass01 myclass02"> 两个class</div>3.影响规律。01.和class值内顺序先后无关02.和...原创 2020-12-17 10:12:12 · 635 阅读 · 0 评论