- 博客(28)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 JS对象内部方法、类方法、原型方法、静态方法
实例方法只能实例调用内部方法只能被内部的方法调用静态方法只能被类调用原型方法只能被实例调用函数类function Foo(name){ this.name=name; // 实例方法 this.GetName=function(){ console.log("my name is "+name); GetId(); } // 内部方法 var GetId = function(){ con.
2022-04-06 11:12:20
631
原创 JS循环总结
js循环1.forconst list = ['a', 'b', 'c']for (let i = 0; i < list.length; i++) { console.log(list[i]) //value console.log(i) //index}可以使用break中断for循环可以使用continue继续for循环的下一次迭代2.whileconst list = ['a', 'b', 'c']let i = 0while (i < list.lengt
2022-04-06 11:07:49
1321
原创 迭代协议----迭代器协议&可迭代协议
迭代器协议产生的原因：JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set。这样就需要一种统一的接口机制，来处理所有不同的数据结构。迭代器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。是什么：迭代器协议定义了产生一系列值（无论是有限个还是无限个）的标准方式。当值为有限个时，所有
2022-04-06 11:05:04
1629
原创 Generator函数
1、什么是 Generator 函数在Javascript中，一个函数一旦开始执行，就会运行到最后或遇到return时结束，运行期间不会有其它代码能够打断它，也不能从外部再传入值到函数体内而Generator函数（生成器）的出现使得打破函数的完整运行成为了可能，其语法行为与传统函数完全不同Generator函数是ES6提供的一种异步编程解决方案，形式上也是一个普通函数，但有几个显著的特征：function关键字与函数名之间有一个星号 “*” （推荐紧挨着function关键字）函数体内使用 yi
2022-04-06 11:01:52
11320
5
原创 Promise总结
Promise的应用目前大致有下面三种类型:1、Constructorvar promise = new Promise(function(resolve, reject) {// 异步处理// 处理结束后、调用resolve 或 reject});2、Instance Methodpromise.then(resolved, rejected).catch(rejected).finally()3、Static MethodPromise.all()Promise.resolv
2022-04-06 10:57:00
488
原创 JavaScript原型链与继承
一、Javascript原型链要讲解Javascript原型链我们首先要弄明白几个名词。prototype、__proto__、constructor、原型链。1、prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。原型的概念：每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。举个例子：function Person(age){ this.
2021-11-21 15:37:14
581
原创 Angular-cli12搭建的项目目录
第一层目录node_modules 第三方依赖包存放目录src 应用源代码目录 .browserslistrc 设置浏览器的兼容.editorconfig 帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式.gitignore 告诉Git哪些文件不需要添加到版本管理中angular.json 整个项目的概要，包含了不同的环境，测试、代理、第三方资源和众多内置工具karma.conf.js karma是单元..
2021-07-27 16:29:01
341
原创 javascript中如何判定数据类型
JavaScript中数据类型JavaScript中数据类型分为基本类型和引用类型。JavaScript中有5中简单数据类型（基本数据类型），分别是：Undefined、Null、Boolean、Number 和 String。引用类型：Object(也称为复杂数据类型)、Array、Data、RegExp、Function。在ES6中又增加了一种新的原始数据类型：Symbol确定一个值是哪种基本类型可以使用typeof操作符，而确定一个值是哪种引用类型可以使用instanceof操作符。要准确的
2020-06-26 12:03:41
114
原创 JavaScript中null、underfined、NaN的辨别以及数据类型的检测
1.辨别null表示一个“空”的值，它和0以及空字符串’‘不同，0是一个数值，’'表示长度为0的字符串，而null表示“空”。undefined表示值未定义。NaN表示非数值。好的，不多说。直接上代码解释比较好理解。var a1; var a2 = true; var a3 = 1; var a4 = "Hello"; var a5 = new Object(); var a6 = null; var a7 = NaN; var a8 = undefined; alert(type
2020-06-26 11:28:12
383
原创 学习CSS的一些总结
1.background当使用简写属性时，属性值的顺序为：background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position以上属性无需全部使用，你可以按照页面的实际需要使用body {background:#ffffff url('img_tree.png') no-repeat right top;}2.CSS盒理解CSS盒模型可以参考地球模型去了解。Margin(外
2020-06-12 13:12:46
187
原创 KB和kb的区别
前几天买了个流量卡，用完20G的时候突然发现限速了，然后网速就变成了龟速。回去把移动公司套餐再好好看了一边，总算发现里面的猫腻了。作为一个学网络的，被这个东西坑了真的好丢人的。为了让自己时刻记住这个东西，我觉得要好好写一篇文章好好的理清楚其中的东西。KB这里的B指的是Byte（字节）。互联网有个大公司叫字节跳动（Byte dance）这里的字节就是Byte。好了，想必现在对字节有个印象了。那我就来说一下什么是字节？**字节（Byte 拜特），是计算机处理数据的基本单位，计算机以字节来存储和解释信息。**
2020-05-27 12:57:49
12498
4
原创 原生JS实现的轮播图（JS部分）
js学了那么久，看了那么多的书。感觉没有敲代码还是有点生疏。以后还是得要多练习多写些项目。<script type="text/javascript"> window.onload = function(){ var container = document.getElementById('container'); var list = document.getElementById('list'); v
2020-05-21 22:46:36
148
原创 Javascript中回调函数的一些理解
最近在搞JS，发现JS的确难搞。this、闭包、回调函数、原型继承、DOM操作。这些理解和操作起来还是有点难度的，而且JS这些还和其他的编程语言很不一样。这些难点 以后会慢慢来理解，也都会写出自己的一些理解。还是写一下我对JS中回调函数的理解吧。什么是回调函数&回调函数是如何实现的回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。这个过程就叫做回调。其实也很好理解对吧，回调，回调，就是回头调用的意思。主函数的事先干完，回头再调用传进来的那
2020-05-19 11:07:46
120
转载 JSON和JSONP
说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿
2020-05-18 21:14:45
87
原创 octotree出现pivate repository错误的解决方式
octotree出现pivate repository错误的解决方式GitHub 是一个面向开源及私有软件项目的托管平台,越来越多的程序员使用github来托管自己的代码。作为学生党，github不仅可以再课设作业的时候浏览优秀的代码，也可以模仿优秀的代码丰富自己的项目实战经验。但是在使用github浏览项目时很不方便。octotree无疑是个极好的选择。今天octotree出现了一个错误却让我很懵逼。google翻译后显示在网上查过几个方法后没有任何改善。但是一个偶然的动作我发现这个问题自动解
2020-05-17 09:14:50
168
原创 Javascript变量提升
JavaScript的函数定义有个特点，它会先扫描整个函数体的语句，把所有申明的变量“提升”到函数顶部：function f() { var x = 'Hello, ' + y; console.log(x); var y = 'Bob';}f();语句var x = 'Hello, ’ + y;并不报错，原因是变量y在稍后申明了。但是console.log显示Hello, undefined，说明变量y的值为undefined。这正是因为JavaScript引擎自动提升
2020-05-12 15:42:27
90
原创 Javascript中的return语句
function foo() { return { name: 'foo' };}foo(); // { name: 'foo' }如果把return语句拆成两行：function foo() { return { name: 'foo' };}foo(); // undefined由于JavaScript引擎在行末自动添加分号的机制，上面的代码实际上变成了：function foo() { return; // 自动添加了分号，相当于retu
2020-05-12 15:04:28
274
1
原创 JavaScript数据类型
JavaScript数据类型一.数值型（Number）JavaScript不区分整型和浮点数，所有的数值都为浮点型数据来表示。统一用Number表示。使用toString()方法把数值转换为字符串。<script>var a=100;var c=a.toString();alert(typeof(c));//返回string</script>有个简单的方式就是使用数值与字符串相加，即可把数值转换为字符串。<script>var a=100;var
2020-05-09 11:03:25
194
原创 JS中字符串的操作
JS中字符串的操作字符串常见的操作如下：var s = 'Hello, world!';s.length; // 13要获取字符串某个指定位置的字符，使用类似Array的下标操作，索引号从0开始：var s = 'Hello, world!';s[0]; // 'H's[6]; // ' 's[7]; // 'w's[12]; // '!'s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined需要特别注意的是，字符串是不可变的，如果对字符串的
2020-05-09 10:17:37
438
原创 ES6标准新增字符串操作的一些总结
ES6标准新增字符串操作的一些总结1.多行字符串由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 * … * 表示：`这是一个多行字符串`;注意：反引号在键盘的ESC下方，数字键1的左边：可以自己在编译器上试一试console.log(`多行字符串测试`);//输出结果为/*多行字符串测试*/2.模版字符串模板字符串要把多个字符串连接起来，可以用+号连接：var name = '小明';var age = 20;v
2020-05-09 10:13:19
120
原创 webstrom快捷键整理
webstrom快捷键整理工要善其事，必要利其器。在这么多前端开发工具中我还是觉得webstrom好用一些。它的智能提示功能真的很NB。还有最重要的一点就是JetBrains 能够凭借学生证免费使用，这一点真的很良心。我下过很多软件都是需要购买的，最后都是需要自己动手来破解。话说用好webstrom快捷键真的能够在敲代码的时候事半功倍。下面是我总结的一些快捷键。Ctrl+B跳到变量申明处...
2020-05-05 21:31:15
188
原创 进入BIOS的通用方式
进入BIOS的通用方式最近我们上软件定义网络以及网络攻防的课程都需要安装虚拟机来做试验。但是安装的时候出现了这个：就知道安这些东西肯定会出现各种各样的问题，无奈我得想办法进入主板。。。网上各种Fn、F2、F12还有Fn+F*键都试过了，都没有用。一度重启到想摔电脑。但是今天我看到一种方法非常的nice，不需要按任何键进入BIOS。1.打开电脑在搜索栏搜索设置2.进入Windows设...
2020-05-05 20:59:28
462
原创 a标签不跳转的三种方法
a标签不跳转的三种方法1.onclick事件中返回false<a href="http://www.baidu.com" onclick="return false">不能跳转到百度</a>2.用href="javascript:void(0)"这种伪协议<a href="javascript:void(0)">不能跳转</a>3.使用...
2020-04-29 20:59:53
2101
原创 HTML中的空元素
HTML中的空元素一个空元素可能是 HTML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input>的闭标签是无效的 HTML。在 HTML 中有以下这些空元素：<area><base><b...
2020-04-29 20:31:25
1518
转载 CSS中可继承和不可继承的属性
CSS中可继承和不可继承的属性一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、mar...
2020-04-29 20:07:54
246
原创 网页中的超链接类型
网页中的超链接类型网页中的超链接类型有三种：1.内部链接。2.外部链接。3.锚点连接。1.内部链接内部连接所链接的目标一般位于同一个网站中，对于内部链接来说，可以使用相对路径和绝对路径。相对路径：所谓的相对路径，就是在同一个网站下，不同文件之间的的位置定位。例如，如果a.html和b.html位于同一目录之下，则指定文件（a.html）即可，因为它们的相对位置关系是平等的。如果a...
2020-04-16 21:21:35
6891
原创 CSS盒模型
CSS盒模型每个CSS盒子有四个区域：内容（content）、填充（内边距，padding）、边框（border）、边界（外边距，margin)。内容区域有三大属性：宽度（width）、高度（height）、背景（background）。填充、边框、边界区域包含上、右、下、左部分。其中边框包含三大子属...
2020-04-16 20:36:12
258
原创 HTML常用转义字符
HTML常用转义字符字符十进制转义字符"""&&&<<<>>>不断开空格  
2020-04-14 12:56:13
162
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人