前端笔记
文章平均质量分 58
mod22hoe8dg21
habits become natural
展开
-
js或者vue中点击触发事件函数,事件加括号与不加括号的区别
不加括号 <button @click="test">测试</button> test(a) { console.log(a); },输出指针事件:例如返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标。加括号 <button @click="test()">测试</button> test(a) { console.log(a); },输出undefined:函.原创 2022-05-27 10:20:29 · 795 阅读 · 0 评论 -
原生javaScript中Array数组对象的常用方法合集filter(),sort(),join(),push(),pop(),unshift(),shift(),reverse(),concat
今天学习vue的时候操作到了数组,用到了过滤filter(),排序sort(),太久没用到过,居然忘记有这个东西了(-_-||),借此机会重新查阅文档学习并且记录下数组的方法。数据处理一般是后端进行操作,前端用的非常之少,所以导致我对数组的方法太过陌生。但是应用层面来讲,较少数据直接渲染给用户看,也是可以直接使用数组方法对数据进行操作的。所以,数组方法还是必须掌握的。整理不易,望收藏,给予肯定谢谢~filter() 过滤筛选符合条件的数据返回一个新数组 const arrs = [{原创 2022-04-30 02:13:55 · 1535 阅读 · 0 评论 -
前端web开发之移动端笔记【流式布局,flex布局,rem布局,响应式布局(bootstrap)】
移动端基础mate视口标签视口就是浏览器显示页面内容的屏幕区域。视口分为布局视口、视觉视口和理想视口。我们移动端布局想要的是理想视口就是手机屏幕有多宽,我们的布局视口就有多宽。想要理想视口,我们需要给我们的移动端页面添加 meta视口标签。<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&g原创 2021-01-07 18:25:30 · 2241 阅读 · 1 评论