自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 JS进阶第二天

了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。

2023-05-05 15:35:40 81

原创 JS进阶第一天

学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。

2023-05-05 15:35:29 80

原创 WebAPIs第七天

定义规则查找其中 / / 是正则表达式字面量 // 1. 定义规则/正则表达式 存的是对象 let reg = / 前端 /

2023-04-20 23:23:11 79

原创 WebAPIs第六天

固有属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作由程序员自己添加的属性,在DOM对象中找不到, 无法使用点语法操作,必须使用专门的APIgetAttribute(‘属性名’) // 获取自定义属性setAttribute(‘属性名’, ‘属性值’) // 设置自定义属性removeAttribute(‘属性名’) // 删除自定义属性。

2023-04-20 23:22:33 71

原创 WebAPIs第五天

简单说,就是通过js的方式,得到元素在页面中的位置 这样我们可以做,页面滚动到这个位置,就可以返回 顶部的小盒子显示…我们想要页面滚动一段距离,比如100px,就让某些元素显示隐藏, 就可以使用scroll 来检测页面滚动的距离~~~获取宽高:获取元素的可见部分宽高(不包含边框,滚动条等), clientWidth和clientHeight。使用场景: 前面案例滚动多少距离,都是我们自己算的,最好是页面 滚动到某个元素,就可以做某些事。获取宽高: 获取元素的内容总宽高(不包含滚动条)返回值不带单位。

2023-04-12 23:51:45 123

原创 WebAPIs第四天

1. 事件对象是个对象, 这个对象里有事件触发时的相关信息2. 例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息3. 获取: 在事件绑定的回调函数的第一个参数就是事件对象, 一般命名为event、ev、e

2023-04-12 23:48:28 39

原创 WebAPIs第三天

##### 1. 节点类型: 1. 元素节点 • 所有的标签 比如 body、 div • html 是根节点2. 属性节点 • 所有的属性 比如 href3. 文本节点 • 所有的文本4. 重点记住元素节点, 可以更好的让我们理清标签元素之间的

2023-04-12 23:47:38 40

原创 WebAPIs第二天

事件是在编程时系统内发生的动作或者发生的事情, 比如用户在网页上单击一个按钮事件是在编程时系统内发生的动作或者发生的事情, 比如点击按钮 click就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 注册事件。

2023-04-12 23:46:44 85

原创 WebAPIs第一天

DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API白话文:DOM是浏览器提供的一套专门用来 操作网页内容 的功能DOM作用: 开发网页内容特效和实现用户交互操作网页内容,可以开发网页内容特效和实现用户交互。

2023-04-12 23:45:40 66

原创 移动开发-响应式布局

Bootstrap 来自Twitter,是目前最受欢迎的前端框架,Bootstrap是基于 HTML、CSS 和Javascript ,它简洁灵活,使得Web开发更快捷中文官网:http://www.bootcss.com/官网:http://getbootstrap.com/推荐使用:http://bootstrap.css88.com/框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。

2023-02-23 00:28:21 112

原创 移动开发-rem布局

媒体查询 (Media Query) 是CSS3新语法使用@media查询,可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果、Android手机、平板等设备都用得到多媒体查询Less (Leaner Style Sheets) 是一门CSS扩展语言,也是CSS预处理器做为CSS一种形式的扩展,它并没有减少CSS功能,而是在现有的CSS语法上,

2023-02-23 00:26:44 63

原创 移动开发-流式布局

Normalize.css:保护了有价值的默认值、修复了浏览器的bug、是模块化的 、拥有详细的文档。meta视口标签目的:布局视口的宽度应该与理想视口的宽度一致,就是设备有多宽,布局视口就多宽。一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比,1CSS像素=1物理像素。理想视口,对设备来讲,是最理想的视口尺寸,需要手动添写meta视口标签通知浏览器操作。视口是浏览器显示页面内容的屏幕区域, 视口可以分为布局视口、视觉视口和理想视口。它是用户正在看到的网站的区域,可通过缩放去操作视觉视口。

2023-02-23 00:26:05 95

原创 移动开发-flex布局

数值越小,排列越靠前,默认为0,注意:和 z-index 不一样.box {order : 1;/* 默认为0 */ }

2023-02-23 00:24:46 53

原创 JavaScript第一天

未定义是比较特殊的类型,只有一个值 undefined只声明变量,不赋值的情况下,变量默认值为undefined开发中经常声明一个变量,等待传送过来的数据。如果不知道这个数据是否传递过来,此时可通过检测这个变量是不是undefined,即可判断用户是否 有数据传递过来。

2023-02-23 00:24:14 150

原创 JavaScript第二天

while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又执行大括号里的代码,然后再回到小括号判断条件, 直到括号内条件不满足,即跳出。其他赋值运算符: +=, -=, *=, /=, %=, let num = 10 ,循环的本质就是以某个变量为起始值, 然后不断产生变化量, 慢慢靠近终止条件的过程。同时使用多个运算符写程序时, 会按某种顺序先后执行, 称为优先级。分支语句包含: if分支语句, 三元运算符, switch语句。乘、除、取余优先级相同, 加、减优先级相同。

2023-02-23 00:23:59 311

原创 JavaScript第四天

根据内部函数可访问外部函数变量机制, 用链式查找决定数据能被内部函数访问叫 作用域链。函数中还有函数, 那这个作用域又可诞生一个作用域。作用域链:采取就近原则方式来查找变量最终值。只要是代码, 至少有一个作用域。

2023-02-23 00:22:53 45

原创 JavaScript第五天

对象是一种数据类型, 是一种无序的数据集合用多个变量保存散乱, 用对象比较统一保存用户信息, 姓名年龄电话…用之前的数据类型不方便, 很难区分。

2023-02-23 00:22:13 114

原创 JavaScript第三天

好处: 把声明起始值、循环条件、变化值写到一起,一目了然。continue:结束本次循环,继续下次循环。取出来什么类型,就根据这种类型特点来访问。不明确循环次数的时候使用while循环。如果明确循环次数的时候使用for循环。for 输出1到100偶数之间的和。,通过数组的length属性获得。元素:数组中保存的每个数据都叫。break:直接结束本次循环。for循环也是重复执行代码。for循环 最大优势是。

2023-02-23 00:22:09 82

HTML&CSS的思维导图笔记

HTML&CSS的思维导图笔记

2023-04-12

CSS基础常见问题汇总

CSS常见问题

2023-04-12

JavaScript基础语法笔记

JavaScript基础语法笔记(for、对象、js基础语法截图等...)

2023-04-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除