自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 WPF是什么

WPF: (Windows Presentation Foundation)概念: 是美国微软公司推出.NET Framework 3.0的组成部分之一,它是一套基于XML、.NET Framework、向量绘图(vector graphic)技术的展示层(presentation layer)开发框架 UI框架描述: 微软视其为下一代用户界面(user interface)技术,将广泛被用于下一代的Windows平台 (Windows Vista)的界面开发。其原来代号为“Aval

2021-05-25 14:50:20 1917

原创 JavaScript 对象构造器

function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye;}用大写首字母对构造器函数命名是个好习惯。对象类型(蓝图)(类)var myFather = new Person("Bill", "Gates", 62, "blue");var myMother = new Perso

2020-07-08 18:48:36 291

原创 JavaScript 对象访问器

JavaScript 访问器(Getter 和 Setter)ECMAScript 5 (2009) 引入了 Getter 和 Setter。Getter 和 Setter 允许您定义对象访问器(被计算的属性)。JavaScript Getter(get 关键词)本例使用 lang 属性来获取 language 属性的值。// 创建对象:var person = { firstName: "Bill", lastName : "Gates", language : "en", g

2020-07-08 18:28:16 245 1

原创 JavaScript 对象方法

var person = { firstName: "Bill", lastName : "Gates", id : 648, fullName : function() { return this.firstName + " " + this.lastName; }};JavaScript 方法JavaScript 方法是能够在对象上执行的动作。JavaScript 方法是包含函数定义的属性。方法是存储为对象属性的函数。this 关键词在 Java

2020-07-08 18:01:08 170

原创 JavaScript 对象属性

属性是任何 JavaScript 对象最重要的部分。JavaScript 属性属性指的是与 JavaScript 对象相关的值。JavaScript 对象是无序属性的集合。属性通常可以被修改、添加和删除,但是某些属性是只读的。访问 JavaScript 属性...

2020-07-08 17:49:20 197

原创 JavaScript 对象定义

在 JavaScript 中,几乎“所有事物”都是对象。布尔是对象(如果用 new 关键词定义)数字是对象(如果用 new 关键词定义)字符串是对象(如果用 new 关键词定义)日期永远都是对象算术永远都是对象正则表达式永远都是对象数组永远都是对象函数永远都是对象对象永远都是对象所有 JavaScript 值,除了原始值,都是对象。JavaScript 原始值原始值指的是没有属性或方法的值。原始数据类型指的是拥有原始值的数据。JavaScript 定义了 5 种原始数据类型:

2020-07-06 18:50:51 172

原创 JavaScript 验证 API

约束验证 DOM 方法checkValidity() 方法如果输入字段包含无效的数据,显示一条消息:<input id="id1" type="number" min="100" max="300" required><button onclick="myFunction()">OK</button><p id="demo"></p><script> function myFunction() { var i

2020-07-06 18:25:02 259

原创 JavaScript 表单

HTML 表单验证能够通过 JavaScript 来完成。如果某个表单字段(fname)是空的,那么该函数会发出一条警告消息,并返回 false,以防止表单被提交出去:JavaScript 实例function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "") { alert("必须填写姓名"); return false; }}HT

2020-07-06 18:18:00 218 1

原创 JavaScript 字符串方法

字符串方法和属性原始值,比如“Bill Gates”,无法拥有属性和方法(因为它们不是对象)。但是通过 JavaScript,方法和属性也可用于原始值,因为在执行方法和属性时 JavaScript 将原始值视为对象。字符串长度length 属性返回字符串的长度:var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";var sln = txt.length;查找字符串中的字符串indexOf() 方法返回字符串中指定文本首次出现的索引(位置):var str = "

2020-07-06 18:01:56 125

原创 JavaScript 字符串

反斜杠转义字符把特殊字符转换为字符串字符:转义字符(\)也可用于在字符串中插入其他特殊字符。其他六个 JavaScript 中有效的转义序列:这六个转义字符最初设计用于控制打字机、电传打字机和传真机。它们在 HTML 中没有任何意义。长代码行换行为了最佳可读性, 程序员们通常会避免每行代码超过 80 个字符串。如果某条 JavaScript 语句不适合一整行,那么最佳换行位置是某个运算符之后:document.getElementById("demo").innerHTML ="Hello

2020-07-06 15:27:09 177

原创 JavaScript 对象

访问对象属性您能够以两种方式访问属性objectName.propertyNameobjectName["propertyName"]//如:person.lastName;person["lastName"];访问对象方法您能够通过如下语法访问对象方法:objectName.methodName()name = person.fullName();如果您不使用 () 访问 fullName 方法,则将返回函数定义:name = person.fullName;//functi

2020-07-06 15:11:41 107 1

原创 JavaScript 数据类型

