04 2021 档案
摘要：pointer-events: none; 除了指示该元素不是鼠标事件的目标之外，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。（此文来着MDN）。说白了，就是让标签不接受鼠标事件（含click，mousemove，mouseup之类的）。
阅读全文
摘要：考点：获取元素 单选题 关于获取元素,以下描述正确的是: A，document.getElementById()获取到的是元素集合 B，document.getElementsByTagName()获取到的是单个元素 C， document.querySelector()获取到的是元素集合 D， d
阅读全文
摘要：“预编译” 我的老师在和我讲相关知识点前和我说过这么一个笑话： 面试时我因为这么一个问题挂了 var a = 100 function foo(){ console.log(a) } foo() 问：为什么输出a的值是100？ 答：因为100赋值给了a。 老师说完我头昏脑涨，完全不明白笑点在哪，后来
阅读全文
摘要：arguments 1.arguments 的使用 只有函数才有 arguments对象 而且是每个函数都内置好了这个arguments 2.里面存储了所有传递过来的实参 3.伪数组 两种声明函数的方式 \1. 利用函数关键字自定义函数(命名函数) function fn() { } fn();
阅读全文
摘要：全局作用域 和 局部作用域（ES6之前） 全局作用域：整个script标签 或者是一个单独的js文件； 局部作用域：在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用； 注意: 全局作用域和局部作用域如果命名相同是不会相互影响的； 全局变量和局部变量 变量的作用域： 根据作用域的不同我
阅读全文
摘要：href 是超文本引用 主要用在 a和link标签上 表示在当前元素和引用资源之间建立的联系。 src 是 资源引用 主要用在 scrpit 和img 标签上 表示替换当前元素 ，指向引用资源的位置。 当加载src资源的时候 会在引用资源的位置下载资源 并引用到当前文档。
阅读全文
摘要：Flex布局的优势 传统布局：兼容性好，布局繁琐，局限性在移动端不能很好布局 Flex布局：简单，操作方便，兼容性差 Pc采用传统布局，移动端或者不考虑兼容的pc可采用flex布局 flex布局的要点 /* 使用flex布局必须要给父级盒子开启flex布局模式 */ display: flex; F
阅读全文
摘要：animation动画通过设置多个节点来精确控制一个或者一组动画，常用来实现复杂的动画效果；相对过渡动画，animation动画可以实现更多变化，更多控制，实现自动播放等效果； 定义动画 制作animation动画需要两个步骤： 第一步，需要先定义动画，0%的时候我们一般建议什么也不要设置，默认就是
阅读全文
摘要：2D转换之translate（重点） 基本语法 属性：transform,属性值：translate(X,Y),属性值也可以分开书写： transform:translate(X,Y) transform:translateX(n) transform:translateY(n) transform
阅读全文
摘要：一个大的div盒子表示tab选项卡整体，里面嵌套上下两个盒子，上面的盒子是选项卡的导航区，下面的盒子是选项卡的内容区，导航中有几个子项，内容区的盒子就对应有几个； <div class="tab"> <!-- 选项卡的导航 S --> <ul class="tab_nav"> <li>体育新闻</l
阅读全文
摘要：Logo一般是放在h1标签里面，h1里面嵌套超链接a，a里面放logo即可 方法1-- 插入图片（推荐使用）： 直接在a里面插入图片，注意要设置alt的关键字，有利于网站优化； <div class="logo"> <h1> <a href="#"><img src="./img/logo.png"
阅读全文
摘要：http://www.bitbug.net/ 在比特虫网站上传图标选择自己想要的尺寸下载即可； favicon图标显示在网页的选项卡上面的，如下图 注意： 把favicon图标放在项目的根目录下面，在页面进行用link标签将favicon图标引入 <link type="image/x-icon"
阅读全文
摘要：T网站的标题 <title>传智教育官网-好口碑IT培训机构,一样的教育,不一样的品质</title> D网站的关键描述介绍-description <meta content="传智教育（“传智播客”全新升级为“传智教育”）专注IT培训,提供多种IT培训服务，如：java培训、前端开发培训、大数据
阅读全文
摘要：3D转换 X轴：水平方向 X轴右边是正值，左边是负值； Y轴：垂直方向 Y轴下面是正值，上面是负值； Z轴：垂直屏幕方向 – 往外是正值，往内是负值； 注意 3D转换就是在2D转换的功能上，属性后面多了3d，值多出一项 功能：位移，缩放，旋转，没有斜切 3D转换展示效果需要借助其他属性才能实现 3D
阅读全文
摘要：请求返回的HTML一般是是字节流的，先要转成字符，然后语义化，然后开始解析，构建dom树，css树，然后构建rander树布局渲染，最后交给gpu显示到浏览器上
阅读全文
摘要：vite +vue3 +ts +vscode +volar vite 是一个由原生 ESM 驱动的 Web 开发构建工具。Vite 只是一个打包工具，就像我们常用的 Webpack/Rollup/Parcel 一样， Vue.js 渐进式 JavaScript 框架 Vue 分成 2.0 和3.0
阅读全文
摘要：1. 老张把水壶放到火上，立等水开。（同步阻塞） 2. 老张把水壶放到火上，去客厅看电视，时不时去厨房看看水开没有。（同步非阻塞） 3. 老张把响水壶放到火上，立等水开。（异步阻塞） 4. 老张把响水壶放到火上，去客厅看电视，水壶响之前不再去看它了，响了再去拿壶。（异步非阻塞） 这就是他们的区别，没
阅读全文
摘要：通俗示例 小明和小红是网上认识的网友，两个人关系非常好。 小明喜欢吃土鸡蛋，所以小红经常给小明寄家里的土鸡蛋，小红喜欢吃苹果，所以小明经常给小红寄家里种的苹果。 这一次，由于小红家要搬去外国，以后没办法再寄鸡蛋了，小红就发消息跟小明说，“我全家都要搬去国外了，我发完最后这一框鸡蛋后，我就不再给你寄鸡
阅读全文
摘要：<ignore_js_op> TCP/IP协议，TCP协议，IP，三者傻傻分不清楚 我们记忆中看到的好像就是TCP协议，比如TCP三次握手，TCP四次挥手，但是好像又有和IP组合成TCP/IP协议这样的词，就很蒙逼。 而我在这里给小伙伴们捋一下。 TCP/IP协议指的是包含应用层、传输层、网络层和网
阅读全文
浙公网安备 33010602011771号