不会编程的渣新-CSDN博客

文档对象模型文档对象模型（document object model）是一种独立于浏览器类型来表示文档的方法。它允许开发人员通过一组通用的对象、属性、方法和事件来访问文档，并通过脚本动态修改网页内容。BOM 与 DOM 的区别DOM 仅包含 Web 页面的文档，而 BOM 提供了浏览器各个领域的脚本编程访问，包括按钮、标题栏以及页面的某些部分；BOM 专用于某个浏览器。浏览器是不能标准化的，因为必须提供有竞争力的特性。因此，需要另一组属性、方法甚至对象，才能使用 JavaScript 操作他们。

2021-12-24 17:46:54 688

原创 JavaScript 计时器

计时器JavaScript 可以创建两类计时器，一种是一次性计时器，另一种是间隔触发的计时器。一次性计时器创建计时器setTimeout(myFunction, millisecondsDelay) 方法用来创建一次性计时器，其中参数 myFunction 是要触发的方法脚本，而mullisecondsDelay 是等待的毫秒数，这个方法能够返回一个 timerId，timerId 是该计时器的唯一标识。清除计时器clearTimeout(timerId) 方法可以清除一次性计时器，参数

2021-11-30 17:21:28 465

原创 HTML 表单

HTML 表单 from 表单通常用于容纳可交互的 HTML 元素，并对其进行分组。访问表单可以通过两种方式：通过名称来访问document.myForm通过 document 的 forms[] 属性来访问 HTML 表单控件通常用于表单当中，每一个控件对应于一个对象，这些对象被放在 Form 对象的 elements[] 属性中，该数组的属性 length 表示当前表单所包含的控件数量，此外 Form 对象也有一个 length 属性，含义与 elements[] 数组的

2021-11-29 13:51:29 301

原创浏览器对象模型

浏览器对象模型 Browser Object Model 浏览器对象模型是浏览器为 js 提供的对象的集合，这些对象不需要显式的创建，可以被直接使用。例如常用的 window 对象表示的是浏览器的窗体，prompt() 方法和 alert() 方法都是 window 对象的方法；常用的 document 对象是加载在浏览器中的页面，write() 方法是 document 的方法。window 对象所包含的对象属性window 对象 window 对象可以认为是浏览器本身，是一个全局对象

2021-11-26 14:35:23 1365

原创 VSCode同步配置插件：Settings Sync 说明

简介Settings Sync 是 VSCode 的一个插件，能够同步配置环境，能够适用于以下场景：个人多台工作设备的配置同步，比如当你在公司电脑上配置了 VScode，并且进行了配置同步，如果想要在家中的电脑也进行相同的工作，只需要将配置下载到家里的电脑即可，避免了大量的重复工作。一个团队在进行开发时，为了保持开发环境一致，需要团队成员对 VSCode 进行同样的配置，使用同步配置共享，可以方便快捷的实现配置一致的需求。安装与使用安装在打开 VSCode 编辑器，在 *Extension

2021-11-19 10:44:11 923 1

原创 JavaScript基础：克隆、数组

对象克隆判断是不是原始值判断是数组还是对象建立相应的数组或对象按照同样的模式拷贝相应的数组和对象// 深拷贝:将对象obj拷贝到obj1var obj = { name : 'aaa', age : 123, gender : 'male', car : ['visa', 'master'], wife : { name : "bbb", son : { name : 'ccc'

2021-09-07 16:11:57 66

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

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

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

原创 JavaScript基础：立即执行函数、闭包

闭包当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄漏。闭包的作用实现公有变量函数累加器// 模块化的累加器function a(){ var num = 100; function b() { num ++; console.log(num); } return b;}var demo = a();demo(); // 101demo(); // 102可以做缓存（存储结

2021-09-03 18:44:26 149

原创 JavaScript基础：作用域