字符串值,数值,布尔值,数组,对象。JavaScript 数据类型JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等:数据类型的概念JavaScript 从左向右计算表达式。不同的次序会产生不同的结果JavaScript 拥有动态类型JavaScript 拥有动态类型。这意味着相同变量可用作不同类型:var x; // 现在 x 是 undefinedvar x = 7; // 现在 x 是数值var x = "B

2020-07-06 15:02:46 113

原创 JavaScript JSON

JSON 是存储和传输数据的格式。JSON 经常在数据从服务器发送到网页时使用。什么是 JSON?JSON 指的是 JavaScript Object NotationJSON 是轻量级的数据交换格式JSON 独立于语言 *JSON 是“自描述的”且易于理解JSON 的语法是来自 JavaScript 对象符号的语法,但 JSON 格式是纯文本。读取和生成 JSON 数据的代码可以在任何编程语言编写的。JSON 实例JSON 语法定义了一个雇员对象:包含三条员工记录的数组(对象):

2020-07-06 12:26:29 166

原创 ECMAScript 6 - ECMAScript 2015

ECMAScript 6 是什么?ECMAScript 6 也称为 ES6 和 ECMAScript 2015。一些人把它称作 JavaScript 6。本章介绍 ES6 中的一些新特性。JavaScript letJavaScript const幂 (**)默认参数值Array.find()Array.findIndex()对 ES6(ECMAScript 2015)的浏览器支持Safari 10 和 Edge 14 是首先完全支持 ES6 的浏览器:JavaScript le

2020-07-06 12:09:00 191

原创 ECMAScript 5 - JavaScript 5

ECMAScript 5 特性这些是 2009 年发布的新特性:"use strict" 指令String.trim()Array.isArray()Array.forEach()Array.map()Array.filter()Array.reduce()Array.reduceRight()Array.every()Array.some()Array.indexOf()Array.lastIndexOf()JSON.parse()JSON.stringify()Date.

2020-07-06 11:25:10 180

原创 JavaScript 性能

如何加速您的 JavaScript 代码。减少循环中的活动编程经常会用到循环。循环每迭代一次,循环中的每条语句,包括 for 语句,都会被执行。能够放在循环之外的语句或赋值会使循环运行得更快。差的代码:var i;for (i = 0; i < arr.length; i++) {更好的代码:var i;var l = arr.length;for (i = 0; i < l; i++) {循环每次迭代时,坏代码就会访问数组的 length 属性。好代码在循环之外访

2020-07-03 18:03:15 125

原创 JavaScript 常见错误

意外使用赋值运算符如果程序员在 if 语句中意外使用赋值运算符(=)而不是比较运算符(===),JavaScript 程序可能会产生一些无法预料的结果。这条 if 语句返回 false(正如预期),因为 x 不等于 10:var x = 0;if (x == 10) 这条 if 语句返回 true(也许不像预期),因为 10 为 true:var x = 0;if (x = 10) 这条 if 语句返回 false(也许不像预期),因为 0 为 false:var x = 0;if

2020-07-03 17:10:10 416

原创 JavaScript 最佳实践

请避免全局变量、new、===、eval()避免全局变量请尽量少地使用全局变量。它包括所有的数据类型、对象和函数。全局变量和函数可被其他脚本覆盖。始终声明局部变量所有在函数中使用的变量应该被声明为局部变量。局部变量必须通过 var 关键词来声明,否则它们将变成全局变量。严格模式不允许未声明的变量。在顶部声明一项好的编码习惯是把所有声明放在每段脚本或函数的顶部这么做的好处是:获得更整洁的代码提供了查找局部变量的好位置更容易避免不需要的全局变量减少不需要的重新声明的可能性//

2020-07-02 09:43:01 88

原创 JavaScript 样式指南和代码约定

请始终为您所有的 JavaScript 项目使用相同的代码约定。JavaScript 代码约定代码约定(Coding conventions)指的是编程的样式指导方针。这些原则大体上包括:变量和函数的命名和声明规则使用空格、缩进和注释的规则编程习惯和准则代码约定确保质量:改善代码可读性提升代码可维护性代码约定可以是团队遵守的成文规则,也可以是您个人的编码习惯。变量名在 W3School,我们对标识符名称(变量和函数)使用了驼峰式大小写。所有名称以字母开头。firstName =

2020-07-01 12:08:46 126

原创 JavaScript 调试

错误总会发生,每当您写一些新的计算机代码时。JavaScript 调试在没有调试器的情况下写 JavaScript 是有难度的。您的代码中也许包含了语法错误,或者逻辑错误,这些都难以诊断。通常,如果 JavaScript 代码包含错误,也不会发生任何事情。不会有错误消息,并且不会有任何可供查找错误的指示信息。通常,每当你尝试编写新的 JavaScript 代码,就可能发生错误。JavaScript 调试器查找编程代码中的错误被称为代码调试。调试并不简单。但幸运地是,所有现代浏览器都有内置的调

2020-07-01 11:12:34 135

原创 JavaScript Const

ECMAScript 2015ES2015 引入了两个重要的 JavaScript 新关键词:let 和 const。通过 const 定义的变量与 let 变量类似,但不能重新赋值const PI = 3.141592653589793;PI = 3.14; // 会出错PI = PI + 10; // 也会出错块作用域在块作用域内使用 const 声明的变量与 let 变量相似。在本例中,x 在块中声明,不同于在块之外声明的 x:var x = 10;// 此处,x

2020-07-01 10:47:30 731

原创 JavaScript Let

ECMAScript 2015ES2015 引入了两个重要的 JavaScript 新关键词:let 和 const。这两个关键字在 JavaScript 中提供了块作用域(Block Scope)变量(和常量)。在 ES2015 之前,JavaScript 只有两种类型的作用域:全局作用域和函数作用域。全局作用域全局(在函数之外)声明的变量拥有全局作用域。var carName = "porsche";// 此处的代码可以使用 carNamefunction myFunction() {

2020-06-30 12:23:12 263

原创 JavaScript this 关键词

var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; }}; //Bill Gatesthis 是什么?JavaScript this 关键词指的是它所属的对象。它拥有不同的值,具体取决于它的使用位置:在方法中,this 指的是所有者对象。单

