文章分类 -  前端

上一页 1 2 3 4 5 6 ··· 27 下一页

小程序之全局配置和页面配置
摘要:一、全局配置 1. app.json配置文件 🔊:小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,它决定了页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 在 app.json 配置文件中,最主要的配置节点是: pages 数组:配置小程序的页面路径 wind 阅读全文

posted @ 2024-10-09 16:35 梁飞宇 阅读(164) 评论(0) 推荐(0)

HTML(冷门知识)之 tabindex 详解
摘要:一、前言 在我们日常使用网页的过程中,可以通过键盘控制一些元素的聚焦,从而达到便捷访问的目的。element 分为 focusable 和 非focusable ,如果使用了tabindex就可以改变相关的行为。 在HTML中有6个元素默认支持聚焦: 带 href 属性的 <a> 标签 带 href 阅读全文

posted @ 2024-09-30 18:15 梁飞宇 阅读(312) 评论(0) 推荐(0)

小程序之开发教程(三)
摘要:七,页面传参 wxml <view> <navigator open-type="navigate" url="/pages/event/event?name=mumu&age=18">事件event</navigator> </view> <view> <navigator open-type=" 阅读全文

posted @ 2024-09-30 17:15 梁飞宇 阅读(14) 评论(0) 推荐(0)

小程序之开发教程(二)
摘要:四,基本语法 小程序的模板语法约等于vue的模板语法 ☘️ 1,文本渲染 {{ msg }} 可以执行简单的js表达式 {{ 2+3 }} {{ msg.length }} ☘️ 2,条件渲染 wx:if="{{}}" <!--注意:这里给Vue有所不同,这里引入变量也需要加{{ }} --> wx 阅读全文

posted @ 2024-09-30 16:48 梁飞宇 阅读(14) 评论(0) 推荐(0)

vue知识点之css样式穿透
摘要:样式穿透:当我们在vue项目中引用到第三方组件时,比如element-ui,常常需要更改某些元素的样式,但如果使用常规的css样式覆盖的方式是经常无效的,那么我们就要用到“样式穿透”的方法。 一、使用scoped的原理是什么? 在一个组件中,我们定义组件样式一般写在页面的最下方,以style包裹 < 阅读全文

posted @ 2024-09-27 19:44 梁飞宇 阅读(1188) 评论(0) 推荐(0)

vue3.x之ref 属性详解
摘要:1. Vue2 中的 ref 属性 <template> <div class="wrap"> <div ref="box">box</div> <ul> <li v-for="i in 4" :key="i" ref="li">第{{ i }}项</li> </ul> </div> </templ 阅读全文

posted @ 2024-09-27 19:17 梁飞宇 阅读(109) 评论(0) 推荐(0)

JS总结之实用好用的一些符号
摘要:1. 按位取反运算符:~ 对返回值进行按位取反(所有正整数的按位取反是其本身+1的负数,所有负整数的按位取反是其本身+1的绝对值,零的按位取反是 -1。其中,按位取反也会对返回值进行强制转换,将字符串5转化为数字5,然后再按位取反。false被转化为0,true会被转化为1。) 总之一句话:返回值会 阅读全文

posted @ 2024-09-27 18:57 梁飞宇 阅读(81) 评论(0) 推荐(0)

JS总结之数组中常用的技巧
摘要:1. push() push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。 var a = [🍎,🍏,🍉] a.push(🍉) console.log(a); //[🍎,🍏,🍉,🍉] 2. pop() pop() 方法用于删除数组的最后一个元素并返回。 var a = 阅读全文

posted @ 2024-09-27 17:58 梁飞宇 阅读(31) 评论(0) 推荐(0)

JS总结之超级有用的JavaScript 技巧
摘要:1. 多条件 if 语句 将多个值放入一个数组中,然后调用该数组的 include 方法。 ☘️ 普通写法 if (x "abc" || x "def" || x "ghi" || x "jkl") { //logic } ☘️ 简写方法 if (["abc", "def", "ghi", "jkl 阅读全文

posted @ 2024-09-27 16:57 梁飞宇 阅读(61) 评论(0) 推荐(0)

前端开发者6个实用的网站
摘要:1.Transform.tools 地址:transform.tools/ transform.tools 是一个网站,它可以让你转换几乎所有的东西,比如将HTML转换为JSX,JavaScript转换为JSON,CSS转换为JS对象等等。当我需要转换任何东西时,它真的帮我节省了很多时间。 2. C 阅读全文

posted @ 2024-09-27 15:40 梁飞宇 阅读(34) 评论(0) 推荐(0)

JS总结之判断数组对象中某个值是否重复
摘要:在JavaScript中,可以使用Set对象来检查数组中是否有重复值。Set对象只会保存唯一的值。 值数组 如果你要检查的数组是一个值的集合,并且你想知道这些值是否有重复,可以使用以下代码: function hasDuplicates(array) { return new Set(array). 阅读全文

posted @ 2024-09-27 14:44 梁飞宇 阅读(892) 评论(0) 推荐(0)

JS总结之Array遍历到满足条件的结果后跳出循环
摘要:直接使用forEach会遍历所有的数据,无法通过break或continue跳出,所以可以使用Array.some()或Array.every()来实现。 Array.some() Array.some() 遍历整个数组,直到某条判断返回true,则结束遍历并跳出,整个遍历的结果也为true; Ar 阅读全文

posted @ 2024-09-27 14:33 梁飞宇 阅读(17) 评论(0) 推荐(0)

小程序之开发教程(一)
摘要:一,介绍微信小程序 微信小程序是小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。小程序上线要求不能大于2M。如果小程序非常复杂 , 必须超过2M, 可通过分包处理的方案,完成需求。按照功能 阅读全文

posted @ 2024-09-11 17:53 梁飞宇 阅读(85) 评论(0) 推荐(0)

CSS小技巧之常见布局实现
摘要:一、水平居中 1. 文本/行内元素/行内块级元素 原理:text-align只控制行内内容(文字、行内元素、行内块级元素)如何相对他的块父元素对齐 #parent{ text-align: center; } 优缺点 优点:简单快捷,容易理解,兼容性非常好 缺点:只对行内内容有效;属性会继承影响到后 阅读全文

posted @ 2024-09-10 14:15 梁飞宇 阅读(33) 评论(0) 推荐(0)

工程化之面试题(一)
摘要:工程化总结 阅读全文

posted @ 2024-09-09 16:41 梁飞宇 阅读(8) 评论(0) 推荐(0)

React之面试题(二)
摘要:React基础知识总结下 阅读全文

posted @ 2024-09-09 16:39 梁飞宇 阅读(5) 评论(0) 推荐(0)

React之面试题(一)
摘要:React基础知识总结上 阅读全文

posted @ 2024-09-09 16:39 梁飞宇 阅读(16) 评论(0) 推荐(0)

Javascript之面试题(二)
摘要:六、this/call/apply/bind 1. 对this对象的理解 this 是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断。 第一种是函数调用模式,当一个函数不是一个对象的属性时,直接作为函数来调用时,this 指向全局对 阅读全文

posted @ 2024-09-09 16:13 梁飞宇 阅读(7) 评论(0) 推荐(0)

Javascript之面试题(一)
摘要:一、数据类型 1. JavaScript有哪些数据类型,它们的区别? JavaScript共有八种数据类型,分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型: 阅读全文

posted @ 2024-09-09 15:32 梁飞宇 阅读(125) 评论(0) 推荐(0)

浏览器之面试题(一)
摘要:浏览器原理篇 阅读全文

posted @ 2024-09-06 18:41 梁飞宇 阅读(4) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 ··· 27 下一页