- 博客(177)
- 收藏
- 关注
RSS订阅原创 java自学第四天
一个 Java 程序可以认为是一系列对象的集合，而这些对象通过调用彼此的方法来协同工作。下面简要介绍下类、对象、方法和实例变量的概念。对象：对象是类的一个实例，有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；// 输出 Hello World。方法：方法就是行为，一个类可以有很多方法。实例变量：每个对象都有独特的实例变量，对象的状态由这些实例变量的值决定。类：类是一个模板，它描述一类对象的行为和状态。
2022-11-03 18:06:38
139
2
原创 java自学第三天
查看-->命令面板-->输入Java，选择java创建项目-->选择no bulid tools-->写一个项目名称-->生成app.java。1.插件市场找debugger forjava，extension pack for java。2.以管理员身份运行cmd，将路径转换到jdk安装路径，复制下面的命令运行，生成jre。3.编写第一个java程序，以非调试模式运行，集成终端看结果。第三种老生常谈安装idea永久破解版，傻瓜式操作。vscode配置java运行环境。OK下面终端输出样例代码结果。
2022-11-02 09:39:15
447
1
原创 java自学第二天
首先我们需要下载 java 开发工具包 JDK，下载地址：https://www.oracle.com/java/technologies/downloads/，在下载页面中根据自己的系统选择对应的版本。安装JDK，安装过程中可以自定义安装目录等信息，例如我们选择安装目录为 C:\Program Files (x86)\Java\jdk1.8.0_91。1.安装完成后，右击"我的电脑"，点击"属性"，选择"高级系统设置"2.选择"高级"选项卡，点击"环境变量"；1、"开始"->"运行"，键入"cmd"；
2022-11-01 09:54:48
208
原创 前端之JavaScript面向对象开发（12）
1.Symbol 类型1.1.符号的基本用法 符号需要使用 Symbol()函数初始化。符号本身是原始类型，所以 typeof 操作符对符号返回 symbol。let juzi = Symbol(); console.log(typeof juzi); // symbol 调用Symbol()函数时，也可以传入一个字符串参数作为对符号的描述（description）let genericSymbol = Symbol(); let otherGenericSymbo...
2021-08-17 18:14:57
113
原创 前端之JavaScript面向对象开发（11）
7.String类型表示零或多个 16 位 Unicode 字符序列。let firstName = "juzi1"; let lastName = 'juzi2'; let lastName = `designbyly`字符串可以使用双引号（"）、 单引号（'）或反引号（`）标示.let firstName = 'xxx"; // 语法错误：开头和结尾的引号必须是同一种7.1.字符字面量备注：可以出现在字符串中的任意位置，且可以作为单个字符被解释。7.2.字符串的.
2021-08-16 16:54:47
203
原创 前端之JavaScript面向对象开发（10）
1.数据类型有 6 种简单数据类型（原始类型）：Undefined、Null、Boolean、Number、 String 和 Symbol。Symbol（符号）是 ECMAScript 6 新增的2.typeof 操作符"undefined"表示值未定义； "boolean"表示值为布尔值； "string"表示值为字符串； "number"表示值为数值； "object"表示值为对象（而不是函数）或 null； "function"表示值为函数； "symbol"...
2021-08-11 18:25:58
139
原创 前端之JavaScript面向对象开发（9）
const 声明const age = 1314;age = 1314; // TypeError: 给常量赋值// const 也不允许重复声明const name = 'juzi';const name = 'juzi1'; // SyntaxError声明变量时必须同时初始化变量// const 声明的作用域也是块const name = 'juzi';if (true) { const name = 'juzi1';}console.log(name); //
2021-08-10 22:55:54
94
原创 前端之JavaScript面向对象开发（8）
1.let 声明let声明的范围是块作用域， 而var 声明的范围是函数作用域。if (true) { var name = 'juzi'; console.log(name); // juzi} console.log(name); // juzi 1314if (true) { let age = 1314; console.log(age); // 1314} console.log(age); // ReferenceError: age 没有定义块作用域可以
2021-08-09 18:13:01
95
原创 前端之JavaScript面向对象开发（7）
1.var 操作符var designbyly 定义了一个名为 designbyly的变量，不初始化的情况下，变量会保存一个特殊值 undefinedvar designbyly="juzi" designbyly 被定义为一个保存字符串值 juzi的变量。designbyly=1314520 合法，但不推荐2.var 声明作用域var 操作符定义的变量会成为包含它的函数的局部变量,function juzi() {...
2021-08-06 17:58:42
116
原创 前端之JavaScript面向对象开发（6）
1.关键字与保留字按照规定，保留的关键字不能用作标识符或属性名。break do in typeof case else instanceof var catch export new void class extends return while const finally super with continue for switch yield debugger function this default if throw delete import try 2.未来的保留
2021-08-05 17:10:01
83
原创 前端之JavaScript面向对象开发（5）
1.语言基础涉及语法、操作符、数据类型 以及内置功能，在此基础之上才可以构建复杂的解决方案ECMAScript 的语法借鉴了 C 语言和其他类 C 语言2.语法2.1.区分大小写ECMAScript 中一切都区分大小写,变量、函数名还是操作符，都区分大 小写2.2.标志符（标识符，就是变量、函数、属性或函数参数的名称）第一个字符必须是字母、下划线（_）或美元符号（$） 剩下的其他字符可以是字母、下划线、美元符号或数字 _designbyly (ok)$desi
2021-08-04 17:22:59
97
原创 前端之JavaScript面向对象开发（4）
1.早期浏览器不支持 JavaScript 的问题采用页面优雅降级的处理方案。<noscript>元素，被用于给不支持 JavaScript 的浏览器提供替代内容。<noscript>.元素可以包含任何可以出现在中的 HTML 元素.2.浏览器显示包含在<.noscript>的情况浏览器不支持脚本 浏览器对脚本的支持被关闭在脚本不可用时让浏览器显示一段话。如果浏览器支持脚本，则用户永远不会看到它<!DOCTYPE html> &
2021-08-03 13:50:21
111
原创 前端之JavaScript面向对象开发（3）
一.文档模式最初的文档模式有两种混杂模式（quirks mode）：让 IE 像 IE5 一样（支持一些非标准的特性）,在所有浏览器中都以省略文档开头的 doctype 声明作为开关. 标准模式（standards mode）：让 IE 具有兼容标准的行为二.两种模式的主要区别体现在通过 CSS 渲染的内容方面三.第三种文档模式准标准模式（almost standards mode）浏览器支持很多标准的特性，但是没有标准规定得那么严格,区别在于如何对待图片元素周围的空白准标准
2021-08-02 13:43:44
81
原创 前端之JavaScript面向对象开发（2）
一.行内代码与外部文件荐使用外部文件的理由可维护性。JavaScript 代码如果分散到很多 HTML 页面，会导致维护困难。而用一个目录保存 所有 JavaScript 文件，则更容易维护。 缓存。浏览器会根据特定的设置缓存所有外部链接的 JavaScript 文件，这意味着如果两个页面都 用到同一个文件，则该文件只需下载一次。 适应未来。把 JavaScript 放到外部文件中，不必考虑用 XHTML。配置浏览器请求外部文件时的重点考虑之一：它们会占用多少带宽二.SPDY/HTTP2
2021-07-30 13:53:32
111
原创 前端之JavaScript面向对象开发（1）
一.HTML 中的 JavaScript将 JavaScript 引入网页，解决的是与网页的主导语言 HTML 的关系问题。将 JavaScript 插入 HTML 的主要方法是：使用<script>元素（网景公司创造），最早在 Netscape Nav。后来，这个元素被正式加入到 HTML 规范igator 2 中实现的，二.<script>元素的八个属性async：可选。应该立即开始下载脚本，但不能阻止其他页面动作，只对外部脚本文件有效。 charset：可选。
2021-07-29 14:33:53
198
原创 前端面试（5）--Ajax和Jsonp跨域
<!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, initial-scale=1.0"> <title>Doc
2021-06-16 17:35:11
93
原创 前端面试（4）--事件委派
<!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, initial-scale=1.0"> <title>Doc
2021-06-16 17:33:40
89
原创 前端面试（3）--Jquery和Zepto
<!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, initial-scale=1.0"> <title>Doc
2021-06-16 17:31:51
139
原创 前端面试（2）--CSS Hack
<!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, initial-scale=1.0"> <title>Doc
2021-06-16 17:29:52
81
原创 前端面试（1）--闭包
<!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, initial-scale=1.0"> <title>Doc
2021-06-16 17:27:43
97
原创 ES6学习手册（17）
Object.values()返回一个给定对象的所有可枚举属性值的数组Object.entries()返回一个给定对象自身可遍历属性[key,value]的数组Object.getOwnPropertyDescriptors该方法返回指定对象所有自身属性的描述对象每日一句不要期待，不要假想，不要强求，顺其自然，如果注定，便一定会发生。...
2021-05-12 14:32:43
75
1
原创 ES6学习手册（16）
安装jquery包npm i jqueryimport $ from 'jquery'await表达式await必须写在async函数中。await右侧的表达式一般为promise对象。await返回的是promise成功的值await的promise失败了，就会抛出异常，需要通过try…catch捕获处理async函数返回值为promise对象promise对象的结果由async函数执行的返回值决定返回的不是promise类型的对象，则结果就是一个成功的promise对象
2021-05-12 14:30:34
53
原创 ES6学习手册（15）
安装工具babel-clibabel-preset-envbrowserify(webpack)npm i babel-cli babel-preset-env browserify -D(开发依赖)因为局部安装，所以使用npx命令npx babel 文件目录 -d 转换文件存放的目录 --presets=babel-preset-envnpx browserify 转换文件存放的目录 -o 打包的文件（最终引入的文件）每日一句一定是实践和实际的人生经验
2021-05-12 14:27:03
108
原创 ES6学习手册（14）
模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来优势防止命名冲突代码复用高维护性模块化规范产品ES6之前的模块化规范CommonJS------NodeJS，BrowserifyAMD------requireJSCMD-----seaJSEs6模块化语法模块功能主要由两个命令构成：export和importexport：用于规定模块的对外接口import：用于输入其他模块提供的功能<script type="module">im
2021-05-12 14:25:23
74
原创 ES6学习手册（13）
对象方法的扩展Object.is:判断两个值是否完全相等console.log(Object.is(110, 12))Object.assign：对象的合并（用于配置信息的合并） const config1 = { username: '小刘1号', password: "111111" } const config2 = { username: '小刘2号',
2021-05-12 14:20:51
69
原创 ES6学习手册（13）
数值扩展Number.EPSILON：是JavaScript表示的最小精度值：2.220446049250313e-16Number.isFinite：检测一个数值是否为有限数Number.isNan；检测一个数值是否为NaNNumber.parseInt Number.parseFloat：字符串转整数Number.isInteger：判断一个数是否为整数Math.trunc：将数字的小数部分抹掉Math.sign：判断一个数到底是正数，负数，还是零
2021-05-12 14:18:48
98
1
原创 ES6学习手册（12）
构造函数继承function Phone(brand, price) {this.brand = brandthis.price = price}Phone.prototype.call = (function() {console.log(‘打电话请给我’)}) function SmartPhone(brand, price, color, size) { Phone.call(this, brand, price) this.color = col
2021-05-12 14:17:15
82
原创 ES6学习手册（11）
Class（类）作为对象的模板，通过class关键字，可以定义类。class声明类constructor 定义构造函数初始化extends 继承父类super 调用父级构造方法static 定义静态方法和属性父类方法可以重写 class Phone { constructor(brand, price) { this.brand = brand this.price = pric
2021-05-12 14:13:07
88
原创 ES6学习手册（10）
Map类似于对象，也是键值对的集合。键的范围不再局限于字符串，各种类型的值（包括对象）都可以当做键。Map实现了interator接口，可以使用扩展运算符和let，of进行遍历属性和方法size 返回Map的元素个数set 增加一个新元素，返回当前Mapget 返回键名对象的键值has 检测Map中是否包含某个元素，返回boolean值clear 情况集合，返回undefineddelete 删除每日一句看的淡一点，伤的就会少一点。别等不该等的人，别伤不
2021-05-12 14:11:23
76
原创 ES6学习手册（9）
集合（set）类似于数组，但是成员值唯一，集合实现了iterator接口，所以可以使用扩展运算符和for，of进行遍历。集合属性和方法size 返回集合的元素个数add 增加一个新元素，返回当前集合delete 删除元素，返回booleanhas 检测集合中是否包含某个元素，返回boollean值。实战数组去重let arr = [1, 2, 3, 4, 5, 6, 7, 7, 7, 6, 5, 4, 8, 9, 0, 7, 6] let resu
2021-05-12 14:08:59
73
原创 ES6学习手册（8）
PromiseES6引入的异步编程的解决方案，Promise是一个构造函数，用来封装异步操作并可以获取其成功或者失败的结果Promise构造函数：Promise（excutor）{}Promise.prototype.then方法Promise.prototype.catch方法实例化Promise对象 const p = new Promise(function(resolve, reject) { setTimeout(function() {
2021-05-11 16:18:28
93
1
原创 ES6学习手册（7）
生成器函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同生成器一个特殊的函数异步编程 纯回调函数 node fs ajax mongodbfunction 与 xx（）加星号函数代码的分隔符 yield生成器函数的参数传递next（）可以传参，参数将作为上一个yield的返回结果实例异步编程：隔秒输出值 function one() { setTimeout(() => {
2021-05-11 16:16:51
94
1
原创 ES6学习手册（6）
迭代器一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署interator接口（对象里面的属性），就可以完成遍历操作。ES6创造了一种新的遍历命令for。。。of循环，iterator接口主要供for。。。of消费。原生具备iterator接口的数据（可以用for of遍历）Array，Argument，Set，Map，String，TypedArray，NodeList工作原理创建一个指针对象，指向当前数据结构的起始位置第一次调用对象的next方法，指针自
2021-05-11 16:14:48
91
1
原创 ES6学习手册（5）
扩展运算符能将 数组 转换为逗号分隔的 参数序列。。。运算符数组的合并数组的克隆（属于浅拷贝） const xx = ['E', 'G', 'M'] console.log([...xx])将伪数组转换为真数组 const divs = document.querySelectorAll('div') console.log([...divs]) //console.log(divs)ES
2021-05-11 16:12:51
77
1
原创 ES6学习手册（4）
ES6运行给函数参数赋值初始值形参初始值，具有默认值的参数，一般位置要靠后（潜规则）与解构赋值结合ES6引入rest参数，用于获取函数的实参，用来代替arguments function date(...args) { console.log(args) } date('1', '2', '3')ES5获取实参的方式 function date() { console.log(arguments)
2021-05-11 16:10:00
65
原创 ES6学习手册（3）
ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法 name, change, // name: name, // change: change // improve: function() { // console.log('来吧') // }, improve() {
2021-05-11 16:08:30
99
原创 ES6学习手册（2）
const定义常量一定要赋初始值一般常量使用大写常量的值不能修改块级作用域对应数组和对象的元素修改，不算做对常量的修改，不会报错解构赋值ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值数组的结构对象的解构模板字符串可以使用反引号``内容中可以直接出现换行符变量拼接let xx = ‘xx’let xxx = ${xx}是王者...
2021-05-11 16:06:40
114
原创 ES6学习手册（1）
ECMA介绍https://baike.baidu.com/item/%E6%AC%A7%E6%B4%B2%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%88%B6%E9%80%A0%E5%95%86%E5%8D%8F%E4%BC%9A/2052072?fromtitle=ECMA&fromid=1499618ES6版本变动内容最多加入许多新的语法特性前端发展趋势ES6兼容性https://www.caniuse.com/?search=es6let声明变量单个
2021-05-11 16:05:05
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人