![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
热爱生活的码农
我是一个菜菜鸟,但是呢,不断奋进的菜菜鸟,相信自己,有一天不会是菜菜鸟,而是菜鸟:)
展开
-
typeScript学习心得
无原创 2022-05-27 14:21:24 · 199 阅读 · 0 评论 -
el-tree组件中数量大出现卡顿问题
在对话框中嵌入了一个element-tree 中,但是当数据量很大时,就会出现卡段现象。针对这个问题,我看到有两种解决方式第一种是给tree设置一个height属性,表示切换为虚拟滚动,使长列表拥有更好的表现。这个是官方给的解决办法,设置了这个属性后,组织树就不能设置懒加载 以及 拖拽的功能。Element - The world's most popular Vue UI framework第二种,是采用virtual-scroll-list插件,这个我在别人的博客上看了下,稍微有些复翻译 2022-03-02 15:20:10 · 7394 阅读 · 7 评论 -
前端微前端相关知识资料
解密微前端:从qiankun看子应用加载 - 掘金基于 qiankun 的微前端应用实践 - 知乎iframe接班人-微前端框架qiankun在中后台系统实践 - 知乎原创 2022-02-24 13:51:34 · 413 阅读 · 0 评论 -
转载:前端为什么需要模块化
前端科普系列-CommonJS:不是前端却革命了前端 - 知乎 讲解从前端没有模块化到实现模块化的过程,讲解得非常好转载 2022-02-21 19:52:48 · 120 阅读 · 0 评论 -
@Watch(‘$route.query‘, { deep: true, immediate: true })
应用场景:当收到推送消息的对话框时,点击对话框,会跳转至消息中心的页面。最开始实现方式:使用【@Watch('$route.query')】 监听路由的参数,使用这个的原因是当停留在消息中心页面,推送出一个消息,点击推送消息,会根据不同的参数弹出对话框【但是会存在一个问题是,第一次跳转至消息中心的页面,这个监听不起效,所以就使用了路由守卫来解决这个问题。虽然该问题解决了,但是会存在在非第一次的路由跳转,这两个函数都会执行,就会弹出两个对话框的问题】最后实现的方法:@Watch('$route.que原创 2021-10-14 10:47:34 · 1954 阅读 · 0 评论 -
css: box-shadow 和 drop-shadow 的区别(每日一增)
box-shadow 和drop-shadow 都是添加阴影,但是他们是有区别的。box-shadow 是对这个元素的边框添加阴影,元素的边界框,而drop-shadow是为图像的非透明的地方添加阴影。其中,这篇文章很好的介绍了他们的区别,并画出了相应的图片被低估的CSS滤镜:drop-shadow - 知乎...原创 2021-10-13 09:09:36 · 222 阅读 · 0 评论 -
对QwebChannle.js的理解
今天是国庆节的第四天,看看书了哦,目前是收集看到的资料的链接,还没有形成自己的理解,先把链接放在这存一下(哈哈哈)Qt中的信号和槽详解_徐kun按门铃的博客-CSDN博客【了解QT里面的一些知识】...原创 2021-10-11 09:29:08 · 445 阅读 · 0 评论 -
React-Native Webview 和H5之间的通信
//这个是监听IOS的postMessage消息window.addEventListener&&window.addEventListener('message',function(e){that.getDataForConfig(true)})//这个是监听安卓的postMessage消息document.addEventListener&&document.addEventListener("m...原创 2021-09-17 14:04:47 · 190 阅读 · 0 评论 -
对Vue的props的理解
有这么一个场景:有一棵树的组件,其选中的节点(是由数组构成)是由父组件传过去的,选中的节点在一个输入框显示,现在在输入框的X的按钮依次去掉选中节点, 现在遇到的问题是:在我清除组件树选中的节点时,父组件通过props透传的数组也跟着变了。自己迷惑了很久,修改了几个小时都没有修改出来(哈哈哈,自己太菜了),没有找出原因,经过和同事的分析,自己有了想法,觉得组件树的选中节点和我透传过去的数组应该是指向同一个内存的地址,所以,子组件的数据变化,父组件的数据也会跟着变化。所以,得出了一个结论:通过props传递值,原创 2021-07-30 16:20:20 · 184 阅读 · 0 评论 -
flex布局时,出现上一行与下一行之间间距大的问题
最近做项目的时候,使用flex 布局,发现上一行与下一行的间距比较大。具体的代码布局如下所示,<main v-if="tableData.length" class="flex flex-ai-start flex-wrap"> <div v-for="item in tableData" :key="item.id" :ruleData="item" /> <div class="inf原创 2021-07-22 19:24:45 · 5076 阅读 · 0 评论 -
觉得比较好的前端资料
https://www.yuque.com/yywc/blog/nut7rt对vue-router源码的理解原创 2021-07-20 20:23:51 · 88 阅读 · 0 评论 -
外边距合并
外边距合并:块级元素的上外边距和下外边距有时候会合并(或折叠),其大小取其中一个最大的值,这种行为就叫做外边距折叠,有时候也称为外边距合并。注意浮动元素和绝对定位元素的外边距是不会折叠的。下面列出会发生外边距折叠的情况:相邻元素之间 :毗邻的两个元素之间的外边距会折叠(除非后一个元素需要清除之前的浮动) 父元素与其第一个或者最后一个子元素之间:如果在父元素与其第一个子元素之间不存在边框、...翻译 2019-03-27 21:16:44 · 254 阅读 · 0 评论 -
let和const命令
let命令:用来声明变量。用法类似于var,但是所声明的变量,只能在let命令所在的代码块内有效。 1.for循环还有一个特别之处,就是设置循环变量的那部分是父作用域,而循环体内部是一个单独的子作用域。for (let i = 0; i < 3; i++) { let i = 'abc'; console.log(i);}// abc//...翻译 2019-05-05 09:45:56 · 1264 阅读 · 0 评论 -
变量的解构赋值
1.数组的解构赋值ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这就被称为解构。(1)如果等号的右边不是数组(或者严格的说,不是可遍历的结构),那么将会报错。// 报错let [foo] = 1;let [foo] = false;let [foo] = NaN;let [foo] = undefined;let [foo] = null;let [fo...转载 2019-05-06 09:57:31 · 384 阅读 · 0 评论 -
字符串新增的方法
1.String.fromCodePoint() 用于从Unicode码点返回对应字符。2.String.raw() 该方法返回一个斜杠都会被转义(即斜杠前面再加一个斜杆)的字符串,往往用于模板字符串的处理方法3.实例方法: codePointAt()4.实例方法:normalize() ,用来将字符的不同方法统一为同样的形式,这称为Unicode正规化。5.实例方法:inclu...原创 2019-05-08 08:48:23 · 378 阅读 · 0 评论 -
HTML 块级元素和内敛元素区别
块级元素特点(<div> <p> <h> <ol> <ul> <table> <address> <hr> <form> ....) 1.总是从新的第一行开始(一个块级元素独占一行) 2.元素的高度、宽度、行高以及顶部和底边距都可以设置。原创 2019-02-22 19:28:45 · 281 阅读 · 0 评论