自定义组件组件和页面的区别
引用局部引用
全局引用
样式隔离页面样式不影响自定义样式,自定义样式不影响页面样式
全局样式也对组件无效
只有class选择器会有样式隔离效果,id 选择器、属性选择器、标签选择器不受样式隔离的影响
建议多使用cl...
HTML面试题1. 如何理解HTML 5结构语义化?简单来说,就是==用正确的标签去做正确的事情==
段落用p标签,标题就用h标签,边栏就用aside标签,主要内容就用main标签
对开发者:
便于团队的开发...
CSS面试题1. 实现一个倒三角形宽高为0,用border控制,其他三边透明
12345678910.triangle { width: 0; height: 0; border-left: 10px solid transparen...
浏览器执行js过程
js是通过解释器逐行解释执行的脚本语言
js的三部分
js的正确引用1234<body> <!-- 这里是其他的HTML标签 --> <script> </script>...
基本数据类型:
弱数据类型
数字类型(Number)
正数,负数,小数等统一称为数字类型
字符串类型(String)
反引号`` , 单引号’ ‘ , 双引号” “
布尔型(Boolean)
true/...
Web APIs 作用:使用js来操作浏览器
组成:DOM , BOM
DOM(文档对象模型)dom树 将html文档以树状结构表现出来
作用:直观地体现了标签与标签之间的关系
dom对象 浏览器根据html标签生成的js对象
核...
事件事件监听什么是事件监听 ?
就是让程序检测是否有事件产生,一旦有事件触发,立即调用一个函数做出响应
事件的三要素是什么?
事件源 (谁被触发了)
事件类型 (用什么方式触发)
事件处理程序 (要做什么事情)
事件类型
123box....
日期对象1const date = new Date() /实例化
时间戳
是指1970年1月1日00时00分00秒到现在的毫秒数
使用场景: 如果需要倒计时效果,不能直接计算,需要通过时间戳完成
获得时间戳的三种方法
1.getTime(...
BOM (浏览器对象模型)
定时器 — 延时函数1setTimeout(function(){}, time) //只执行一次
清除延时函数
12let timer = setTimeout(function(){...
正则表达式
用于匹配字符串中字符组合的模式
使用场景:
验证表单,过滤敏感词,提取关键字等
语法定义规则,再去匹配
1234const str ='学习前端'const reg = /前端/console.log(reg.t...