- 博客(29)
- 收藏
- 关注
原创 ES6-ES11
ES6函数参数默认值function add(a,b,c=10){ return a + b + c;}let result = add(1,2);console.log(result); // 13rest 参数ES6引入rest参数,用于获取函数的实参,用来替代argumentsES5获取实参的方式function date(){ console.log(arguments);}date('白芷','阿娇','思慧')...
2022-02-28 16:33:07 418
原创 vue.js,如何删除网址中的hashbang #
vue.js,如何删除网址中的hashbangexport default new VueRouter({ mode: 'history', routes});Vue的History模式和Hash模式的区别理解在url 中看到 #,这个 # 有两种情况,一个是我们所谓的锚点,典型的比如:回到顶部按钮原理、Github 上各个标题之间的跳转等,路由里的 # 不叫锚点,我们称之为 hash(哈希),大型框架的路由系统大多都是hash实现的看完上面那段话,可能有人会有疑问:URL中的#是什么
2022-01-07 11:06:54 988
原创 meta视口标签
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">为了移动端而生的。属性解释说明width宽度设置的是viewport宽度,可以设置device-width特殊值,设备的宽度initial-scale初始化缩放比。大于0的数字maximum-scale最
2021-07-08 16:42:11 160
原创 浏览器私有前缀
浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无须添加。私有前缀-moz-:代表firefox浏览器私有属性-ms-:代表ie浏览器私有属性-webkit:代表safari、chrome私有属性-o-:代表Opera私有属性...
2021-07-07 15:49:29 66
原创 css3D转换
3D移动translate3d3D在2D的基础上多加了一个可以移动的方向,就是Z轴方向。transform:translateX(100px)transform:translateY(100px)transform:translateZ(100px)transform:translate3d(x,y,z)透视perspective在2D平面产生近大远小视觉立体,但是只是效果二维的。透视的单位是像素。透视写在观察元素的父盒子上面。perspective:200px;3D旋转 rotat
2021-07-07 13:40:09 84
原创 css 动画
动画的基本使用先定义,在调用用keyframes定义动画@keyframes 动画名称 { 0% { width:100px; } 100% { width:200px; }}调用用animation-name:动画名称;
2021-07-06 13:39:09 73
原创 css2D转换
transformtranslate2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位。transform:translate(x,y);transform:translateX(n);transform:translateY(n);不会影响到其他元素。对行内标签没有效果。rotate 旋转transform:rotate(n deg)transform-origin 旋转中心点案例transform-origin:left bottom;默认是50%
2021-06-30 15:02:58 95
原创 Web 服务器
将自己的网站上传到远程服务器注意:一般稳定的服务器都是需要收费的,比如:阿里云这里给大家推荐一个免费的远程服务器(免费空间)http://free.3v.do/去免费空间网站注册账号记录下主机名、用户名、密码、域名。利用cutftp软件上传网站到远程服务器。在浏览器中输入域名,即可访问我们的网站了。...
2021-06-30 10:21:44 65
原创 网站TDK三大标签SEO优化
title网站标题title具有不可替代性,是我们内页的第一个重要标签,是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。建议:网站名(产品名)-网站的介绍(尽量不要超过30个汉字)例如:品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物!description网站说明简要说明我们网站主要是做什么的。我们提倡,description作为网站的总体业务和主题概括,多采用“我们是…”、“我们提供…”、“xxx网作为…”、“电话:010…”之类的语句。例如:<meta .
2021-06-30 10:06:58 118
原创 Vue 的生命周期
什么是生命周期?事物从诞生到消亡的整个过程。vue生命周期beforeCreate:vue对象没有诞生的时候created:组件以及创建好,属性也成功的被绑定了,dom还没生成。beforeMount:编译当前模板(< template >里面的内容)mounted:模板已经编译完了,开始挂载。(页面显示出来之后再去操作的方法)beforeUpdate:组件在更新之前。updated:组件更新之后。beforeDestroy:销毁之前。destroyed:销毁之后。...
2021-03-23 09:40:30 151
原创 前后端交互之http协议
http 构成http包括客户端和服务端两个实体,客户端发送请求给服务端,服务端返回响应给客户端;在http中数据称为资源(html文档、图片、普通文本);资源是通过URL定位的,客户端需要访问服务器时,首先需要知道资源的url。http协议是无状态的,每次客户端发送请求都被认为是从全新的的客户端发出来的,如果需要记录状态,则需要cookie和session来保存状态。http/2 数据通过二进制传输,多路复用,建立连接后可以一次性发送多个http请求;压缩headers,减少负载;支持server
2021-03-22 15:44:06 746
原创 Runtime-Compiler和Runtime-only的区别
Runtime-Compiler和Runtime-only的区别Runtime-Compiler:template -> ast -> render -> vdom -> UIRuntime-only: (性能更高,代码更少 )render -> vodm -> UI
2020-11-24 17:49:39 114
原创 组件化开发
vue-组件化组件的使用分为三个步骤代码组件的使用分为三个步骤创建组件构造器调用Vue.extend()方法创建组件构造器注册组件调用Vue.component()方法注册组件使用组件在Vue实例的作用范围内使用组件代码...
2020-11-09 20:38:12 278
原创 引用类型用法总结
实际的开发中,引用类型的使用非常重要,也是非常普遍的。我们可以在理解基本类型的使用方式基础上,进一步去掌握引用类型的使用方式。基本类型可以作为成员变量、作为方法的参数、作为方法的返回值,那么当然引用类型也是可以的。class 作为成员变量在定义一个类Role(游戏角色)时,代码如下:class Role { int id; // 角色id int blood; // 生命值...
2020-02-20 14:57:27 309 1
原创 内部类
内部类概述将一个类A定义在另一个类B里面,里面的那个类A就称为内部类,B则称为外部类。成员内部类成员内部类 :定义在类中方法外的类。 class 外部类 { class 内部类{ }}访问特点内部类可以直接访问外部类的成员,包括私有成员。外部类要访问内部类的成员,必须要建立内部类的对象。创建内部类对象格式:外部类名.内部类名 对象名 = new 外...
2020-02-19 20:04:33 120
原创 接口多态的综合案例
笔记本电脑笔记本电脑( laptop)通常具备使用USB设备的功能。在生产时,笔记本都预留了可以插入USB设备的USB接口,但具体是什么USB设备,笔记本厂商并不关心,只要符合USB规格的设备都可以。定义USB接口,具备最基本的开启功能和关闭功能。鼠标和键盘要想能在电脑上使用,那么鼠标和键盘也必须遵守USB规范,实现USB接口,否则鼠标和键盘的生产出来也无法使用。案例分析进行描述笔记本类...
2020-02-19 16:28:29 191
原创 引用类型转换
多态的转型分为向上转型与向下转型两种:向上转型向上转型 :多态本身是子类类型向父类类型向上转换的过程,这个过程是默认的。当父类引用指向一个子类对象时,便是向上转型。使用格式:父类类型 变量名 = new 子类类型();如:Animal a = new Cat();向下转型向下转型 :父类类型向子类类型向下转换的过程,这个过程是强制的。一个已经向上转型的子类对象,将父类...
2020-02-18 20:06:07 217
原创 多态
概述多态是继封装、继承之后,面向对象的第三大特性。生活中,比如跑的动作,小猫、小狗和大象,跑起来是不一样的。再比如飞的动作,昆虫、鸟类和飞机,飞起来也是不一样的。可见,同一行为,通过不同的事物,可以体现出来的不同的形态。多态,描述的就是这样的状态。定义:多态 : 是指同一行为,具有多个不同表现形式。前提继承或者实现【二选一】方法的重写【意义体现:不重写,无意义】父类引用指向子类对...
2020-02-18 18:13:43 117
原创 接口
概述接口,是Java语言中一种引用类型,是方法的集合,如果说类的内部封装了成员变量、构造方法和成员方法,那么接口的内部主要就是封装了方法,包含抽象方法(JDK 7及以前),默认方法和静态方法(JDK 8),私有方法(JDK 9)。接口的定义,它与定义类方式相似,但是使用 interface 关键字。它也会被编译成.class文件,但一定要明确它并不是类,而是另外一种引用数据类型。引用数据类...
2020-02-17 19:09:28 157
原创 发红包案例
群主发普通红包群主发普通红包。某群有多名成员,群主给成员发普通红包。普通红包的规则:群主的一笔金额,从群主余额中扣除,平均分成n等份,让成员领取。成员领取红包后,保存到成员余额中。请根据描述,完成案例中所有类的定义以及指定类之间的继承关系,并完成发红包的操作。根据描述分析,得出如下继承体系:案例实现定义用户类:package cn.itcast.day04.demo04;...
2020-02-17 11:40:05 311
原创 匿名对象
概念创建对象时,只有创建对象的语句,却没有把对象地址值赋值给某个变量。虽然是创建对象的简化写法,但是应用场景非常有限。匿名对象 :没有变量名的对象。格式:new 类名(参数列表);举例:new Scanner(System.in);创建匿名对象直接调用方法,没有变量名。new Scanner(System.in).nextInt(); 一旦调用两次方法,就是创建了两个对象...
2020-02-12 18:32:49 68
原创 数组作为方法返回值
数组作为方法返回值_返回地址package cn.itcast.day04.demo02;public class ArrayReturn { public static void main(String[] args) { int[] result = calculate(10,20,30); System.out.println("总和:" + r...
2020-02-10 16:45:58 178
原创 方法重载
方法重载方法重载:指在同一个类中,允许存在一个以上的同名方法,只要它们的参数列表不同即可,与修饰符和返回值类型无关。参数列表:个数不同,数据类型不同,顺序不同。重载方法调用: JVM通过方法的参数列表,调用不同的方法。方法的重载方法的重载(overload):多个方法的名称一样,但参数列表不一样。好处:只需要记住唯一一个方法的名称,就可以实现雷士的多个功能。方法的重载与下列因素相关...
2020-02-07 18:13:11 236
原创 IDEA常用快捷键与修改快捷键
IDEA 常用快捷键快捷键功能Alt+Enter导入包,自动修正代码Ctrl+Y删除光标所在行Ctrl+D复制光标所在行的内容,插入光标位置下面Ctrl+Alt+L格式化代码Ctrl+/单行注释Ctrl+Shift+/选中代码注释,多行注释,再按取消注释Alt+Ins自动生成代码,toString,get,set等方法A...
2020-02-06 14:12:00 483
原创 JDK的环境变量配置
JDK的环境变量配置右击“我的电脑”打开属性点击“高级系统设置”选择“高级”中的“环境变量”点击“新建”变量名:JAVA_HOME变量值:(JDK安装路径下bin路径的上一级作为地址)修改一个已经存在的系统变量点击如图所示的Path,点击编辑点击编辑文本在变量值最前方添加“%JAVA_HOME%\bin;”,点击确定重新打开命令提示符,输入“JAVA...
2020-02-03 12:11:45 78
原创 Java语言开发环境
Java虚拟机——JVMJVM(Java Virtual Machine): java虚拟机,简称JVM,是运行所有java程序的假想计算机,是java程序的运行环境,是java最具吸引力的特性之一,我们编写的java代码,都运行在JVM之上。跨平台:任何软件的运行,都必须要运行在操作系统之上,而我们用java编写的软件可以运行在任何的操作系统上,这个特性称为java语言的跨平台特性。该特性...
2020-01-30 18:15:15 219
原创 计算机基础知识
计算机存储单位位(bit):一个数字0或者一个数字1,代表一位。字节(Byte):每逢8位是一个字节,这是数据存储的最小单位。1Byte=8bit1KB=1024Byte1MB=1024KB1GB=1024MB1TB=1024GB1PB=1024TB1EB=1024PB1ZB=1024EB命令提示符MS-DOS(Microsoft Disk Operating System...
2020-01-30 17:58:19 187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人