- 博客(58)
- 收藏
- 关注
原创 可选链操作符?.
过程是这样的代码让同事也下拉了一份代码但是他跑起来就没问题。因为他用的是(yarninstall)我把项目在webstrom上导入,重上到下看了一遍就发现了问题所在。我用的是npminstall结果就是一直报错也找不到问题所在。就是这个问题导致项目一直跑不起来。...
2022-07-28 20:26:14 308
原创 Vue跨组件传递数据小总结
``方式一:通过挂载对象的方式,将组件内部的值暴露出去让外部修改)(此图为暴露挂载在window对象上,然后调用方法设置改变内部值)````方式二:bus 事件总线方式(定义自定义事件并传递参数)(触发自定义事件)定义方式:创建创建一个Vue对象,这个Vue对象主要作为触发事件传递参数等。一切操作在这个对象的原型链上``***1、从vuex中导入并使用mapgetters方法2、在computed:{// 这种方式一定要在vuex中定义getters…mapGetters(
2022-07-12 14:59:44 1285
原创 好用的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 693
原创 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 529
原创 css样式技巧没事没事可以看看
如何设置超长文字自动换行。如何设置强制不换行如何设置超出自动隐藏如果display设置了flex,此时我还想隐藏改怎么办?visibility:hidden(可以设置这个属性)http://css.doyoe.com/
2022-05-12 17:49:50 68
转载 vue eventbus总线本质
转载Vue事件eventbus 的本质这个bus总线可以想象成是一个管道,这个管道可以连接所有的组件。包括子===》父,子===》祖等跨组件通讯。本质可以发现是一个Vue实例。但是在这个实例上有很多方法on,on,on,off,$emit 等,通过这些方法完成暴露与接收...
2022-05-12 15:21:06 76
原创 CSS父元素没有固定高度,子元素撑开与父元素高度一致
*1, 父元素设置 *display: flex或者display:flexflex-self:stratch 2, 子元素设置height:auto这样可以与父元素高度保持一致
2022-05-06 17:19:24 2066
原创 禁止浏览量缩放
// 禁止ctrl 加 鼠标滚轮控制网页缩放 window.addEventListener('mousewheel', function (event) { if (event.ctrlKey === true || event.metaKey) { event.preventDefault(); } }, { passive: false }); //firefox .
2022-04-28 18:33:06 53
原创 PS 制作科技感线条
使用Photoshop 制作科技感线条1、使用钢笔工具绘制一个线条2、 在线条上方右击选择描边路径3 、选择4、如果不行的话设置一下画笔像素,如果线条太细会导致无法选中5、定义画笔预设6、 设置参数...
2022-04-28 11:18:23 2525
转载 【记录】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 57
转载 记录git切换分支时出现的问题
使用git过程中,不同的修改保存再不同的分支上,切换不同的分支显示不同的内容详情请参考https://blog.csdn.net/weixin_44422604/article/details/111994539
2022-04-07 16:34:10 173
原创 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 1129
原创 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 3641 2
转载 js url,二进制,base 64互相转换
js url 、二进制流、base64之间互相转换收藏https://blog.csdn.net/fesfsefgs/article/details/109553759```
2022-02-25 09:07:21 2193 1
原创 记录一个好用的粒子效果库
npm install particles-bg@^2.5.5import ParticlesBg from 'particles-bg' // 粒子效果 <ParticlesBg type="circle" bg={true}> </ParticlesBg>
2021-12-25 12:24:22 400 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 761
原创 React 受控组件与非受控组件
https://www.jianshu.com/p/04dfbf76d37f // 文献参考受控组件1,所谓受控组件,即收到React对象控制的组件。通过React 所提供的事件,数据状态,去完成赋值、取值等操作,所谓双向数据绑定。使用setState() 操作数据,驱使视图层完成更新。内部维护了自己的状态机。非受控组件2,非受控组件,由dom控制,通过rel 这种快捷方式获取引用,完成取值,没有赋值与取值的过程,完全是dom控制。无法使用React 对象生命周期等方法进行操作。区别1,受
2021-12-23 17:56:06 361
原创 React useEffect引发的一次bug
1,什么是useEffect 让函数型组件拥有处理副作用的能力,类似生命周期函数。需要函数在react对象的某个阶段执行的函数不使用行不行?可以直接在 函数式组件中生命一个方法,然后在 render 中调用就行。2,请思考,如果我想要在某个特定的时机执行函数怎么办(函数式组件)比如挂载后,数据更新后?在这时候就可以使用我们的useEffect 函数了1,一个函数怎么表示挂载后,怎么表示数据更新?答案就是通过最后一个参数类型,如果没有就表示 挂载后,和数据更新后。今天的错误就发生在这
2021-12-22 17:32:56 128
原创 记录一个关于layui form 引发的一个问题
此处的表单如果点击上一步的话,所填写的内容就会被清空,这里面所使用的是layui 框架, 所有办法都尝试了,都没有定位到问题,最后把 form 换成div成功解决问题。
2021-12-20 17:22:33 52
原创 前端调试小技巧 (监听页面上的dom元素被修改)
右击 选择break on 选择subtree modifications 再次运行,如果页面上的元素被修改就会被断点给短住
2021-12-20 14:17:47 248
原创 如何给echats 图表阴影部分加点击事件
myChart.getZr().on('click',function({offsetX,offsetY}){// 使用getzr()为整个图表添加点击事件 回调函数为 横坐标,纵坐标 const pointInPixel = [offsetX, offsetY]; // 用于判断是否在某一个坐标上 使用containPixel 方法支持的类型有 grid, polar, geo, series-map, series-graph, series-pie。
2021-12-13 09:03:28 759
转载 Left Join Right Join Inner Join
Sqlserver_left join 、right join、 inner join 用法left join(左联接) 返回包括左表中的所有记录和右表中联结字段相等的记录right join(右联接) 返回包括右表中的所有记录和左表中联结字段相等的记录inner join(等值连接) 只返回两个表中联结字段相等的行举例如下:表A记录如下:aID aNum1 a200501112 a200501123 a200501134 a200501145
2021-12-02 10:47:53 29
原创 npm ERR code EPERM npm安装没有权限
今天在学react时遇到问题:安装react 执行 npm install -g create-react-app 时一直报一个错这个问题的主要原因是我们的npm包管理工具没有权限但是可以使用管理员权限解决这个问题,每次都这样就很麻烦。![在这里插入图片描述](https://img-blog.csdnimg.cn/da4489435e1d46fbb7aec2c92e9d996e.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY
2021-11-26 13:45:20 244
原创 记录总结用到的正则表达式
去除所有空格 去除字符串内所有的空格:str = str.replace(/\s*/g,""); 去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格:str = str.replace(/^\s*/,""); 去除字符串内右侧的空格:str = str.replace(/(\s*$)/g,"");去除所有的HTML标签仅仅保留内容 str.replace(/<[^>]+>/g,"");//去掉所有
2021-11-19 10:38:34 151
原创 关于Vue双向数据绑定,在未赋值之前使用所出现的问题
关于Vue双向数据绑定,在未赋值之前使用所出现的问题今天在写前端项目时发现了一个问题,一个双向绑定数据,在一步方法赋值,结果在使用的是否发现数据不一致。//比如,一个数组在控制台中打印 空[] 但是展开可以看到数据 [ name:'张三', age:18 ]出现这样的问题主要原因是,这个数组在打印的是否并没有值,但是在后期的某个时刻,这个数组上被附上值了,这时候我们去使用,可能用的是第一次赋值的结果。可以使用 ob 这个对象查看这个数组的赋值过程,可以看到 在里面是有我们二次或三次
2021-11-18 17:40:37 259
原创 2021-11-04控制页面中的元素,双击不被选中
给页面上的元素绑定单机事件,在双击的时候总会选中文字,感觉这样用户体验很不好,如何设置在双击时不被选中?onselectstart="return false;" //使用事件绑定的形式阻止事件触发,可以很好得解决这个问题。##考虑到兼容性的问题 还可以使用css 属性-moz-user-select:none // 如果有兼容性问题的话可以考虑使用这个方法...
2021-11-04 15:27:21 96
原创 2021-10-26 svn 提交过滤问题
idea 设置忽略提交SVN文件时遇到的bug网上看到教程,类似这样的文件可以设置忽略提交,然后我就去设置了按照教程提示 seting=>file type =>添加进入后确实可以忽略文件,在idea中就是不可见的状态(即不会读,也不会写)添加完成后在使用的时候发现,修改了代码之后,build 没有用了,看不到修改后的样式,必须使用maven 的install 才有效idea 记录修改的文件是 .idea 文件和iml 直接在file type 中忽略,idea就找不到它们了
2021-10-26 15:17:41 95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人