前端开发
腥臭腐朽的日子熠熠生辉
这个作者很懒,什么都没留下…
展开
-
css 元素等比例放大或缩小aspect-ratio
设置首页宽高比不出现滚动条,在一些特定布局上可使用。原创 2022-09-14 17:05:39 · 1521 阅读 · 1 评论 -
JavaScript自动化脚本自动点击confirm 确认框
代码】JavaScript自动化脚本自动点击confirm 确认框。原创 2022-08-11 10:25:12 · 4553 阅读 · 0 评论 -
可选链操作符?.
过程是这样的代码让同事也下拉了一份代码但是他跑起来就没问题。因为他用的是(yarninstall)我把项目在webstrom上导入,重上到下看了一遍就发现了问题所在。我用的是npminstall结果就是一直报错也找不到问题所在。就是这个问题导致项目一直跑不起来。...原创 2022-07-28 20:26:14 · 500 阅读 · 0 评论 -
记录element ui dialog弹框生命周期问题
代码】记录elementuidialog弹框生命周期问题。原创 2022-07-21 18:25:35 · 771 阅读 · 0 评论 -
Vue跨组件传递数据小总结
``方式一:通过挂载对象的方式,将组件内部的值暴露出去让外部修改)(此图为暴露挂载在window对象上,然后调用方法设置改变内部值)````方式二:bus 事件总线方式(定义自定义事件并传递参数)(触发自定义事件)定义方式:创建创建一个Vue对象,这个Vue对象主要作为触发事件传递参数等。一切操作在这个对象的原型链上``***1、从vuex中导入并使用mapgetters方法2、在computed:{// 这种方式一定要在vuex中定义getters…mapGetters(原创 2022-07-12 14:59:44 · 1328 阅读 · 0 评论 -
记录一个 bpmn 的一个bug
bpmn原创 2022-06-28 18:41:16 · 409 阅读 · 2 评论 -
rem计算方式及使用rem实现响应式布局
rem 响应式布局原创 2022-06-17 11:00:53 · 423 阅读 · 0 评论 -
vuex使用方式(注意:如果不能使用,请查看版本)
vuex详细使用方式原创 2022-06-07 13:00:23 · 303 阅读 · 0 评论 -
数据双向流:prop.sync
Vue数据双向流通原创 2022-06-06 17:24:59 · 184 阅读 · 0 评论 -
<component :is=“item.template“></component>提前配置组件循环渲染
Vue循环渲染自定义组件原创 2022-06-06 15:19:03 · 421 阅读 · 0 评论 -
前端Vue项目导出excel表格
Vue项目保存excel原创 2022-06-06 10:31:48 · 192 阅读 · 0 评论 -
JS 二进制流转换为JSON对象
blob对象转换为JSON 对象原创 2022-06-01 10:48:20 · 2388 阅读 · 0 评论 -
好用的Grid布局
声明: 父元素定义display:grid;此时为一个grid 布局模式设置子元素的宽度 grid-template-columns: 1fr 1fr 1fr;(一个fr 代表父元素的1/n 份)设置多列重复repeat(3,1fr)repeat(auto-fill,100px ) 每一列都设置100px ;多少列呢? 铺满一整行,如果最后显示不完最后一个则换行(此布局可实现响应式布局)设置auto 可以使内部元素自适应,如果显示不下会自动换行部分列宽可设置auto,及自适应,如中间自适应,两边固定原创 2022-05-24 15:17:16 · 895 阅读 · 0 评论 -
css 设置页面中的元素双击不被选中
// 此页面中的文字不被选中 -webkit-touch-callout: none; /*系统默认菜单被禁用*/ -webkit-user-select: none; /*webkit浏览器*/ -khtml-user-select: none; /*早期浏览器*/ -moz-user-select: none; /*火狐*/ -ms-user-select: none; /*IE10*/ user-select: none;包含兼容性设置...原创 2022-05-17 17:28:06 · 599 阅读 · 0 评论 -
css样式技巧没事没事可以看看
如何设置超长文字自动换行。如何设置强制不换行如何设置超出自动隐藏如果display设置了flex,此时我还想隐藏改怎么办?visibility:hidden(可以设置这个属性)http://css.doyoe.com/原创 2022-05-12 17:49:50 · 97 阅读 · 0 评论 -
vue eventbus总线本质
转载Vue事件eventbus 的本质这个bus总线可以想象成是一个管道,这个管道可以连接所有的组件。包括子===》父,子===》祖等跨组件通讯。本质可以发现是一个Vue实例。但是在这个实例上有很多方法on,on,on,off,$emit 等,通过这些方法完成暴露与接收...转载 2022-05-12 15:21:06 · 91 阅读 · 0 评论 -
CSS父元素没有固定高度,子元素撑开与父元素高度一致
*1, 父元素设置 *display: flex或者display:flexflex-self:stratch 2, 子元素设置height:auto这样可以与父元素高度保持一致原创 2022-05-06 17:19:24 · 2408 阅读 · 0 评论 -
禁止浏览量缩放
// 禁止ctrl 加 鼠标滚轮控制网页缩放 window.addEventListener('mousewheel', function (event) { if (event.ctrlKey === true || event.metaKey) { event.preventDefault(); } }, { passive: false }); //firefox .原创 2022-04-28 18:33:06 · 66 阅读 · 0 评论 -
PS 制作科技感线条
使用Photoshop 制作科技感线条1、使用钢笔工具绘制一个线条2、 在线条上方右击选择描边路径3 、选择4、如果不行的话设置一下画笔像素,如果线条太细会导致无法选中5、定义画笔预设6、 设置参数...原创 2022-04-28 11:18:23 · 2668 阅读 · 0 评论 -
【记录】css 超过几行显示省略号
// 单行显示上省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }// 多行显示省略号https://blog.csdn.net/sdasadasds/article/details/122166464display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;...转载 2022-04-21 16:32:03 · 69 阅读 · 0 评论 -
记录git切换分支时出现的问题
使用git过程中,不同的修改保存再不同的分支上,切换不同的分支显示不同的内容详情请参考https://blog.csdn.net/weixin_44422604/article/details/111994539转载 2022-04-07 16:34:10 · 206 阅读 · 0 评论 -
pdf 转换为图片格式(可提高兼容性)
1、首先下载pdf.js// 导入插件import pdf from '@/hybrid/html/pdf/pdf.js'// 设置主要工作jspdf.GlobalWorkerOptions.workerSrc = '/hybrid/html/pdf/pdf.worker.js'// 设置文字库,否则只会显示空白let CMAP_URL = '/hybrid/html/web/cmaps/';//自己的pdfjs字库的路径// 设置配置、并加载文档(这里的url可以使一个地址,也可以是一个原创 2022-03-29 18:11:56 · 1189 阅读 · 0 评论 -
H5 下载PDF文件
h5 下载pdf 文件请看代码: fetch(url).then(res => { * 响应一个promise 对象 // 此处响应体的是一个 【ReadableStream】 console.log(res); // 将响应体转换为二进制流 res.blob().then(data=>{ // 生成一个domstring (临时地址),必须生成临时地址才能够被下载 this.saveImg(URL.cre原创 2022-03-22 09:52:33 · 3891 阅读 · 2 评论 -
js url,二进制,base 64互相转换
js url 、二进制流、base64之间互相转换收藏https://blog.csdn.net/fesfsefgs/article/details/109553759```转载 2022-02-25 09:07:21 · 2329 阅读 · 1 评论 -
记录一个好用的粒子效果库
npm install particles-bg@^2.5.5import ParticlesBg from 'particles-bg' // 粒子效果 <ParticlesBg type="circle" bg={true}> </ParticlesBg>原创 2021-12-25 12:24:22 · 439 阅读 · 2 评论 -
记录 react hooks useRef 的使用过程中的一个问题
首先明确什么是react hooks这里有详细解释:https://www.jianshu.com/p/d600f749bb19纯函数式组件react 组件分为函数式组件和class 类组件类组件有生命周期拥有this对象有status 状态纯函数式组件没有this对象没有生命周期没有状态等导致存函数式组件有不小的局限性,但是比较小巧,容易封装。为了弥补这些问题,出现了react hooks (钩子)useState() 设置状态useEffect () 充当生命周期使原创 2021-12-24 10:54:16 · 820 阅读 · 0 评论 -
React 受控组件与非受控组件
https://www.jianshu.com/p/04dfbf76d37f // 文献参考受控组件1,所谓受控组件,即收到React对象控制的组件。通过React 所提供的事件,数据状态,去完成赋值、取值等操作,所谓双向数据绑定。使用setState() 操作数据,驱使视图层完成更新。内部维护了自己的状态机。非受控组件2,非受控组件,由dom控制,通过rel 这种快捷方式获取引用,完成取值,没有赋值与取值的过程,完全是dom控制。无法使用React 对象生命周期等方法进行操作。区别1,受原创 2021-12-23 17:56:06 · 393 阅读 · 0 评论 -
React useEffect引发的一次bug
1,什么是useEffect 让函数型组件拥有处理副作用的能力,类似生命周期函数。需要函数在react对象的某个阶段执行的函数不使用行不行?可以直接在 函数式组件中生命一个方法,然后在 render 中调用就行。2,请思考,如果我想要在某个特定的时机执行函数怎么办(函数式组件)比如挂载后,数据更新后?在这时候就可以使用我们的useEffect 函数了1,一个函数怎么表示挂载后,怎么表示数据更新?答案就是通过最后一个参数类型,如果没有就表示 挂载后,和数据更新后。今天的错误就发生在这原创 2021-12-22 17:32:56 · 161 阅读 · 0 评论 -
记录一个关于layui form 引发的一个问题
此处的表单如果点击上一步的话,所填写的内容就会被清空,这里面所使用的是layui 框架, 所有办法都尝试了,都没有定位到问题,最后把 form 换成div成功解决问题。原创 2021-12-20 17:22:33 · 70 阅读 · 0 评论 -
前端调试小技巧 (监听页面上的dom元素被修改)
右击 选择break on 选择subtree modifications 再次运行,如果页面上的元素被修改就会被断点给短住原创 2021-12-20 14:17:47 · 285 阅读 · 0 评论 -
自定义滚动条
https://www.cnblogs.com/ranyonsue/p/9487599.html // 讲的很详细转载 2021-12-14 10:25:59 · 85 阅读 · 1 评论