HTML&&CSS&&javascript
文章平均质量分 79
HTML&&CSS&&javascript课程
lybinWeb
这个作者很懒,什么都没留下…
展开
-
【JavaScript 事件】站在巨人身上俯看_js事件(详细版)
js事件(详细笔记)原创 2022-03-16 11:33:51 · 638 阅读 · 0 评论 -
【DOM】DOM复习笔记
DOMDOM(文档对象模型)针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、删除、修改页面的某一部分。一、节点层次节点分为不同的类型,文档节点是每个文档的根节点,文档元素是最外层元素1、Node类型JavaScript中所有节点类型都继承于Node类型每个节点都有一个nodeType属性,用于表明节点类型。节点类型由在Node类型中定义的下列12个数值常量来表示,任何节点类型必居其一:- Node.ELEMENT_NOD原创 2022-03-11 08:59:15 · 261 阅读 · 0 评论 -
【重学CSS】CSS查缺补漏篇
【重学CSS】CSS查缺补漏篇文章目录【重学CSS】CSS查缺补漏篇浏览器CSS样式权重浏览器加载页面的过程选择器选择器权重浏览器对父子选择器的匹配规则CSS实现三角形缩进美化css checkbox伪类行内块跟行内元素文本对齐容器内多行文本居中box-sizing 兼容性写法margin塌陷clear: both清除浮动注意事项伪元素清除浮动伪类before设置小图标伪元素开发轮播图小圆点background-attachment: fixed;企业级开发网站logo表格相关BFC浏览器组成部分原创 2022-01-04 17:34:47 · 429 阅读 · 0 评论 -
【CSS BFC】简简单单理解BFC
什么是BFCBFC又称块级格式化上下文,是一种规范元素排列方式1、普通流2、浮动流3、定位流BFC属于普通流BFC可以看成是一块区域,他有自己的渲染规则,与外部隔离起来,胡不影响如何触发BFC1、根元素2、浮动元素3、定位元素(绝对定位跟固定定位)4、inline-block···5、overflow值不为visibleBFC能解决的问题触发BFC所能解决的问题1、解决外边距重叠问题2、清除浮动3、阻止元素被浮动元素覆盖...原创 2021-09-17 09:54:56 · 61 阅读 · 0 评论 -
深入理解 JavaScript 之 防抖节流
文章目录应用场景从滚动条监听的例子说起防抖(debounce)节流(throttle)其他应用场景举例思考总结防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。(信我,你看完肯定就懂了)应用场景从滚动条监听的例子说起先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部这个按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件,返回当前滚条与顶部的距离这个需原创 2021-03-22 15:26:28 · 232 阅读 · 0 评论 -
深入理解 Javascript 之 JS的深浅拷贝 JSON.parse()和JSON.stringify()
文章目录深浅拷贝一、基本类型 & 引用类型二、深拷贝 & 浅拷贝三、JSON.parse()和JSON.stringify()深浅拷贝一、基本类型 & 引用类型1、ECMAScript中的数据类型可分为两种:基本类型:undefined,null,Boolean,String,Number,Symbol引用类型:Object,Array,Date,Function,RegExp等2、不同类型的存储方式:基本类型:基本类型值在内存中占据固定大小,保存在栈内存中引用类原创 2021-03-22 15:01:01 · 653 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)JavaScript基础语法之call()与apply()方法
call()与apply()方法他们的功能一致:扭转this指向看如下代码:function test() { console.log(this)}test()在浏览器环境中,this指向的是window,即会打印window对象,test()相当于window.test()var obj = {'name': 'lyb'}window.test.apply(obj)window.test.call(obj)此时,利用apply与call在次调用test方法后,输出的是:原创 2020-06-29 12:00:20 · 3677 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)CSS3语法
CSS3语法部分一、transform变形1、定义不影响正常文档流的情况改变内容位置2、属性平移、转换translate旋转rotate缩放scale倾斜skewtransform-origin改变元素变形原点transform-style规定被嵌套元素如何在3D空间中显示perspective规定3D元素的透视效果perspective-origin规定3D元素的底部位置backface-visibility定义元素在不面对屏幕时是否可见3、2D效果2D位移原创 2020-06-26 11:20:45 · 2844 阅读 · 2 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法BOM
JavaScript语法BOM部分浏览器对象模型:用于管理浏览器窗口及与浏览器出口之间通信功能一、Window对象表示运行HTML页面的浏览器窗口该对象既是允许JavaScript逻辑访问浏览器窗口的唯一对象,也是ECMAScript规范中的Global全局对象window对象是浏览器窗口中的顶级(全局)对象window对象的属性和方法在调用时 - 允许省略‘window其他五个BOM对象都是作为window对象的属性出现1、浏览器窗口的宽高innerWidth属性inn原创 2020-06-25 17:14:16 · 2826 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法DOM
占位原创 2020-06-25 17:04:25 · 2649 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(四)引用类型与运算符
JavaScript引用类型一、分类Date类型Math类型Global类型Array类型RegExp类型Function类型Object类型···二、Global类型全局对象全局对象的属性Infinity:正的无穷大的数值NaN:某个值不是数字值undefined:未定义的值全局对象的方法eval():对字符串形式的代码字符求值uneval():创建的一个Object的源代码的字符串表示isFinite():判断传入的值是否是有限的数值isNaN():原创 2020-06-20 20:56:11 · 2405 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(三)函数对象作用域
JavaScript函数对象作用域一、JavaScript函数1、定义函数函数声明方式function 函数名() { 代码块}调用:函数名()函数表达式方式var 函数名 = function() { 代码块}调用:函数名()构造函数方式var name1 = function fn() { console.log("这是构造函数方式")}//注意:定义的fn()这个函数可以用在函数内部使用2、预定义函数内建全局函数,可以直接使用eval():原创 2020-06-20 20:53:13 · 1459 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(二)语句跟数组
JavaScript基础语法(二)一、条件语句1、if语句if语句if···else语句if···else if语句2、switch语句语法:switch () { case value1: statement1 break case value2: statement2 break case value3: statement3 break ··· default: statement4注意:default可以放在任何位置,但是输出情况会有原创 2020-06-19 20:50:12 · 998 阅读 · 0 评论 -
WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(一)
JavaScript基础语法记录JavaScript概述一、什么是JavaScript是一种弱类型语言,基于原型的直译式语言由三个部分组成:ECMAJavaScript,DOM,BOM二、JavaScript运行环境运行环境概述浏览器运行环境:各个浏览器内核基本都集成了JavaScript解释器\引擎独立解释器运行环境:Node.js提供的运行环境浏览器运行环境独立解释器运行环境三、JavaScript代码调试调试手段console控制台Node.js调试器原创 2020-06-16 19:55:05 · 594 阅读 · 2 评论 -
WEB前端基础(HTML+CSS+JavaScript)(上)最好看最详细的笔记~
当前部分是基于HTML与CSS总结,后续有JavaScript更新~HTML概述(阶段1 入门概述)一、HTML超文本标记语言第一个HTML页面一、HTML基本结构HTML模板简要说明声明HTML基本结构二、HTML元素元素闭合元素‘’空元素‘’标签HTML元素属性属性名属性值三、HTML头部元素‘元素:定义HTML页面标题’元素:定义HTML页面中所以相对URL的根URL。‘元素:定义HTML页面引入的外部资源.原创 2020-06-15 10:10:53 · 8580 阅读 · 4 评论