- 博客(29)
- 收藏
- 关注
RSS订阅原创 文档对象模型
文档对象模型 文档对象模型（document object model）是一种独立于浏览器类型来表示文档的方法。它允许开发人员通过一组通用的对象、属性、方法和事件来访问文档，并通过脚本动态修改网页内容。 BOM 与 DOM 的区别 DOM 仅包含 Web 页面的文档，而 BOM 提供了浏览器各个领域的脚本编程访问，包括按钮、标题栏以及页面的某些部分； BOM 专用于某个浏览器。浏览器是不能标准化的，因为必须提供有竞争力的特性。因此，需要另一组属性、方法甚至对象，才能使用 JavaScript 操作他们。
2021-12-24 17:46:54
816
原创 JavaScript 计时器
计时器 JavaScript 可以创建两类计时器，一种是一次性计时器，另一种是间隔触发的计时器。 一次性计时器 创建计时器 setTimeout(myFunction, millisecondsDelay) 方法用来创建一次性计时器，其中参数 myFunction 是要触发的方法脚本，而mullisecondsDelay 是等待的毫秒数，这个方法能够返回一个 timerId，timerId 是该计时器的唯一标识。 清除计时器 clearTimeout(timerId) 方法可以清除一次性计时器，参数
2021-11-30 17:21:28
627
原创 HTML 表单
HTML 表单 from 表单通常用于容纳可交互的 HTML 元素，并对其进行分组。访问表单可以通过两种方式： 通过名称来访问 document.myForm 通过 document 的 forms[] 属性来访问 HTML 表单控件通常用于表单当中，每一个控件对应于一个对象，这些对象被放在 Form 对象的 elements[] 属性中 ，该数组的 属性 length 表示当前表单所包含的控件数量，此外 Form 对象也有一个 length 属性，含义与 elements[] 数组的
2021-11-29 13:51:29
413
原创 浏览器对象模型
浏览器对象模型 Browser Object Model 浏览器对象模型是浏览器为 js 提供的对象的集合，这些对象不需要显式的创建，可以被直接使用。 例如常用的 window 对象表示的是浏览器的窗体，prompt() 方法和 alert() 方法都是 window 对象的方法；常用的 document 对象是加载在浏览器中的页面，write() 方法是 document 的方法。 window 对象所包含的对象属性 window 对象 window 对象可以认为是浏览器本身，是一个全局对象
2021-11-26 14:35:23
1547
原创 VSCode同步配置插件：Settings Sync 说明
简介 Settings Sync 是 VSCode 的一个插件，能够同步配置环境，能够适用于以下场景： 个人多台工作设备的配置同步，比如当你在公司电脑上配置了 VScode，并且进行了配置同步，如果想要在家中的电脑也进行相同的工作，只需要将配置下载到家里的电脑即可，避免了大量的重复工作。 一个团队在进行开发时，为了保持开发环境一致，需要团队成员对 VSCode 进行同样的配置，使用同步配置共享，可以方便快捷的实现配置一致的需求。 安装与使用 安装 在打开 VSCode 编辑器，在 *Extension
2021-11-19 10:44:11
1745
1
原创 JavaScript基础：克隆、数组
对象克隆 判断是不是原始值 判断是数组还是对象 建立相应的数组或对象 按照同样的模式拷贝相应的数组和对象 // 深拷贝:将对象obj拷贝到obj1 var obj = { name : 'aaa', age : 123, gender : 'male', car : ['visa', 'master'], wife : { name : "bbb", son : { name : 'ccc'
2021-09-07 16:11:57
259
原创 JavaScript基础：继承模式、命名空间、对象枚举、this
继承 传统形式：原型链 过多的继承了很多没用的属性 借用构造函数 不能继承借用构造函数的原型 每次构造函数都要多走一个函数 共享原型 Father.prototype.name = "wang"; function Father() {} function Son() {} function inherit(Target, Origin) { Target.prototype = Origin.prototype; } inherit(Son, Father); Son.protot
2021-09-06 17:24:12
159
原创 JavaScript基础：原型、原型链
原型 原型是fucntion对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 // Person.prototype 原型 // Person.prototype = {} 是祖先 Person.prototype.name = "www"; // 属性 // 方法 Person.prototype.say = function () { console.log("hhh"); } function Person(nam
2021-09-06 14:26:06
172
原创 JavaScript基础：对象、包装类
对象示例： var Amanda = { name: "Amanda", age : 25, health : 100, playTennis : function() { console.log("Playing tennis"); this.health++; }, drink : function() { console.log("drinking"); this.health--;
2021-09-06 08:48:48
163
原创 JavaScript基础：立即执行函数、闭包
闭包 当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄漏。 闭包的作用 实现公有变量 函数累加器 // 模块化的累加器 function a(){ var num = 100; function b() { num ++; console.log(num); } return b; } var demo = a(); demo(); // 101 demo(); // 102 可以做缓存（存储结
2021-09-03 18:44:26
245
原创 JavaScript基础：作用域
作用域、作用域链 [[scope]]：每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。 [[scope]]指的就是我们所说的作用域，其中存储了运行期上下文的集合。 作用域链：[[scope]]中所存储的执行器上下文对象的集合，这个集合呈链式链接，我们把这种连是连接叫做作用域链。 示例： function a(){ function b(){ var bb = 23
2021-09-03 15:29:25
128
原创 JavaScript基础：预编译
闭包 预编译 JavaScript是单线程+解释型语言 // 预编译：输出a // 函数声明整体提升 test(); function test(){ console.log('a'); } // 预编译：输出undefined // 变量声明提升 console.log(a); var a = "123"; imply global 暗示全局变量：即任何变量，如果有变量未声明就赋值，此变量就为全局对象所有。 全局对象是window，可以添加属性。 例如： a = 123; // windo
2021-09-03 10:48:35
206
原创 JavaScript基础：函数
函数 函数声明 基本 function theFirstName(){} theFirstName的name属性为theFirstName 2. 命名函数表达式 var test = function abc(){ console.log('a'); 表达式默认忽略函数名，即使定义了函数名也会默认为匿名表达式； test的name属性为abc 匿名函数表达式：函数表达式 var test = function { console.log('a'); } test的name属性为test 组
2021-09-02 16:45:28
141
原创 JavaScript基础：类型转换
显示类型转换 Number(mix) 布尔值可被转化成数字； null可被转化成数字0； undefined 不可被转化成数字，显示为NaN； 其他不可被转的数据均显示为NaN。 parseInt(string,radix) parseFloat(string) toString(radix) String(mix) Boolean 隐式类型转换 ...
2021-09-02 15:25:21
260
原创 JavaScript基础：逻辑运算、条件、循环
逻辑运算符 && ：遇假则停 首先判断符号左侧的表达式：（1）如果结果为真，则返回运算符右侧的表达式的结果；（2）如果结果为假，返回运算符左侧的表达式的结果。 短路语句：替代条件判断 // 如果data有值，则传参 data && fun(data); ||：遇真则停 与&&相反 调整浏览器兼容问题 // 非IE浏览器中e，IE浏览器中为window.event div.onclick = function(e){ var event = e ||
2021-09-02 14:18:23
141
原创 JavaScript基础一：引入、变量、值类型、运算符
js引入 页面级js 页面中添加js，可以写在文档中的任何位置 <script type="text/javascript"> document.write('hello world'); </script> 引入外部js文件 推荐外部文件的形式，使其符合web标准：结构、样式、行为相分离 <script type="text/javascript" src="demo.js"></script> // demo.js document.writ
2021-09-01 14:12:02
167
原创 JavaScript基础——历史
浏览器组成 shell 内核 渲染引擎（语法规则和渲染） js引擎 其他模块 主流浏览器及其内核： IE：trident Chrome：webkit/blink FireFox：Gecko Opera：presto Safari：webkit 编译和解释语言的区别 编译性语言：通篇翻译，生成可执行文件 优点：快 不足：移植性不好（不跨平台） 解释性语言：翻一行，解释一行 优点：跨平台 不足：略慢 JavaScript 解释性语言 引擎是单线程 ECMA标准 执行队列：轮转时间片 JS三大部分 E
2021-09-01 09:55:51
132
原创 QQ音乐首页静态页面练习
搭建整体的框架 主要写了html的部分框架：包含八个部分 顶部导航栏 大导航栏 小导航栏 歌单推荐 新歌首发 精彩推荐 新碟首发 排行榜 MV 底部版本信息 遇到的问题 顶部导航栏 下拉列表默认的option不出现在下拉列表的option中。 ...
2021-08-31 19:38:48
918
2
原创 CSS基础五：文字溢出和背景图片
文字溢出 单行文本处理三件套 /*失去换行功能*/ white-space: nowrap; /*溢出部分隐藏*/ overflow: hidden; /*文字溢出部分：...*/ text-overflow: ellipsis; 示例： 2. 多行文本溢出 多行文本只进行截断，不进行打点 /*溢出部分隐藏*/ overflow: hidden; 背景图片 添加背景图片; background-image: url(https://cn.bing.com/th?id=OVFT.BQwWq
2021-08-16 14:15:21
615
原创 CSS基础四：margin塌陷、margin合并、浮动元素
经典bug：margin塌陷 问题：垂直方向的margin父子元素是结合在一起的，取最大值 <div class="wrapper"> <div class="content"></div> </div> *{ margin: 0; padding: 0; } .wrapper{ margin-left: 100px; margin-top: 100px; width: 100px; height: 100px; background-
2021-08-11 15:53:02
221
原创 CSS基础一：引入方式、选择器
css引入方式 行间样式 直接在标签里添加style属性 <div style=" width: 100px; weight: 100px; background-color: red; "></div> 页面级CSS 在head里添加style标签 <style type="text/css"> div:{ width: 100px; weight: 100px; backgrou
2021-08-11 09:52:47
122
原创 CSS基础三：盒子模型
盒子模型 border示例 div{ border: 1px solid black; text-align: left; height: 200px; /*文本高度*/ /*垂直居中，height=line-height*/ line-height: 20px; /*缩进*/ /*1em = 1 * font-size*/ text-indent: 2em; /*颜色*/ color: rgb(0, 0, 238); /*文本下划线 删除线*/ /*text-decoratio
2021-08-10 22:18:46
161
原创 CSS基础二：选择器、权重
复杂选择器 父子选择器，派生选择器（有空格） 能够表示派生关系即可，不用必须是标签选择器，能够选中所有的派生标签，包括多级派生 <div> <em>123</em> <strong> <em>234</em> </strong> </div> /*选中的是123和234*/ div em{ color: greenyellow; } 直接子元素选择器 选
2021-08-10 15:30:03
269
原创 HTML基础
HTML基础 重要容器 div 重要容器 span 常用标签 <br> 换行符 < 小于号< > 大于号> <hr> 水平线 有序列表 示例 <ol type = "1" start="2" reversed="reversed"> <li>不如<br>秦海清</li> <li>星辰大海<br>黄霄云</li> &l
2021-08-05 16:46:11
105
原创 Java面向对象-封装、继承、多态
封装 Java中访问控制修饰符有四种，根据访问权限高低分别是private、默认、protected、public 继承 多态
2020-09-18 22:09:58
153
原创 常用关键字
Java常用关键字访问控制异常处理finallytry ... catchthrowsthrow线程安全synchronizedvolatile其他finalstaticabstracttransient 访问控制 修饰符 同类 同胞子类/无关类 不同包子类 不同包无关类 public ✔️ ✔️ ✔️ ✔️ protected ✔️ ✔️ ✔️ ❌ 默认 ✔️ ✔️ ❌ ❌ private ✔️ ❌ ❌ ❌ 异常处理 finally finally中的语句不管有没有异常一
2020-09-18 21:58:16
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人