随笔分类 -  Web

摘要:方法格式监听器 在Vue的watch节点下 data:{ username:'Exungsh' } watch:{ username(newVal, oldVal){ console.log(newVal,oldVal) } //如果要侦听的是对象的子属性的变化, 则必须包裹一层单引号 'infor 阅读全文
posted @ 2023-02-16 21:00 Exungsh💫 阅读(31) 评论(0) 推荐(0) 编辑
摘要:过滤器(Filters) 是vue为开发者提供的功能,常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。 过滤器应该被添加在JavaScript表达式的尾部,由“管道符"进行调用。 过滤器在vue3中已被移除。 私有过滤器 <!-- 在双花括号中通过“管道符"调用capi 阅读全文
posted @ 2023-02-16 17:44 Exungsh💫 阅读(29) 评论(0) 推荐(0) 编辑
摘要:特性 数据驱动视图 vue会监听数据的变化,从而自动渲染页面的结构 好处:当页面数据发生变化时,页面会重新渲染 注意:数据驱动视图时单向的数据绑定 双向数据绑定 js数据的变化,会自动渲染到页面上 在填写表单时,双向数据绑定可以辅助开发者在不操作DOM的前提下,自动把用户填写的内容同步到数据源中 f 阅读全文
posted @ 2023-02-15 16:33 Exungsh💫 阅读(12) 评论(0) 推荐(0) 编辑
摘要:前端工程化 模块化(js复用) 组件化(UI复用,layui) 规范化(各种规范) 自动化(自动构建、自动部署、自动化测试) 前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化 Vue项目和React项目,都是基于工程化的方式进行开发的 webpa 阅读全文
posted @ 2023-02-11 19:08 Exungsh💫 阅读(11) 评论(0) 推荐(0) 编辑
摘要:步骤 定义正则表达式 检测查找是否匹配 定义正则表达式 let name = /表达式/ 其中/ /是正则表达式字面量 判断是否有符合规则的字符串_test() let str='eeeeeeeeexungshhhhhhhhhhh' let reg = /exungsh/ let re = reg. 阅读全文
posted @ 2023-02-08 21:59 Exungsh💫 阅读(15) 评论(0) 推荐(0) 编辑
摘要:BOM BOM(Browser Object Model)浏览器对象模型 window 是浏览器内置中的全局对象,我们所学习的所有Web APIs的知识内容都是基于window对象实现的 window 对象下包含了navigator. location. document. history. scr 阅读全文
posted @ 2023-02-08 18:12 Exungsh💫 阅读(26) 评论(0) 推荐(1) 编辑
摘要:滚动事件 当页面进行滚动时触发 目的:页面滚动到某个区域后做一些处理,比如固定导航栏,比如返回顶部 事件名:scroll window.addEventListener('scroll',function(){}) 监听某个元素内部滚动同理 加载事件 加载外部资源(图片、外联CSS和JS等)加载完毕 阅读全文
posted @ 2023-02-05 13:15 Exungsh💫 阅读(18) 评论(0) 推荐(0) 编辑
摘要:写轮播图时偶遇一个排版问题,用 inline-block 会产生无法通过 margin = 0 消除的空隙 原理 元素被当成行内元素排版的时候,元素之间的空白符(空格、回车换行等)都会被浏览器处理,根据white-space的处理方式(默认是normal,合并多余空白),原来HTML代码中的回车换行 阅读全文
posted @ 2023-02-05 00:38 Exungsh💫 阅读(62) 评论(0) 推荐(0) 编辑
摘要:假设有这样一个定时器: let auto = setInterval(right, 1000) clearInterval(auto) 此时如果想重启定时器auto,应当这样写 //正确写法 auto = setInterval(right, 1000) //错误写法 let auto = setI 阅读全文
posted @ 2023-02-05 00:27 Exungsh💫 阅读(279) 评论(0) 推荐(0) 编辑
摘要:事件对象(e) 常用属性 type:当前事件类型 clientX/clientY:光标相对于左上角的位置 offsetX/offsetY:光标相对于当前DOM元素左上角位置 key:用户按下的键盘键的值 事件流 事件捕获->事件冒泡:逐级向下寻找,再逐级向上冒泡触发 阻止事件流动 因为默认冒泡模式, 阅读全文
posted @ 2023-02-03 01:37 Exungsh💫 阅读(19) 评论(0) 推荐(0) 编辑
摘要:DOM节点 DOM树里每一个内容都称之为节点 元素节点:如body、div 属性节点:如href、src 文本节点:所有的文本 其他 查找节点 节点关系: 父节点 parentNode属性 返回最近一级的父节点,找不到返回null 子元素.parentNode 子节点 childNodes:获得所有 阅读全文
posted @ 2023-02-01 16:45 Exungsh💫 阅读(20) 评论(0) 推荐(0) 编辑
摘要:事件 编程时系统发生的动作或发生的事情(如单击一个按钮) 事件监听 程序检测是否有事件产生,一旦事件触发,就立即调用一个函数作出响应,称为注册事件 语法 元素.addEventListener('事件',要执行的函数) 三要素 事件源:那个DOM元素被事件触发了,要获取DOM元素 事件:用什么方式触 阅读全文
posted @ 2023-01-31 17:21 Exungsh💫 阅读(17) 评论(0) 推荐(0) 编辑
摘要:WebAPI 作用:使用JS去操作html和浏览器 分类:DOM(文档对象类型)、BOM(浏览器对象类型) DOM(Document Object Model) 浏览器提供的一套专门用来操作网页内容的功能 开发网页特效、实现用户交互 DOM树 将html文档以树状结构表现出来,称为文档树或DOM树 阅读全文
posted @ 2023-01-29 17:14 Exungsh💫 阅读(31) 评论(0) 推荐(0) 编辑
摘要:Exungsh/A_Dice_Game 软件工程结对编程作业 ik&小鱼_bilibili 一、结对探索 1.1队伍基本信息 **结对编号:**53 **队伍名称:**做不出来吃大便 | 学号 | 姓名 | 作业博客链接 | 具体分工 | | | | | | | 032002337 | 俞许晟 | 阅读全文
posted @ 2022-10-14 11:50 Exungsh💫 阅读(75) 评论(0) 推荐(0) 编辑
摘要:列表标签 无序列表最常用,有序列表偶尔用,自定义列表底部导航用 无序列表 <h3>我承诺</h3> <ul> <li>年满18岁,单身</li> <li>抱着严肃的态度</li> <li>真诚寻找另一半</li> </ul> 特点:每一项前默认显示圆点标识 注意: ul标签只允许包含li标签 li标 阅读全文
posted @ 2022-08-17 13:54 Exungsh💫 阅读(35) 评论(0) 推荐(0) 编辑
摘要:html骨架 html标签:网页的整体 head标签:网页的头部 title标签:网页的标题 body标签:网页的身体 <html> <head> <title>网页标题</title> </head> <body> 网页主体内容 </body> </html> 开发工具:VScode html标签 阅读全文
posted @ 2022-08-14 15:07 Exungsh💫 阅读(30) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示
主题色彩