- 博客(30)
- 收藏
- 关注
原创 JS原型链和继承
JS原型链和继承认识对象的原型[[Get]]:JS的存取描述符——get方法,在获取对象属性时会自动调用JavaScript当中每个对象都有一个特殊的内置属性[[prototype]],这个特殊的属性指向另外一个对象[[prototype]]指向的对象:当我们通过引用对象的属性名来获取属性值的时候,会触发[[Get]][[Get]]会首先检查该对象是否有对应的属性,如果有就直接使用如果对象中没有该属性,那么会访问内置属性[[prototype]]所指向的对象,在其中再次检查是否有对应
2022-03-06 00:36:32
903
原创 面向对象(较深入)
面向对象面向对象是现实的抽象方法对象是JavaScript中一个非常重要的概念,这是因为对象可以将多个相关联的数据封装到一起,更好的描述一个事物:Car: { 颜色:color, 价格:price, 品牌:brand }用对象来描述事物,更有利于我们将现实的事物,抽离成代码中某个数据结构JavaScript支持多种编程范式,包括函数式编程和面向对象编程:JavaScript中的对象被设计成一组属性的无序集合,像是一个哈希表,有key和value组成;key是一个标识符名称,v
2022-03-06 00:32:49
120
原创 JavaScript数据类型
JS数据类型总结JavaScript有7种原始数据类型1.String: 任意字符串2.Number: 任意的数字3.Boolean: true/false4.Undefined: undefined5.Null: null6.Object: 任意对象7.Symbol(ES6新增): 独一无二的值基本数据类型:Undefined、Null、Boolean、Number、String、Symbol(新增)(1)基本数据类型保存在栈内存中,是按值传递的,因为可以直接操作保存在变量中的
2021-07-15 16:59:04
148
原创 vue-router参数传递
vue-router参数传递vue-router参数传递通过 :to 和 query 进行参数传递我是Profile标题通过 methods 和 query 进行参数传递通过 params 进行参数传递this.$router.push() 和 paramsvue-router参数传递通过 :to 和 query 进行参数传递URL 是表示资源位置的字符串。解析URL (维基百科) <scheme> 方案+<host> 主机+<port> 端口+<host
2021-04-30 12:17:48
123
1
原创 Vue的学习(八)
Vue的学习(八)v-model原理v-model 其实是一个语法糖,它的背后本质上是包含两个操作:v-bind绑定一个value属性v-on指令给当前元素绑定input事件参考代码<input type="text" v-model="message"><!-- 等同于下面 --><input type="text" :value="message" @input="message = $event.target.value">v-model
2021-04-05 09:30:17
144
1
原创 Vue的学习(7)
Vue的学习(七)let(变量)/const(常量)在Vue中,let用于声明变量,const用于声明常量const一旦给const修饰的标识符被赋值之后,不能修改在使用const定义标识符时,必须进行赋值常量的含义是指向的对象不能修改,但是可以改变对象内部的属性,因为const指向的是对象的地址let app = new Vue({ // 选项});Vue列表展示<!-- html --><div id="app"> <h1 v-f
2021-04-03 19:10:04
1449
原创 Vue的学习(六)
Vue的学习(六)组件基础(大部分源自官网)这里有一个Vue组件的示例:vue// 定义一个名为 button-counter 的新组件Vue.component('button-counter',{ data:function(){ return{ count:0 } }, template:'<button v-on:click="count++">You clicked me {{ count
2021-03-21 11:57:10
184
原创 Vue的学习(五)
Vue的学习(五)v-on传参数当使用@click、@input之类可以传参的v-on绑定事件时,需要注意参数问题如果该事件(方法)不需要额外参数,那么方法后面的()可以不添加。但是注意,如果在v-on:后双引号内的方法()或methods中定义的方法()内自带有一个参数,那么会默认将原生事件event参数传递进去如果在需要传入某个参数时,同时需要原生event,可以通过$event传入事件参考代码html<div id="example"> &l
2021-03-21 08:20:06
114
1
原创 Vue的学习(四)
Vue的学习(四)v-on:的深入了解事件修饰符.once 只执行一次.prevent 提交事件不再重载页面,阻止默认事件.stop 阻止事件扩散,即阻止冒泡.capture 捕获点击事件,改变冒泡顺序.self 该修饰符可以理解为跳过冒泡事件和捕获事件,只有直接作用在该元素上的事件才可以执行.passive关于.passive修饰符 vue官方文档是这样介绍的:.passive 会告诉浏览器你不想阻止事件的默认行为。在vue中,不阻止默认事
2021-03-13 16:47:42
557
原创 Vue的学习(三)
Vue的学习(三)transition在下列情形中可以提供进入/离开的过渡效果条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点过渡的类名在进入/离开的过渡中,会有 6 个 class 切换。v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类可以被用来定义进
2021-03-09 21:00:03
95
原创 Vue的学习(二)
Vue的学习(二)特殊attributekey引用自官方文档key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。最常见的用例是结合 v-for:
2021-03-09 20:18:26
151
原创 Vue的学习(一)
初识Vue框架首先,先进入vue官网,在上方菜单栏的学习下拉框中找到教程,跟着指引下载vue.js文件,再自选一个编译软件,我是使用的Visual Studio Code,便可以跟着官方教程或者自己找其他资源正式开始学习vue框架了!创建一个Vue实例每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的下面将介绍Vue实例的创建以及常用的三个Vue内置apiel— 与css与原生js一样id绑#、class绑.data— 可存放所有数据,其内存放的数据变动时视图也会即时发生
2021-03-09 20:16:59
130
原创 类与对象的创建及构造器详解
类与对象的创建类是一种抽象的数据类型,它是对某一类事物整体描述/定义,但是并不能代表某一个具体的事物.(例如狗这一个抽象的概念不能代表某一只具体的狗)对象是抽象概念的具体事例张三就是人的一个具体实例,张三家里的旺财就是狗的一个具体实例.能够体现出特点,展现出功能的是具体的实例,而不是一个抽象的概念.创建和初始化对象使用new关键字创建对象使用new关键字创建的时候,除了分配内存空间之外,还会给 创建好的对象 进行 默认的初始化 以及对类中 构造器 的调用。类中的构造
2021-02-17 22:16:15
254
原创 在IDEA中打开class文件
在IDEA中打开class文件点击左上角的File,在出现的列表中找到Project Structure并点击在弹出窗口的右边栏找到**+ Add Content Root**并点击找到所在项目(需要打开class文件的项目,一般IDEA默认是当前打开的项目)路径下的out文件夹并点击,然后单击OK完成上述操作后,单击在第2步时的弹出窗口的Apply按钮,然后便可以将该窗口关闭了,这时IDEA左边栏里的项目会多出一个out文件夹,一个个点开,里面文件夹及class文件的顺序和所在项目
2021-02-17 22:12:51
7001
2
原创 创建对象内存分析
创建对象内存分析参考代码(总-分)代码 总 调用代码 分package kuangstudy.oop;import kuangstudy.oop.Demo2.Pet;public class Application { public static void main(String[] args) { // 给自定义的Pet类声明对象 Pet dog = new Pet(); Pet cat = new Pet();
2021-02-17 22:11:11
75
原创 数组
数组数组的定义数组是相同类型数据的有序集合数组描述的是相同类型的若干个数据,按照一定的先后次序排列组合而成其中,每一个数据称作一个数组元素,每个数组元素可以通过一个下标来访问它们数组声明创建首先必须声明数组变量,才能在程序中使用数组。下面是声明数组变量的语法:dataType[] arrayRefVar;// 首选的方法dataType arrayRefVar[];// 效果相同,但不是首选方法Java语言使用new操作符来创建数组,语法如下:dataType[] arr
2021-02-09 23:20:20
96
原创 Operator(运算符)
Operator(运算符)public class Operator { public static void main(String[] args) { // 二元运算符 // Ctrl + D :复制当前行到下一行(IDEA快捷键) int a = 10; int b = 10; int c = 25; System.out.println(a+b);// 20 S
2021-02-09 23:19:20
394
原创 只能对两个数据进行加减乘除运算的JAVA计算器
计算器写一个计算器,要求实现加减乘除功能,并且能够循环接收新的数据,通过用户交互实现。思路推荐:写4个方法:加减乘除利用循环+switch进行用户交互传递需要操作的两个数输出结果代码如下:package kuangstudy.method;import java.util.Scanner;public class Calculator { public static void main(String[] args){ while(true)
2021-02-08 01:50:07
583
原创 JAVA方法详解
JAVA方法详解什么是方法?Java方法是语句的集合,它们在一起执行一个功能。方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建,在其他地方被引用设计方法的原则:方法的本意是功能块,就是实现某个功能的语句块的集合。我们设计方法的时候,最好保持方法的原子性,就是一个方法只完成1个功能,这样利于我们后期的扩展方法的命名规则:第一个单词首字母小写,后跟驼峰命名法(即之后的单词首字母都大写)参考代码package kuangstudy.method;p
2021-02-08 01:11:54
117
1
原创 Java流程控制
Java流程控制每日小技巧:按住Ctrl键再鼠标左键点击IDEA中的类名,即可进入其源代码页面,如果再点击左侧边框上的Structure选项,则左侧会出现一个包括该类所有方法的菜单栏。用户交互Scannernext方式package kuangstudy.scanner;import java.util.Scanner;public class Demo1 { public static void main(String[] args) {
2021-02-06 00:39:39
67
1
原创 Variable(变量)、Constant(常量)
Variable(变量)、Constant(常量)参考代码变量public class Variable { // 属性:变量 // 类变量 static static double salary = 2500; // 实例变量:从属于对象,如果不进行初始化,这个类型的默认值-->0或0.0 // 布尔值:默认是false // 除了基本类型(Java八大基本数据类型:byte,short,char,int,long,float
2021-02-03 23:46:02
825
原创 java类型转换
java类型转换java是强类型语言,在进行某些运算的时候,需要用到类型转换低 ——————————→ 高byte,short,char -> int -> long -> float -> double运算中,不同类型的数据需要先转化为同一类型,然后进行运算。强制类型转换高–>低(由高转换为低)格式:(类型)变量名自动类型转换低–>高(由低转换为高)public class data_change{ public
2021-02-03 23:44:19
101
1
原创 java数据类型拓展
java数据类型拓展#首先是课堂代码的个人整理public class data_type_extension { public static void main(String[] args) { /* * 整数拓展:进制 二进制:0b;八进制:0;十六进制:0x; * */ int a = 10; int b = 0b10; int c = 010; int d = 0x10;
2021-02-03 23:43:18
129
1
原创 java数据类型小结
java课程——数据类型小结public class data_type { public static void main(String[] args) { // 八大基本数据类型 // 整数 int num1 = 10;// 最常用 int 占4个字节范围:-2147483648~2147483648 byte num2 = 20;// byte 占1个字节范围:-128~127 short num3 = 30;
2021-02-03 23:41:55
89
2
原创 intelliJ IDEA创建Empty project的方法
intelliJ IDEA创建Empty project首先在开始界面点击首个选项create new project在弹出的窗口中点击左边菜单栏下方最后一个的Empty project加载完之后会再弹出一个窗口,先暂时关掉,不理它点击File(文件),选择Module…,点击左侧的java选项,一路next,后面就是命名然后再点File,找到并点击Project Structure,弹出窗口后点击左侧的Project,如果发现Project SDK爆红,则将框内的版本修改为我们自己电脑当前所装
2021-02-03 10:09:39
2527
原创 JDK的安装和卸载
安装JDK百度搜索JDK,找到下载地址同意协议下载电脑对应的版本双击安装JDK记住安装的路径配置环境变量我的电脑→右键→属性环境变量→JAVA_HOME配置path变量测试JDK是否安装成功打开cmd在命令提示符(命令行窗口)中输入java -version验证卸载JDK删除Java的安装目录删除Java_Home删除path下关于Java的目录在命令提示符(命令行窗口)中输入java -version验证...
2021-02-03 10:08:04
58
原创 使电脑显示文件后缀名的俩种方法
使电脑显示文件后缀名的俩种方法第一种任意打开一个文件夹,点击查看,勾选文件扩展名。(Win10)第二种任意打开一个文件夹,点击查看,如果没有文件扩展名这个可勾选的选项,就点击选项(文件夹选项),出现弹出框后,点击查看,往下滚动,找到隐藏已知文件类型的扩展名这个选项,勾选它。(Win7)...
2021-02-02 18:41:57
932
原创 常用的打开cmd的方法以及Dos命令
常用的打开cmd的方法以及Dos命令打开CMD的方法点击开始菜单→找到并点击windows 系统→点击命令提示符Win键+R 输入cmd打开控制台在任意的文件夹下面,按住shift键+鼠标右键点击,在此处点击打开Powershell窗口资源管理器的地址栏前面加上cmd路径Win10系统可直接在系统开始界面下方固定菜单栏附带的搜索框里直接输入cmd,回车后即可打开命令行窗口(命令提示符)。管理员方式运行:点击开始菜单,找到并点击Windows 系统,找到命令提示符,右键点击,找到并点击以管
2021-02-02 15:23:25
307
原创 MarkDown学习
MarkDown学习初试三级标题四级标题字体hello worldhello worldhello worldhello worldhello worldhello world引用从今天开始坚持学Java!分割线图片[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YnlbYl5E-1612237600429)(C:\Users\b1205\Desktop\素材\壁纸.png)]链接点击进入b站列表ABCABC
2021-02-02 11:48:02
68
原创 初来乍到
#来到CSDN的第一篇文章###希望能在这里与各位同学一起成长##+今天是学习Java的第一天,虽然也不算编程小白,但也还是一只编程菜鸟,我会在这里记录学习的点滴,督促自己坚持下去,至少也得学个 俩年 吧(尬笑两声)+我会在这里分享自己的代码和学习体会与心得,若有路过的同学发现错误欢迎在评论区中指正+当然,我也会在这里提出一些在学习过程中遇到的令我颇感有趣或是用尽办法也仍然束手无策的问题,与各位同学一起探讨在此,我的Java编程之旅,正式开始!...
2021-02-02 09:31:49
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人