作用域、作用域链[[scope]]：每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域，其中存储了运行期上下文的集合。作用域链：[[scope]]中所存储的执行器上下文对象的集合，这个集合呈链式链接，我们把这种连是连接叫做作用域链。示例：function a(){ function b(){ var bb = 23

2021-09-03 15:29:25 63

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

原创 JavaScript基础：函数

函数函数声明基本function theFirstName(){}theFirstName的name属性为theFirstName2. 命名函数表达式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 53

原创 JavaScript基础：类型转换

显示类型转换Number(mix)布尔值可被转化成数字；null可被转化成数字0；undefined 不可被转化成数字，显示为NaN；其他不可被转的数据均显示为NaN。parseInt(string,radix)parseFloat(string)toString(radix)String(mix)Boolean隐式类型转换...

2021-09-02 15:25:21 48

原创 JavaScript基础：逻辑运算、条件、循环

逻辑运算符&& ：遇假则停首先判断符号左侧的表达式：（1）如果结果为真，则返回运算符右侧的表达式的结果；（2）如果结果为假，返回运算符左侧的表达式的结果。短路语句：替代条件判断// 如果data有值，则传参data && fun(data);||：遇真则停与&&相反调整浏览器兼容问题// 非IE浏览器中e，IE浏览器中为window.eventdiv.onclick = function(e){ var event = e ||

2021-09-02 14:18:23 53

原创 JavaScript基础一：引入、变量、值类型、运算符

js引入页面级js页面中添加js，可以写在文档中的任何位置<script type="text/javascript"> document.write('hello world');</script>引入外部js文件推荐外部文件的形式，使其符合web标准：结构、样式、行为相分离<script type="text/javascript" src="demo.js"></script>// demo.jsdocument.writ

2021-09-01 14:12:02 81

原创 JavaScript基础——历史

浏览器组成shell内核渲染引擎（语法规则和渲染）js引擎其他模块主流浏览器及其内核：IE：tridentChrome：webkit/blinkFireFox：GeckoOpera：prestoSafari：webkit编译和解释语言的区别编译性语言：通篇翻译，生成可执行文件优点：快不足：移植性不好（不跨平台）解释性语言：翻一行，解释一行优点：跨平台不足：略慢JavaScript解释性语言引擎是单线程ECMA标准执行队列：轮转时间片JS三大部分E

2021-09-01 09:55:51 56

原创 QQ音乐首页静态页面练习

搭建整体的框架主要写了html的部分框架：包含八个部分顶部导航栏大导航栏小导航栏歌单推荐新歌首发精彩推荐新碟首发排行榜MV底部版本信息遇到的问题顶部导航栏下拉列表默认的option不出现在下拉列表的option中。...

2021-08-31 19:38:48 651 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 437

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

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

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

原创 CSS基础二：选择器、权重

复杂选择器父子选择器，派生选择器（有空格）能够表示派生关系即可，不用必须是标签选择器，能够选中所有的派生标签，包括多级派生<div> <em>123</em> <strong> <em>234</em> </strong></div>/*选中的是123和234*/div em{ color: greenyellow;}直接子元素选择器选

2021-08-10 15:30:03 125

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

原创 Java面向对象-封装、继承、多态

封装Java中访问控制修饰符有四种，根据访问权限高低分别是private、默认、protected、public继承多态

2020-09-18 22:09:58 71

原创常用关键字

Java常用关键字访问控制异常处理finallytry ... catchthrowsthrow线程安全synchronizedvolatile其他finalstaticabstracttransient访问控制修饰符同类同胞子类/无关类不同包子类不同包无关类public✔️✔️✔️✔️protected✔️✔️✔️❌默认✔️✔️❌❌private✔️❌❌❌异常处理finallyfinally中的语句不管有没有异常一

2020-09-18 21:58:16 52

weixin_44072168的博客

原创 dom元素的缩放/拉伸

原创 element-ui 移动端适配修改

原创 VSCode插件sonarlint

原创文档对象模型