- 博客(63)
- 收藏
- 关注
RSS订阅原创 路由模式、处理404、路由钩子与异步请求 2022-3-19
一、当用户登录后主页显示用户的用户名login.vueindex.jsmain.vue结果：二、路由模式(mode:‘history’)路由模式有两种：hash(默认)：路径代#符号，如http://localhost/#/loginhistory:路径不带#符号，如http://localhost/loginexport default { //路由模式 mode:‘’history’, name: "Login", data(){ return{
2022-03-19 18:46:41
955
原创 创建一个工程 2022-3-18
一、创建工程1.1创建一个名为hello-vue的工程vue init webpack hello-vue1.2安装依赖，需要安装vue-router、element-ui、sass-loador和node-sass四个插件进入工程cd hello-vue安装vue-routercnpm install vue-router@3.2.0 -S安装element-uinpm i element-ui -s安装依赖npm install修复安装SASS加载器(sass-l
2022-03-19 00:07:22
1140
原创 Vue-router、以及小实例 2022-3-17
一、Vue-router路由1.1安装vue-routercnpm install vue-router --save-dev1.2 然后导入vue-router1.3 运行：npm run dev由于我的Vue-router版本高，所以得进行降级先把旧版本卸载了cnpm uninstall vue-router然后在安装cnpm install vue-router@3.2.0运行npm run dev运行结果：网址：http://localhost:8080二、做一个
2022-03-17 23:57:52
477
原创 第一个vue-li项目、创建vue-cli程序、Webpack学习2022-3-17
一、Vue:第一个vue-li项目1.1下载安装1、nodejs 的下载地址：http://nodejs.cn/download/安装很简单2、下载完毕后在cmd里面输入：node -v和npm -v测试3、然后下载一个淘宝镜像加速器：在cmd下输入npm install cnpm -g4、安装vue-cli输入命令npm install vue-cli -g5、输入vue list二、创建vue-cli程序1、手动在cmd下创建一个项目2、 在cmd下输入npm ins
2022-03-17 19:23:27
425
原创 计算属性、插槽、自定义事件内容分发 2022-3-16
一、计算属性1.1定义重点在属性两个字上面，这里的计算就是个函数，它就是一个能够将计算结果缓存起来的属性，可以想象为缓存1.2主要特性为了将不进厂发生变化的计算结果进行缓存，以节约我们的系统开销计算属性 methods computed方法名不能重名,重名之后只会调用methods中的方法，所以不建议方法重名methods在调用的时候需要调用方法名加（），而computed在调用的时候直接调用方法名1.3例子<!DOCTYPE html><html lang="en"
2022-03-16 17:47:11
954
原创 Vue组件、Axios异步通信 2022-3-15
一、组件组件是可复用的Vue实例，说白了就是一组可以重复使用的模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <study></study></div>
2022-03-15 15:47:46
1238
原创 vue绑定事件、vue双向绑定 2022-3-14
一、Vue绑定事件1.1Vue的7个常用属性以下一图是网络上的图1.2 methods属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <button v-on:click="sa
2022-03-14 14:28:30
740
原创 判断、循环 2022-3-13
一、v-bind：绑定元素特性相当于代替{{}}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <span v-bind:title="message"> 鼠标悬停几
2022-03-13 23:12:04
761
原创 vue学习入门 2022-3-11
一、了解vue是一套用于用户界面的渐进式框架，vue只关心视图层Vue综合了Angular（模块化）和React（虚拟DOM），而要实现通信功能的是用Axios1.1在IDEA添加vue初步了解vue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bod
2022-03-11 14:05:47
856
原创 操作DOM 2022-3-6
一、操作DOM<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>操作DOM</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script></head><body><
2022-03-06 13:51:03
757
原创 提交表单、初识jQuery 2022-2-23
一、提交表单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>提交表单</title> <!--MD5工具类--> <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>&
2022-02-23 21:02:57
291
原创 操作DOM对象、操作表单 2022-2-22
一、操作DOM对象1.1更新节点修改文本的值innerText可以解析HTML文本标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="id1"></div><script>
2022-02-22 23:09:25
438
原创 操作BOM对象、操作DOM对象 2022-2-21
一、操作BOM对象1,1浏览器介绍JavaScript 和浏览器关系JavaScript 诞生就是为了能够让他在浏览器中运行BOM浏览器对象模型windowwindow代表浏览器窗口,调整浏览器窗口也可以改变高度和宽度window.alert(1)undefinedwindow.innerHeight150window.innerWidth886window.outerHeight908window.outerWidth901navigator封装了浏览器的信息na
2022-02-21 19:05:56
238
原创 JSON、面向对象编程、class继承2022-2-21
JSON1.1JSON是什么JSON（JavaScript Object Notation,JS对象简谱）是一种轻量级的数据交换格式。间接和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效的提升网络传输效率。在JavaScript一切皆为对象，任何Js支持的类型都可以用SON来表示格式：对象都用{}数组都用[]所有的键值对都是用key.value1.2 JSON字符串和JS对象的转化var user = { nam
2022-02-21 16:54:53
337
原创 函数的定义和调用、变量的作用域、方法 2022-2-20
一、函数的定义1.1定义方式一一旦执行到return代表函数结束，返回空值如果没有执行return，函数执行也会返回结果，结果就是undefined<script> 'use strict' function abs(x){ if(x>=0){ return x; }else{ return -x; }
2022-02-20 18:40:22
410
原创 iterator 2022-2-20
iterator（迭代器）迭代使用for of，很少用for in遍历数组//通过for of实现遍历 var arr = [2,4,6]; for(var x of arr){ console.log(x); } //通过for in 展现下标 var arr = [2,4,6]; for(var x in arr){ console.log(x);
2022-02-20 11:20:33
90
原创 流程控制、map和set 2022-2-19
流程if判断var age = 4;if(age>3){ //第一个判断 alert("hahaha");}else if(age<3){ //第二个判断 alert("wawa");}else{ //否则 alert("过度")}while循环,避免死循环var age=3;while(age<20){ age = age+1; console.log(age);}do{ age = age+1;
2022-02-19 22:35:25
105
原创 数组、对象 2022-2-18
数组Array可以包含任何的数据类型var arr = [1,2,3,4,5,6];//通过小标取值和赋值array[0]array[0] = 11、长度array.length注意：加入给array.length赋值，数组大小就会发生变化，如果赋值过小，元素就会丢失2、indexOf，通过元素获得下标索引字符串1 和数字1是不一样的3、slice() 截取Array 的一部分，返回一个新数组，（包左不包右）类似于String中的SubString4、push()、po
2022-02-19 22:23:06
313
原创 严格检查模式、数据类型 2022-2-17
严格检查模式( ‘use strict’)'use strict’严格检查模式，预防JavaScript的随意性导致产生的一些问题。'use strict’必须写在JS代码中的第一行局部变量建议都使用let去定义<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>检查模式</title> <!-- 前提E
2022-02-17 22:50:34
365
原创 JavaScript学习 基础语法 数据类型 2022-2-16
一、什么是JavaScript1.1 概述JavaScript是一门世界上最流行的脚本语言ECMAScript它可以理解为是JavaScript的一个标准二、引入JavaScriptJS可以写在head里面也可以写在body里面1、内部标签<script> //.....</script>2、外部引入文件abc.jstest.html<script type="text/javascript"></script>3、弹窗的
2022-02-17 00:35:42
405
原创 定位（相对定位、绝对定位、固定定位、z-index） 2022-2-11
定位相对定位position: relative;相对于原来的位置，进行指定的偏移，相对定位的话，它仍然在标准文档流中，原来的位置会被保留 top:-20px; left: 20px; bottom: -10px; right: 20px;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2022-02-14 18:51:24
413
原创 浮动、(display、float) 2022-2-11
一、浮动标准文档流块级元素：独占一行行内元素：不独占一行行内元素可以被包含在块级元素中，反之则不可以二、display这个也是一种实现行内元素排列的方式，但我们很多情况都是用浮动通过display可以转换块元素和行内元素2.1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display</title>
2022-02-11 14:58:30
307
原创 内外边距及div居中、圆角边框及阴影 2022-2-5
内外边距及div居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>外边距的妙用</title> <!--外边距的妙用：居中元素--> <style> /* 顺时针旋转 margin 0 margin 0 1px
2022-02-05 23:13:14
1480
原创 列表样式练习、背景图像应用及渐变、盒子模型 2022-1-26
列表样式练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表样式</title> <link rel="stylesheet" href="css/style.css" type="text/css"/></head><body><div> <h2
2022-01-27 20:41:11
906
原创 文本样式、文本阴影和超链接伪类 2022-1-25
一、文本样式1.1颜色rgba(0,255,255,0.1) 0.1是透明度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 颜色 rgb 0~F rgba A：0~1 --> <style>
2022-01-26 23:40:33
1034
原创 结构伪类选择器、属性选择器、css的作用及字体样式 2022-1-24
一、结构伪类选择器伪类：id+class结合练习1.1ul的第一个元素，ul的最后一个元素<style> /*ul的第一个元素*/ ul li:first-child{ background: #c907ff; } /*ul的最后一个元素*/ ul li:last-child{ background: brown; } </sty
2022-01-26 15:20:53
301
原创 CSS的四种导入方式、三种基本选择器、层次选择器 2022-1-23
CSS的四种导入方式HTML里面写的style为内部样式表，CSS里面写的叫外部样式表内部样式外部样式行内样式HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> h1{
2022-01-23 22:36:12
351
原创 css学习 什么是CSS 、对于CSS的初步学习理解 2022-1-21
如何学习CSS是什么CSS怎么用CSS选择器（重点+难点）美化网页（文字、阴影、超链接、列表、渐变…）盒子模型浮动定位网页动画（特效效果）什么是CSSCascading Style Sheet 层叠级联样式表CSS：表现（美化网页）CSS的发展史CSS1.0：CSS2.0：DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得很简单CSS2.1：浮动，定位CSS3.0：圆角，阴影，动画…浏览器兼容性首先建好标准的目录初步学习<!DOCTYPE ht
2022-01-21 23:35:37
207
原创 下拉框 文本域 文件域 邮箱 URL数字 滑块 搜索框、隐藏域 只读 禁用、表单初级验证 2022-1-20
下拉框: selected表示默认选中<!--下拉框、列表框 selected表示默认选中--> <p>国家: <select name="列表名称"> <option value="china">中国</option> <option value="us">美国</option> <option value="e
2022-01-21 00:22:58
1522
原创 HTML学习-表单语法、表单元素格式、单选框、多选框、按钮 2021-1-19
表单语法表单formaction:表单提交的位置，可以是网站，也可以是一个请求处理地址method:post,get 提交方式get方式提交：我们可以再url中看到我们提交的信息，不安全，高效post方式提交：比较安全，传输大文件文本输入框 input type="text"密码框：input type="password"submit是提交，reset是重置此图片是其他作者的，作为自己学习使用<!DOCTYPE html><html lang="en">
2022-01-19 23:34:34
1544
原创 HTML学习-表格、视频和音频、页面结构、iframe内联架构 2022-1-18
表格优点：简单通用、结构稳定基本结构：单元格行列跨行跨列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格学习</title></head><body><!--表格：table表格：border行：tr row列：td--><table borde
2022-01-19 01:16:12
333
原创 HTML学习、图像链接标签 行内元素和块元素 列表 2022-1-17
图像标签imgsrc:相对路径绝对路径 点击图片右键–copy path–就直接可以将绝对路径复制出来，填到src里面我们通常会直接建一个文件夹resourse来存放其他资源，单独存放图片的建一个文件夹（image）,然后把图片复制在这个文件夹下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图像标签学习</titl
2022-01-18 21:25:26
237
原创 HTML学习-初学认识第一天、网页基本标签 2022-1-16
HTML学习认识HTMLHyper Text Markup Language(超文本标记语言)Html的优势世界知名浏览器厂商对Html5的支持（微软、Google\苹果、Opera、Mozilla）市场的需求跨平台W3C标准World Wide Web Consortium（万维网联盟）##面试题库W3C标准包括结构化标准语言（HTML、XML）表现标准语言（CSS）行为标准（DOM、ECMAScript）首先新建一个工程对于src 这个项目没有实际用处删除2. 新
2022-01-18 14:17:18
746
原创 Error和Exception、捕获和抛出异常 2021-12-3
Day29Error和Exceptionpackage com.exception;public class Demo01 { public static void main(String[] args) { new Demo01().a(); } public void a(){ b(); } public void b(){ a(); }}package com.exception;publ
2021-12-03 11:29:02
324
原创 接口的定义与实现、N种内部类 2021-12-2
Day28接口的定义与实现（interface）普通类：只有具体实现抽象类：具体实现和规范都有接口：只有规范，自己无法写方法接口的本质是契约package com.oop.demo08;//interface 定义中的关键字,接口都需要有实现类public interface UseService { //接口中的所有定义其实都是抽象的public abstract //public abstract void run(); 不用这么复杂的写 void ad
2021-12-03 00:37:15
148
原创 多态、instanceof和类型转换 2021-11-30
Day26多态动态编译：同一种方法可以根据发送对象的不同而采用多种不同的行为方式。一个对象的实际类型是确定的，但可以指向对象的引用的类型有很多多态存在的条件有继承关系子类重写父类的方法父类引用指向子类对象实例1package com.oop.demo06;public class Person { public void run(){ System.out.println("run"); }}package com.oop;import com
2021-12-02 16:45:11
319
原创 封装详解、继承 2021-11-28
Day24封装详解程序追求：高内聚，低耦合封装（数据的隐藏）应禁止直接访问一个对象中数据的实际表示，而应通过操作接口来访问，这称为信息隐藏。属性私有get/setpackage com.oop;import com.oop.demo04.Student;public class Application { public static void main(String[] args) { Student s1 = new Student(); s1.se
2021-11-30 17:49:11
108
原创 类与对象的创建、构造器详解、创建对象内存分析 和小结 2021-11-27
Day23类与对象的创建类与对象的关系类是一种抽象的数据类型，它是对某一类事物整体描述/定义，但是并不代表某一个具体事物。对象是抽象概念的具体实例。创建与初始化对象使用new关键字创建的时候，除了分配内存空间之外，还会给创建好的对象进行默认初始化以及对类中构造器的调用。类中的构造器也称为构造方法，是在进行创建对象的时候必须要调用的，并且构造器有以下两个特点：必须和类的名字相同必须没有返回值类型，也不能写void构造器必须掌握默认初始化例子:package com.opp.de
2021-11-28 13:56:00
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人