- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【无标题】脚手架相关
报错1：'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。报错1：'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。
2023-12-15 14:53:25
59
原创 2. JAVA的基础语法
2.1.1 单行注释 //2.1.2 多行注释 /* */2.1.3 文档注释 /** */2. 关键字int a = 20a = 40由数字 字母下划线 和 $ 符组成不以数组开头不能是关键字区分大小写（比前端多了一个限制）
2023-08-30 16:57:38
84
原创 1. 初识java
5.2 退回环境变量 - 系统变量中选中path - 编辑 - 新建 - %JAVA_HOME%\bin - 上移到顶部 - 全部确定。5.1 此电脑 - 属性 - 高级系统设置 - 高级 - 环境变量 - 新建 - JAVA_HOME,jdk安装目录。5.3 验证是否设置成功：重新打开命令行，直接输入javac，能运行即可。设置：设置 - 首选项 - 新建 - 默认语言JAVA - 编码ANSI。6.2 编译 - javac a.java 生成 a.class 文件。6.3 运行 - java a。
2023-08-29 20:17:11
64
原创 1. 初识vue2
一. 引入vue1. 下载文件，通过标签引入 // 引入以后，全局添加了一个vue的构造函数<script src="../js/vue.js"></script>2. npm引入3. 监测引入是否成功二、安装开发者工具1. 谷歌浏览器 =>【设置】 => 【扩展程序】 => 打开【开发者模式】 => 将文件拖入浏览器 => 【添加】2.全局配置Vue.config 是一个对象，包含 Vue 的全局配置。可以在启动
2022-04-26 06:51:35
215
原创 4. 去掉a标签的下划线
现象：如果给a标签添加了class="changeAStyle"，并在.changeAStyle{ text-decoration:none; }，你会发现，它该死的不能生效解决方法:a{ text-decoration:none; }，这样，他就生效了！！！怎么样？神奇吧，神奇地让我怀疑人生！...
2022-02-10 17:45:15
345
原创 vue3基础 —— 数据绑定
1. {{data.number}}：文本绑定2. v-bind：单向绑定（缩写：）——常用但不局限于style、class、attribute绑的是html元素的属性或者组件的prop，而不是像model那样绑的是表单控件的值 v-bind配合事件，也能实现双向绑定3. v-model：双向绑定——常用于input、select、textarea中只能用在html表单控件上（还有自定义组件），其他组件无效当v-bind和v-model同时用在一个元素上时，它们各自的作用没变，但v-...
2022-02-10 14:50:53
2973
原创 2. 滚动条 —— css样式设置
一、滚动条 ——chrome ::-webkit-scrollbar——滚动条总占位的宽、高、背景色(白)、border，无hover ::-webkit-scrollbar-track——轨道，背景色(红，图，display:none)、内阴影、圆角，有:hover ::-webkit-scrollbar-thumb——滑块，背景色（黑）、内阴影、圆角，有:hover ::-webkit-scrollbar-button——两端按钮(两端的三角形按钮...
2022-02-08 17:10:04
3912
原创 vue3 - axios
1. 安装npm install axios2. main.js中需要进行全局配置import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import './plugins/elementui'import './assets/global.css'import './assets/fonts/iconfont.css'//
2022-01-28 14:15:00
464
原创 vue3 - element-ui
一、element-ui 按需引入npm i element-ui -Snpm install babel-plugin-component -D1. 修改babel.config.js文件：module.exports = {// 源代码 presets: [ '@vue/cli-plugin-babel/preset' ],// 添加代码项 plugins: [ [ 'component', { libraryNa
2022-01-27 11:15:00
558
原创 vue3 - 创建项目
1. 安装node.jshttps://nodejs.org/en/2. 安装脚手架npm uninstall vue-cli -g /yarn global remove vue-clinpm install -g @vue/cli3. 创建工程cd Desktop--vue create name--Manually select featuresvscode--ctrl+`--npm run serve4. vscode插件ESLint、Vetur、live server、
2022-01-26 10:00:00
258
原创 1.2 - login页注意事项
一、API接口说明文档 1. 接口基础地址：http://1xx.0.0.x:xxxx/…… 2. 服务端已开启CORS跨域支持 3. 使用Token认证 4. 需要授权的API，必须在请求头中使用 Authorization 字段提供的 token 令牌 5. 使用HTTP Status Code标识状态 6. 数据返回格式统一使用JSON二、拦截器通过axios 请求拦截器添加 token，保证拥有获取数据的权限 axios.int...
2022-01-25 11:00:00
242
原创 1.1 - login页注意事项
一、登录业务流程 1. 在登录页输入用户名、密码 2. 调用后台接口进行验证 3. 通过验证之后，根据后台的响应状态跳转到项目主页二、登录业务的相关技术点 1. http是无状态的 2. 通过cookie在客户端记录登录状态 —— 不存在跨域问题时可用 3. 通过session在服务器端记录状态 —— 不存在跨域问题时可用 4. 通过token方式维持状态 —— 存在跨域问题时首选方法三、存储 1. sessionStorage：会话期...
2022-01-24 10:45:08
556
原创 composition API和option API
Option API —— 又称选项API（vue2.x）以vue为后缀的文件，通过定义methods，computed，watch，data等页面语法，共同处理页面逻辑缺点：1. 随着组件功能的增大，关联性大大降低，阅读难2. 逻辑过多时this会出现指向不明等问题3. 代码出错时，自动检测和类型检查是失效的，因为本身不是有效的js】代码composition API —— 组合API（vue3.x）根据逻辑功能来组织的，一个功能多定义的所有API会放在一起（高聚合、低耦合
2022-01-18 10:21:04
2906
1
原创 1. 浏览器关闭时 注销登录
点击浏览器页面的关闭按钮，浏览器会关闭（暂时没有找到组织它关闭、并返回显示页面的方法）在关闭页面前会执行两个函数分别是onbeforeunload、onunload1. window.onbeforeunload1.1 刷新、关闭页面时调用1.2比onunload先调用1.3 onbeforeunload 是正要去服务器读取新的页面时调用，此时还没开始读取window.onbeforeunload = function (e) { console.log(111) }2.w..
2022-01-05 17:22:17
964
原创 6.解构赋值
1. 数组的解构赋值 1.1 原理： 1.1.1 模式（结构）匹配 1.1.2索引值相同的完成匹配，不取的逗号跳过const [a,[,,b],c] = [1,[2,4,5],3];console.log(a,b,c); // 1 5 3const [m] = [1,[2,4,5],3];console.log(m) // 1const [,n] = [1,[2,4,5],3];console.log(n) // [2,3,4]...
2021-12-27 14:41:34
141
原创 js雪花特效
思路：1.设置一个div ——当做雪花出生的地图2. 获取它的宽高 ——雪花产生的随机坐标在div 宽高范围内3.设置雪花对象 —— 用来装雪花的大小、透明度、坐标、移动速度等属性4.设置定时器 ——每隔相应时间（100ms）产生一个随机坐标的雪花，并添加移动速度5.设置第二个定时器 ——监听雪花移动的距离，超出预设范围（整个屏幕）后移除雪花对象和 定时器贴出js代码，写得有那么一些乱，求各位大佬修改！const Dot = {/* // ...
2021-12-24 16:25:36
397
原创 vue3基础 —— 子传父
须知：vue里子组件无法改变父组件的值思路：1. 父组件定义数据 ——const data = ref(false)2.把值传递给子组件 —— :sendData = "data"3.子组件接收数据，使用、修改完成后 —— props: ["sendData"] ——const a = props.sendData ——a =true4.触发父组件事件，传值 ——emit("emitEffect", { emit: a})5.被触发的父组件，接收值，并更新自己最开...
2021-12-24 14:51:21
21586
4
原创 canvas —— 初识（宽高）
重点：Canvas元素有默认的宽高（宽 300px, 高 150px）【Canvas就像一块面饼，好不容易捏了朵小花，结果你对它拉拉扯扯，一不小心就给扯成了烂菜叶子！v_v】1.设置宽高后不会拉伸画布——（正确设置宽高）方法一：<canvas width="500" height="500">您的浏览器不支持Canvas</canvas>方法二：使用HTML5 Canvas API操作var canvas = document.getElementBy.
2021-12-21 16:23:08
706
原创 layer——load
<button id="btn1">load</button> <br> <br> <button id="btn2">load2</button> <br> <br> <button id="btn3">load2</button> // layer.load(icon,option)加载层 $...
2021-11-15 14:20:31
1018
原创 layer——msg
<div> <div> <button id="btn1">msg弹窗，默认停留三秒</button> <br> <br> <button id="btn2">msg弹窗，默认停留一秒</button> <br> <br>...
2021-11-15 14:19:10
5722
原创 layer——总
$("#btn1").click(function(){ layer.open({ type: 0, // 0：信息框 1：页面层 2：iframe层 3：加载层 4：tips层 title:'这是标题', // title:"标题内容" title:['标题内容','font-size:18px;'] title:false(...
2021-11-15 14:17:47
528
原创 jquery_8
text()-获取和设置文本内容 <input type="button" value="获取" id="getBtn"> <input type="button" value="设置" id="setBtn"> <div id="div1"> 我是一个div1标签 <p> p1标签 <span>span1</span> ..
2021-11-14 17:13:46
785
原创 jquery_7（动画）
1.动画语法：$(selector).animate({params},speed,callback);2.callback函数：$(selector).hide(speed,callback) 现象： JavaScript语句是单线程，动画之后的语句可能会报错，因为动画还没有完成。解决方式：以参数的形式添加Callback函数。3.提示 （1）因为animate默认所有HTML元素都有一个静态位置，且无法移动。所以使用的时候...
2021-11-13 13:30:00
203
原创 jquery_case2——下拉列表
关联jquery_61. 第一版利用slideUp、slideDown <button id="btn1">点击</button> <p id="p1">p标签，点击button会滑动</p> <button id="btn2">点击</button> <p id="p2">p标签，点击button会滑动</p> var slide = functi
2021-11-13 13:00:00
197
原创 jquery_6（滑动）
1.方法一（slideUp -slideDown）语法：$(selector).slideDown(speed,callback);$(selector).slideUp(speed,callback); $(function(){ var slide = true $('#btn1').click(function(){ if(slide){ slid..
2021-11-13 12:30:00
181
原创 jquery_5（淡入淡出）
<button>点击</button> <p>p标签，点击button会淡入淡出</p> <p>p标签，点击button会淡入淡出</p>1.方法一（fadeIn - fadeOut）语法：$(selector).fadeIn(speed,callback);$(selector).fadeOut(speed,callback);$(function(){ var ...
2021-11-12 15:14:09
198
原创 jquery_4（显示和隐藏）
1.方法一（hide-show）语法：$(selector).hide(speed,callback);$(selector).show(speed,callback);speed速度，callback回调函数2.效果，折扇似的隐藏$('p').hide()、$('p').hide(slow)、$('p').hide(fast)、$('p').hide(1000)$('p').show()、$('p').show(slow)、$('p').show(fast)、$('p')...
2021-11-12 15:08:37
700
原创 jquery_2
1.选择器（1）元素选择器 <p>p1</p> <p class="p2">p2</p> <p class="p22">p2</p> <p id="p3">p3</p> <p id="p3">p3</p> <p id="p3">p3</p> <a id="p3">a3</a>
2021-11-12 14:55:30
207
原创 jquery_case1——开关灯
<button>开灯</button><button>关灯</button>var btns = document.getElementByTagName('button');btns[1].onclick = function(){ $('body').css('backgroundColor','black');}$(btn[0]).click(function(){ $('body')[0].style.backgrou.
2021-11-09 22:43:14
347
原创 jquery_3
1. 原生JS对象和jQuery对象利用jQuery选择器获取的对象，只能调用jQuery的方法或者属性利用原生JS选择器获取的dom对象，只能调用原生JS的方法或者属性var div1 = document.getElementById('div1');div1.style.backgroundColor = 'red';var $div1 = $('#div1');$div1.css('backgroundColor','red');2.jQuery对象jQuery对象
2021-11-09 22:25:17
339
原创 jQuery_1
1.基础语法：$(selector).action()//$定义jQuery//选择符（select）查找html元素//jQuery的action执行对元素的操作//$(this).hide();//$('#test').hide();//$('p').hide()//$('.test').hide()2.ready是入口函数3.测试代码...
2021-11-09 15:10:06
352
原创 4.箭头函数
1.注意事项（1）单个参数（可以省略括号），无参数或多个参数不能省略（2）单行函数体（可以省略{}和return）（3）单行对象（把函数{}改为（）省去return） <script> // 单个参数的箭头函数 const add = x => { return x + 1; } console.log(add(2)); //单行函数体 const
2021-11-06 12:58:44
58
原创 3.模板字符串
1.对比原生js => 字符串使用：单引号（‘’）或双引号（“”）es6 => 字符串使用：反引号（``）const choose = { title1 : '原生js', title2 : 'es6'}var strJs = "这是" + choose.title1 + "的字符串拼接";var strEs6 = `这是 ${choose.title2} 的字符串拼接`;2.模板字符串的好处：和其他东西一起混用时，方便注入3.注意事项（1）输
2021-11-06 12:39:48
45
原创 2.作用域（闭包）
1. 作用域（1）全局作用域（2）函数作用域（3）块级作用域块级作用域以括号为分隔，一个括号就是一个块级作用域，但是对象不是块级作用域//常见的块级作用域for(){}while(){}do{}while{}if(){}switch(){}function(){}2. 自变量的查找与this指向自由变量的查找，是在函数定义的地方向上级查找不是在执行的地方区别于this指向，this是在哪儿执行就指向哪儿3. 闭包（closure）闭包：定义在一个函数.
2021-11-06 12:10:56
73
原创 1.let、const、var
1. Let、constlet ：代替var存在，生命变量，初始化后还能重新赋值const ：声明常量，初始化后不能重新赋值 引用类型可以在不重新赋值的情况下修改它的值，基础数据类型不行const obj={ name:'sex'}//这是修改，可行obj.name = 'aaa'//这是重新赋值，不可行boj = {}2. let、const、var的区别（1）对于重复声明：var允许重复声明，let、const不允许（2）变量声明提升：v...
2021-11-05 15:16:21
44
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人