- 博客(85)
- 收藏
- 关注
RSS订阅原创 【移动端网页特效】02-移动端轮播图（原生JS）
移动端轮播图：利用css3动画效果及classList属性实现图片自然滚动及焦点图的跟随变化；利用触屏事件实现图片拖动功能
2022-09-03 16:53:34
603
原创 【移动端网页特效】01-触屏事件和常用对象列表
触屏事件：touchstart，touchmove，touchend；触摸当前DOM事件对象targetTouches
2022-08-10 09:08:01
296
原创 【PC端网页特效】02-client系列与scroll系列及三大系列总结
（PC端网页特效）client元素可视区系列属性获取元素内容区大小；scroll元素滚动系列获取元素实际高度宽度；三大系列区别；flexible.js源码分析；立即执行函数；仿淘宝侧边栏案例
2022-08-02 10:40:43
511
原创 【PC端网页特效】01-元素偏移量offset系列
（PC端网页特效）通过offset动态获取元素的位置（偏移），大小；拖动模态框案例；仿京东放大镜（重点案例）
2022-08-01 16:30:01
285
原创 【Web APIS】08-BOM浏览器对象模型
BOM总结：bom的构成；两种定时器和清除定时器的方法；onload窗口加载事件和resize窗口大小事件；回调函数和this指向性讲解；url；window常见对象；JS执行机制，同步和异步；倒计时案例（重点案例）......
2022-07-30 17:53:58
466
原创 【Web APIS】07-事件高级
（dom）事件高级：事件侦听器；解绑事件；DOM事件流（重点）；事件对象，事件委托原理（面试点）；阻止链接跳转，按钮提交；阻止冒泡；常见的鼠标和键盘事件对象
2022-07-27 15:32:27
408
原创 【Web APIS】05-节点操作
（dom）节点操作：获取父节点，子节点，第一个子元素和最后一个子元素节点已经兄弟节点的方法；动态添加删除节点；节点操作案例：新浪下拉菜单；增添/删除留言板案例；动态生成表格案例
2022-07-24 17:51:46
363
原创 【Web APIS】04-操作元素（下）：排他算法重点案例及自定义属性的操作
（dom）操作元素重点案例：排他思想案例：百度换肤；表格隔行变色；表单全选反选（常用案例）；自定义属性的设置和获取方法；Tab选项卡案例（重点案例）
2022-07-23 15:54:17
272
原创 【Web APIS】03-操作元素
（dom）操作元素：修改元素内容，innerHTML/innertext；修改常见元素属性，src，href，title等；操作表单元素的属性，type，value，disable等；操作元素样式属性，classname；仿淘宝关闭二维码案例，显示隐藏文本框内容案例，密码框提示错误信息案例，精灵图循环案例......
2022-07-21 17:01:32
264
原创 【Web APIS】01-Web APIs和DOM简介
Web APIs是JavaScript基础的第二阶段，由DOM和BOM组成；因为Web API很多，所以将这个阶段称为Web APls；DOM是什么：DOM一般指文档对象模型。文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。...
2022-07-19 15:49:50
319
原创 【前端学习笔记】13-JavaScript内置对象（下）
JavaScript内置对象（下）：数组对象：添加，删除，删选数组元素；数组排序，数组去重，数组转换为字符串；字符串对象：根据字符返回位置
2022-07-17 16:43:18
241
原创 【前端学习笔记】12-JavaScript内置对象（上）
JavaScript内置对象：数学对象；日期对象；封装日期对象；倒计时案例查文档学习对象
2022-07-16 16:25:54
247
原创 【前端学习笔记】11-JavaScript对象
JavaScript对象：创建对象三种方式：利用对象字面量创建对象，利用new object创建对象，构造函数创建对象；new关键字；for in语句遍历对象；this
2022-07-15 16:29:59
253
原创 【前端学习笔记】09-作用域
JavaScript作用域：全局作用域，局部作用域；全部变量，局部变量；作用域链：内部函数访问外部函数的变量，采用的是链式查找的方式来决定取哪个值，这种结构我们成为作用域链(就近原则)
2022-07-15 09:53:32
252
原创 【前端学习笔记】08-函数
JavaScript函数：函数的两种声明方式；函数的使用方法；形参和实参的匹配；arguments内置对象的使用；函数间的相互调用；函数封装冒泡排序
2022-07-14 15:44:26
467
原创 【前端学习笔记】06-流程控制之循环
JavaScript流程控制循环结构：for循环；for循环嵌套；switch循环；while，do while循环；continue和break关键字；
2022-07-12 16:56:22
313
原创 【前端笔记】05-流程控制之分支结构
流程控制：顺序结构，分支结构，循环结构分支结构：if分支语句，switch分支语句if：if语句,if双分支语句，if多分支语句
2022-07-11 14:34:31
406
原创 【前端学习笔记】04-运算符总结
JavaScript的五大常用运算符：算术运算符；比较运算符；递增递减运算符；逻辑运算符；赋值运算符。运算符的优先级
2022-07-10 15:45:53
284
原创 【前端学习笔记】14-移动端入门之VW适配
屏幕上是由一个一个发光的小点构成，这每一个点就是一个像素；分辨率：1920x1080说的就是屏幕中小点的数量。又称设备像素，它的数量是固定的，如上述说的小点就是物理像素，指的是设备屏幕上的像素点个数。解决方法：按上述方法设置font-size后，在less中就可以轻松使用rem进行移动端布局了，在设计图中元素大小除以40后以rem为单位即可。less示例：...
2022-07-08 14:42:31
541
原创 【前端学习笔记】13-less简介
less是css的一门预处理语言less是css的一个增强版，通过less可以编写更少的代码实现更强大的样式在less中增添了许多新特性：像对变量的支持丶对mixin的支持less的语法大体上和css语法一致，但是less中增添了许多对css的扩展所以浏览器无法直接执行less代码，要执行必须先将less转换成css，然后再有浏览器执行ctrl+s保存后生成对应style.css,代码如下在HTML中引入文件，有如下效果关系嵌套在less中，父子关系可以直接嵌套，书写起来结构更加清晰
2022-07-08 10:01:13
339
原创 【前端学习笔记】10-高度塌陷和外边距重叠原理及解决方案
1.设置元素的浮动（不推荐）2.将元素设置为行内块元素（不推荐）3.将元素的overflow值设置成一个非visible的值（ 常用方式：为元素设置overfolow：hidden使其可以包含浮动元素 ）
2022-06-27 19:58:34
402
原创 【前端学习笔记 11-CSS动画简介
Translate - 2D 转换Translate 属性值可以使得元素进⾏⽔平或者垂直移动例如：以下代码表示将 logo 元素⽔平向右平移 100px，垂直向下平移 100px如希望设置水平向左或垂直向上时，将px值设为对应的负值即可若希望分别控制水平和垂直方向上的移动，则使用以下代码分开控制Scale - 缩放概念：Scale 可以⽤来放⼤或者缩⼩⼀个元素用法示例：以下代码表示将 logo 元素整体放⼤了 10 倍如果需要实现水平放大，垂直缩小等功能时，则需要通过以
2022-06-14 13:29:02
334
原创 【前端学习笔记】09全方位了解flex布局
一个最直观的例子，当有以下HTML代码时默认状态显示为：当给⽗元素设置成 flex 容器后效果变化如下：可以看到变成横向排列了，类似于 inline-block 的效果：我们使⽤ flexbox 的所有属性都跟这两根轴线有关, 所以有必要在⼀开始⾸先理解它。主轴由 flex-direction 定义，⽽另⼀根轴（交叉轴）垂直于它。flex-direction 主要有两个值：row 、column。上文已介绍，此处省略html代码css代码效果展示css代码效果展示html代码css代码效果
2022-06-12 14:33:00
346
原创 【前端学习笔记】08-文字与盒子的水平垂直居中
单行文字水平垂直居中margin:0 auto 设置对象上下间距为0，左右自动。可拆分： margin:0 auto 0 auto（上下）;还可拆分为:margin-left:auto;margin-right:auto;margin-top:0;marg-inbottom:0;利用绝对定位和margin负值缺点：需要知道子元素的具体大小...
2022-06-11 16:09:27
166
原创 【前端学习笔记 07-CSS布局，定位总结
定位 (positioning) 能够让我们把⼀个元素从它原本在正常布局流 (normal flow) 中应该在的位置移动到另⼀个位置。定位(positioning) 并不是⼀种⽤来给你做主要⻚⾯布局的⽅式，它更像是让你去管理和微调⻚⾯中的⼀个特殊项的位置。......
2022-06-11 15:41:47
197
原创 【前端学习笔记】06盒模型（下）—overflow属性值及应用
我们知道，CSS 中万物皆盒⼦，因此我们可以通过给 width 和 height 赋值的⽅式来约束盒⼦的尺⼨。溢出是在你往盒⼦⾥⾯塞太多东⻄的时候发⽣的，所以盒⼦⾥⾯的东⻄也不会⽼⽼实实待着。CSS 中可以通过 overflow 属性来默认值。溢出内容不会被修剪，会呈现在元素框之外。溢出内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。溢出内容会被修剪，并且其余内容是不可见的。如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。规定应该从父元素继承 overflow 属性的值。总结设置o
2022-06-11 14:35:35
578
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人