自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JSCORE-闭包

闭包: 1. 问题:全局变量和局部变量都有不可兼得的优缺点: (1). 全局变量: a. 优:可重用 b. 缺:极易被污染——将来在公司中禁止使用一切形式的全局变量。 (2). 局部变量: a. 优:不会被污染 b. 缺:不可重用 2. 解决:今后,只要希望给一个函数定义一个专属的且可重用的变量,只有函数自己可用,别人不可用时,就用闭包! 3. 什么是闭包: (1). 用法:既重用变量,又保护变量不被污染的一种编程方法。 (2)....

2021-12-12 23:09:23 403

原创 BOM操作02

BOM: Browser Object Model 1. location对象: (1). 什么是: 专门保存浏览器地址栏中正在打开的一个url的信息的对象 (2). 属性: 分段获得url中各个部分的信息 location.href 获得完整的url location.protocol获得url中协议部分 location.host获得url中主机名+端口号 location.hostname获得主机名 location.port...

2021-12-12 22:39:56 667

原创 react语法——状态值

React组件中 通过state属性进行管理组件内状态和数据,类似于Vue的data 快捷键rcc快速生成结构 如下 * React:需要时再去渲染DOM,没有自动监听器 * React提供了两个操作数据|状态的方法: * setState 设置 修改数据 刷新DOM * state 获取数据 如下: import React, { Component } from "react"; export default class App extends Component { // 初...

2021-12-10 09:33:38 501

原创 React 快速构建用户界面的JavaScript库

编写方式: 脚本引入方式 script标签 入门学习使用 react.js react库 组件 虚拟DOM对象 react-dom.js 操作DOM渲染 render babel.min.js 语法转义 JSX语法 脚手架方式 类vue-cli 工程化方式 企业中开发使用 JSX语法 javascript中拥有写html的体验 xml JSX代码中使用JS代码部分需要通过{}包裹 组件:组成页面的零部件 封装 复用 封装组件方式:

2021-12-10 09:19:21 232

原创 BOM操作

BOM: Browser Object Model 1. 什么是:专门操作浏览器窗口和软件的一套对象和方法的统称。 2. 何时:今后只要想操作浏览器窗口或获取浏览器软件的信息,都用bom 3. DOM 和BOM差别: (1). DOM专门负责操作网页范围内的一切内容 (2). BOM专门负责操作网页范围以外,浏览器窗口或浏览器软件中的一切内容 4. 问题:没有标准!有严重的兼容性问题! 5. 包括: window, location, history, naviga...

2021-12-09 00:11:37 356

原创 DOM的添加元素

1. 添加一个新元素: 3步 (1). 创建一个新的空元素对象: a. var 新元素对象=document.createElement("标签名") 创建元素 b. 结果: <元素></元素> c. 比如: var a=document.createElement("a"); 结果: <a></a> (2). 为新元素添加必要属性: 元素对象.属性名=新值...

2021-12-09 00:02:50 2660

原创 DOM的修改

修改:一个元素身上有三种东西可以改:内容、属性和样式 1. 属性:3种: (1). 字符串类型的HTML标准属性:2种 a. 旧核心DOM4个函数 b. 新HTML DOM . (2). bool类型的HTML标准属性:1种 a. 新HTML DOM . (3). 自定义扩展属性: a. 什么是:HTML标准中没有规定的,程序员根据自身的需要,自发添加的自定义属性 b. 2种: 1). 经常用于代替id、class或元素选择器,...

2021-12-08 23:46:25 561

原创 DOM的查找与修改

查找: 1. 按选择器查找: 今后如果元素藏的很深,非常分散时,查找条件变得很复杂,都可用按选择器查找. (1). 只查找一个符合要求的元素 a. var 一个元素对象=任意父元素.querySelector("选择器") 按选择器 查询 (2). 查找多个符合要求的元素 b. var 类数组对象=任意父元素.querySelectorAll(...

2021-12-08 23:25:39 225

原创 什么是DOM?

一. 什么是DOM: Document Object Model 1. 什么是: 专门操作网页内容的一套对象和函数的总称 2. 为什么: ES标准中只规定了js语言的核心语法。没有规定如何使用js操作网页的内容。 3. 何时: 今后,只要想操作网页中的内容时,只能用DOM 4. DOM标准: 国际标准,由W3C负责制定并维护。 几乎所有浏览器100%兼容 5. 包括: 5件事: 增删改查+事件绑定 二. DOM树: 1. 什么是: 一个网页的所有内容,在浏览器内存中,以树形结...

2021-12-08 20:19:53 2152

原创 jQuery day02

初体验 先下载先去官网下载jQuery.js 脚本文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initia

2021-12-07 19:52:29 256

原创 jQuery day01

1. 什么是:jQuery (1). 第三方开发的:必须下载才能用 (2). 执行DOM操作的:jQuery还是执行DOM的增删改查+事件绑定操作。学习jQuery只是学习DOM的延续而已。 (3). 极简化的:jQuery对DOM操作的每一步都进行了简化。 (4). 函数库:jQuery中都是用函数来解决一切问题。 2. 为什么:2个原因: (1). 简单 (2). 解决了大部分浏览器兼容性问题。只要jQuery让用的,几乎都没有兼容性问题。 3. 何...

2021-12-05 19:27:50 744

空空如也

空空如也

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

TA关注的人

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