摘要: 1提取字符串中的数字 console.log(parseFloat('123.4daxion.cn'))// 123.4 console.log(parseFloat('daxion.cn1234')); // NaN var num = '1234daxion.cn'.replace(/[^d]/ 阅读全文
posted @ 2024-03-08 15:23 青橙娃娃 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1:函数提升优先级高于变量提升,且不会被同名变量声明时覆盖,但是会被同名变量赋值后覆盖,注意看 赋值和打印的位置 JavaScript中的函数是一等公民,函数声明的优先级最高,会被提升至当前作用域最顶端。如果前面的函数表达式与之前的函数声明同名,后者会将其覆盖。 console.log(a) // 阅读全文
posted @ 2024-03-05 10:42 青橙娃娃 阅读(110) 评论(0) 推荐(0) 编辑
摘要: v-model实现原理:将变量message绑定到val上,在input监听事件中再将改变后的value赋值给massage(v-bind+@input)获取属性值 $event.target.value修饰符.trim.num.lazy 延伸节流+防抖. 组件开发组件命名规则 MyCompente 阅读全文
posted @ 2024-01-31 10:07 青橙娃娃 阅读(8) 评论(0) 推荐(0) 编辑
摘要: filter不改变原数组,返回一个新数组,不会引起视图更新let array=[1,2,3,4,5]let newarray=array.filter(function(item){return item>2 })newarray=[3,4,5] concat拼接数组,不改变原数组,得到一个新数组, 阅读全文
posted @ 2024-01-29 17:44 青橙娃娃 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 1移动端安全距离 底部活动条(Home 键) 顶部传感器(刘海屏、水滴屏、挖孔屏等) 圆角边框 为了解决这个问题,W3C 推出新的 CSS 样式属性: safe-area-inset-top //安全区域距离顶部边界的距离 safe-area-inset-bottom //安全距离底部边界的距离 s 阅读全文
posted @ 2024-01-12 10:47 青橙娃娃 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 情景:不四舍五入保留2位小数A 方案:String(parseInt(A*100)/100).toFixed(2) 问题:乘法或除法会使小数丢失精度 解决办法: 1 获取小数点位置,对字符串进行截取 function formatDecimal(num, decimal) { num = num.t 阅读全文
posted @ 2023-07-11 15:03 青橙娃娃 阅读(12) 评论(0) 推荐(0) 编辑
摘要: vue 情景:父组件拿到接口数据A传给子组件 子组件内改变数据并自助更新自己 实现办法:将A props 深拷贝给变量B 由B进行数据渲染 问题:B为空 子组件列表为空 解决方案: 1 深度+立即监听A 2 B=JSON.prase(JSON.stringfy(A)) 不让陷入深度循环 git 情景 阅读全文
posted @ 2023-07-10 16:26 青橙娃娃 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 大括号 - JavaScript 的“新世界”{变量} {方法(param)} {逻辑} {逻辑+html} {}里面还是可以应用变量 再用{}获取即可 函数 (onClick),变量 (movieName) ,插槽(children),都是作为props传递给子组件的 添加事件 注意:传递的是一个 阅读全文
posted @ 2023-05-09 16:22 青橙娃娃 阅读(12) 评论(0) 推荐(0) 编辑
摘要: import { param,setParam} from 'React' 组件的名称必须以大写字母开头 <TableOfContents /> 每个js文件只有一个 export default function xx(){} 你的标签和 return 关键字不在同一行,则必须把它包裹在一对括号中 阅读全文
posted @ 2023-04-26 11:41 青橙娃娃 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 在Vue中,由于事件捕获和冒泡的存在,当点击某个元素时会引发其父元素(父父元素、父父父元素…)的点击事件发生,使得点击某个元素时达不到想要的效果。.self修饰符可以很好的解决这一情况,.self修饰符只有在点击事件绑定的元素与当前被点击元素一致时才触发点击事件。 在下面demo中,3个class分 阅读全文
posted @ 2022-07-01 17:36 青橙娃娃 阅读(1844) 评论(0) 推荐(0) 编辑