2020-06-29 18:56:34 71

原创 JavaScript Use Strict

“use strict”; 定义 JavaScript 代码应该以“严格模式”执行。“use strict” 指令“use strict” 是 JavaScript 1.8.5 中的新指令(ECMAScript version 5)。它不算一条语句,而是一段文字表达式,更早版本的 JavaScript 会忽略它。“use strict”; 的作用是指示 JavaScript 代码应该以“严格模式”执行。在严格模式中,您无法,例如,使用未声明的变量。以下版本的浏览器支持严格模式:版本 10 以后

2020-06-29 18:28:05 321

原创 JavaScript 提升

提升(Hoisting)是 JavaScript 将声明移至顶部的默认行为。JavaScript 声明会被提升在 JavaScript 中,可以在使用变量之后对其进行声明。换句话说,可以在声明变量之前使用它。Hoisting 是 JavaScript 将所有声明提升到当前作用域顶部的默认行为(提升到当前脚本或当前函数的顶部)。let 和 const 关键字用 let 或 const 声明的变量和常量不会被提升!JavaScript 初始化不会被提升JavaScript 只提升声明,而非初始化

2020-06-29 17:47:19 1495

原创 JavaScript 作用域

作用域指的是您有权访问的变量集合。JavaScript 函数作用域在 JavaScript 中有两种作用域类型:局部作用域全局作用域JavaScript 拥有函数作用域:每个函数创建一个新的作用域。作用域决定了这些变量的可访问性(可见性)。函数内部定义的变量从函数外部是不可访问的(不可见的)。局部 JavaScript 变量在 JavaScript 函数中声明的变量,会成为函数的局部变量。局部变量的作用域是局部的:只能在函数内部访问它们。// 此处的代码不能使用 carName 变量

2020-06-29 17:03:09 112

原创 什么是SDK?

SDK即“软体开发工具包”,一般是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合。通俗点是指由第三方服务商提供的实现软件产品某项功能的工具包。通常SDK是由专业性质的公司提供专业服务的集合,比如提供安卓开发工具、或者基于硬件开发的服务等。也有针对某项软件功能的SDK,如推送技术、图像识别技术、移动支付技术、语音识别分析技术等,在互联网开放的大趋势下,一些功能性的SDK已经被当作一个产品来运营。开发者不需要再对产品的每个功能进行开发,选择合适稳定的SDK服务

2020-06-28 18:33:39 978

原创 JavaScript 错误 - Throw 和 Try to Catch

try 语句使您能够测试代码块中的错误。catch 语句允许您处理错误。throw 语句允许您创建自定义错误。finally 使您能够执行代码,在 try 和 catch 之后,无论结果如何。错误总会发生!当执行 JavaScript 代码时,会发生各种错误。错误可能是程序员的编码错误,由错误输入引起的错误,或者由于其他不可预见的问题。在本例中,我们通过 adddlert 编写警告代码来故意制造了一个错误:<p id="demo"></p><script&g

2020-06-28 17:35:32 125

原创 JavaScript 正则表达式

正则表达式是构成搜索模式的字符序列。该搜索模式可用于文本搜索和文本替换操作。什么是正则表达式?正则表达式是构成搜索模式(search pattern)的字符序列。当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符,或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。语法/pattern/modifiers;var patt = /w3school/i;使用字符串方法在 JavaScript 中,正则表达式常用于两个字符串方法:se

2020-06-28 15:52:06 124

原创 JavaScript 类型转换

