lzw995189944-CSDN博客

原创 JSCORE-闭包

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

2021-12-12 23:09:23 333

原创 BOM操作02

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

2021-12-12 22:39:56 591

原创 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 398

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

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

2021-12-10 09:19:21 146

原创 BOM操作

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

2021-12-09 00:11:37 298

原创 DOM的添加元素

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

2021-12-09 00:02:50 2336

原创 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 467

原创 DOM的查找与修改

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

2021-12-08 23:25:39 130

原创什么是DOM？

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

2021-12-08 20:19:53 1327

原创 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 163

原创 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 659

lzw995189944的博客