Number() 转换数值,String() 转换字符串,Boolean() 转换布尔值。JavaScript 中有五种可包含值的数据类型:字符串(string)数字(number)布尔(boolean)对象(object)函数(function)有三种对象类型:对象(Object)日期(Date)数组(Array)同时有两种不能包含值的数据类型:nullundefinedtypeof 运算符可以使用 typeof 运算符来确定 JavaScript

2020-06-28 14:36:35 263

原创 Js Break 和 Continue

break 语句“跳出”循环。continue 语句“跳过”循环中的一个迭代。break 语句会中断循环,并继续执行循环之后的代码(如果有):var text = "";var i;for (i = 0; i < 10; i++) { if (i === 3) { break; } text += "数字是 " + i + "<br>";}数字是 0数字是 1数字是 2continue 语句中断(循环中)的一个迭代,如果发生指定的条件。然后继续循环中的下一个迭

2020-06-28 11:55:07 123

原创 JavaScript For 循环

不同类型的循环for - 多次遍历代码块for/in - 遍历对象属性while - 当指定条件为 true 时循环一段代码块do/while - 当指定条件为 true 时循环一段代码块

2020-06-28 11:44:28 70

原创 js比较和逻辑运算符

比较和逻辑运算符用于测试 true 或 false。比较运算符比较运算符在逻辑语句中使用,以判定变量或值是否相等。== 值相等=== 值相等并且类型相等!= 不相等!== 值不相等或类型不相等逻辑运算符逻辑运算符用于判定变量或值之间的逻辑。&& 与|| 或! 非条件(三元)运算符JavaScript 也包含了可基于某些条件向变量赋值的条件运算符。variablename = (condition) ? value1

2020-06-28 11:36:48 161

原创 js 逻辑

创建Boolean值var x = false;var y = new Boolean(false);// typeof x 返回 boolean// typeof y 返回 object不要创建布尔对象。它会拖慢执行速度。new 关键词会使代码复杂化,并产生某些意想不到的结果:当使用 == 运算符时,相等的布尔是相等的:var x = false; var y = new Boolean(false);// (x == y) 为 true,因为 x 和 y

2020-06-28 11:17:09 177

原创 js 生成随机数

js 随机Math.random():Math.random() 返回 0(包括) 至 1(不包括) 之间的随机数Math.random(); // 返回回小于 1 的随机数Math.random() 与 Math.floor() 一起使用用于返回随机整数。Math.floor(Math.random() * 10); // 返回 0 至 9 之间的数Math.floor(Math.random() * 11); // 返回 0 至 10 之间的数Math.floor(Math.r

2020-06-28 11:06:59 313

原创 JavaScript的 Math 对象

JavaScript的 Math 对象Math.PI; // 返回 3.141592653589793Math.round(x) 的返回值是 x 四舍五入为最接近的整数Math.pow(x, y) 的返回值是 x 的 y 次幂Math.sqrt(x) 返回 x 的平方根Math.abs(x) 返回 x 的绝对(正)值Math.ceil(x) 的返回值是 x 上舍入最接近的整数Math.floor(x) 的返回值是 x 下舍入最接近的整数Math.sin(x) 返回角 x

2020-06-28 10:57:27 177

转载 Windows下设置.md文件右键可新建

Windows下设置.md文件右键可新建2019年5月10日 14:57:34 转自 左左张https://blog.csdn.net/weixin_39986952/article/details/85211991Windows下设置.md文件右键可新建应用场景:Windows10, Typora(Markdown编辑器)因为习惯用Markdown来写文档, 所以常常需要新建.m...

2019-05-10 15:03:32 481

原创 vue显示md文件

vue显示md文件环境搭建<1>安装依赖库cnpm i markdown-loader html-loader --save cnpm i showdown --save<2>build/webpack.base.conf.js添加 { test: /\.md$/, use: [ { loader: 'htm...

2019-05-09 21:02:20 4429 4

原创 vue数据监听

数据监听1.什么是数据监听?需求: 有的时候我们想要在一些数据变化之后做出处理, 使用数据监听, 去监听这些数据1.1.如何实现数据监听?给实例添加watch, watch是个对象, 里面都是一个一个监听的数据watch:{ 属性名:处理函数, 属性名:处理函数, 属性名:处理函数,}2....

2019-05-08 21:04:40 404

原创 sass基础

简介1.什么是sass? 作用?sass是一种css预处理器, 在css的基础上添加了例如变量, 嵌套, 混合, 导入等等功能,使用sass提高开发效率2.css预处理器css预处理器就是css语法扩展版本3.常见的css预处理器sass/less/stylus4.sass和scss的区别?sass是css预处理器的名字早期语法叫sass新版语法叫sc...

2019-05-07 23:15:19 103

空空如也

空空如也

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

TA关注的人

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