- 博客(36)
- 收藏
- 关注
RSS订阅原创 线程生命周期
在处于新建状态的线程中调用start()方法可以将线程状态转换成就绪状态，即启动线程。此时，线程已经得到除cpu时间之外的其他系统资源，只等待JVM的线程调度器按照线程的优先级对该线程进行调度，从而使该线程拥有获得cpu时间片的机会。正常情况下，run()方法返回会使得线程终止，调用stop()方法或destory()方法也能终止线程，但不推荐使用这两个方法，因为stop()方法会使程序产生异常，而destory()方法强制终止线程，不释放内存，会造成内存泄漏。2.实现Runnable接口。
2024-05-26 02:03:13
316
原创 【无标题】java死锁
死锁是指两个或者两个以上的进程在执行过程中，因争夺资源而造成的一种相互等待的现象，若无外力作用下，它们都将无法执行下去。在这种情况下，多个线程在等待对方完成某个操作，从而产生死锁现象。
2024-05-26 00:54:16
228
1
原创 计算属性computed和监视属性watch的区别
计算属性和监视属性的区别计算属性(computed)定义：要用的属性不存在，得通过data中已有的属性计算得来原理：底层通过Object.defineproperty方法提供的getter和settercomputed中可以分为getter和setter，一般情况下是没setterget函数什么时候执行初次读取计算属性时会执行一次当依赖的数据发生改变时会被再次调用优点：内部有缓存机制，可复用，效率高，调式方便注意：如果计算属性要被修改，必须写set函数去响应修改<div id=
2021-11-21 22:58:02
778
原创 Object.defineProperty实现数据代理
数据代理数据代理：通过一个对象代理对另一个对象中属性的操作（读/写）实现数据代理可以使用Object.defineProperty如下：<script> let obj1={x:1} let obj2={y:2} Object.defineProperty(obj2,'x',{ get(){ return obj1.x } set(value){ obj1.x = value } })</s
2021-11-21 00:44:45
710
原创 object.defineProperty理解
object.definePropertyobject.defineProperty:意为给对象添加属性或者定义属性object.defineProperty传3个参数object.defineProperty(要添加属性的对象，添加属性名字，配置项)<script> let obj = { name:'李四', sex:'男' } object.defineProperty(obj,'age',{ value:18 })
2021-11-20 23:55:59
567
原创 vue数据绑定
vue中有2种数据绑定的方式单项数据绑定(v-bind):数据只能从data流向页面，data中数据发生变化页面数据也会随之变化，页面数据改变data中数据不会随之变化。双向数据绑定(v-model):数据不仅能从data流向页面，也能从页面流向data(注意：双向绑定不是所有元素都可以使用，一般都应用在表单类元素上如：input、select、checkbox等)<body> <div id="root"> <!--普通写法--> 单项绑定
2021-11-20 23:11:45
325
原创 什么是作用域、作用域链
什么是作用域作用域作用：一个变量的可用范围本质：其实作用域是内存中保存变量的对象为什么使用作用域：防止不同范围之间的变量互相污染。全局作用域：专门保存全局变量的区域/存储空间什么是全局变量：在函数function之外用var创建的变量特点：随处可用，可反复使用函数作用域：专门保存仅函数内可用的局部变量的区域/存储空间什么是局部变量：2种在函数内用var创建的变量形参变量特点：仅函数内部可用，不可重用i.每个函数在定义时，函数对象上都包含一个"作用域链"作用域链中第一个格子暂时空作
2020-07-26 23:37:16
1531
原创 什么是匿名函数
什么是匿名函数：定义函数时，不指定函数名的函数为什么要使用匿名函数：节约内存；避免产生全局变量，造成全局污染。匿名函数两种情况：（1）绝大多数回调函数，都使用匿名函数（节约内存）1）原因：匿名函数用完之后，就会自动释放（2）匿名函数自调（避免产生全局变量，造成全局污染）1）什么是匿名函数自调：定义一个匿名函数后，立刻调用该函数执行，调用后立刻释放2）标准写法第一种写法： (function(){ 要执行的任务 })()第二种写法：ii.匿名函数自调还可以用杀马特（非主流
2020-07-24 00:53:54
4007
1
原创 创建函数的3种方法
创建函数的3种方法：1.用声明方式创建函数：（1）如何创建： function 函数名(形参变量列表){ 函数体; return 返回值 }声明变量方式创建函数存在的问题：会被声明提前。什么是声明提前：在程序开始执行前，程序会先将var声明的变量和function声明的函数提前到当前作用域的顶部集中创建，赋值留在原地声明提前的缺点：打乱程序正常的执行顺序2.用赋值方式创建函数：（1）如何创建： var 函数名变量=function(形参
2020-07-23 00:33:30
6827
原创 什么是函数，形参变量、返回值
什么是函数：程序中专门保存一段可重用的代码片段的程序结构，再起一个名字。为什么要使用函数：代码重用何时使用函数：只要一段代码可能被反复使用，都要先将这段代码保存在函数中。然后再反复调用这个函数创建函数：function 函数名(形参变量列表){ 函数体; return 返回值;}调用函数如何调用函数：var 变量=函数名(实参值列表);什么是形参变量：专门接收函数执行时必需的数据的变量为什么要使用形参变量：有些函数执行时，必须传入必要的数据，才能正常的执行。
2020-07-23 00:19:00
595
原创 在vue中，如何既可以传入自定义实参值，又可以获得事件对象
在vue中，如何既可以传入自定义实参值，又可以获得事件对象。<元素 @事件名="处理函数(实参值, event,...)">methods:处理函数(形参变量,e,...)...注意：1.event,...)">methods:{ 处理函数(形参变量, e, ...){ ... }}注意： 1.event,...)">methods:处理函数(形参变量,e,...)...注意：1.event是vue框架内置的一个关键字，先于事件处理函数获得event对象，包装起来
2020-07-22 00:50:48
499
原创 v-for为什么一定得绑定:key
v-for为什么一定得绑定:key如果不绑定:key，则每删除数组中一个元素，v-for都会先删除所有元素副本，再重新建整个列表——修改效率低。绑定:key是给每个元素副本添加一个唯一的标识，在删除数组元素时，可根据唯一标识找到对应的一个元素对象，删除即可，其它元素不受影响——修改效率高...
2020-07-22 00:39:14
393
原创 v-show和v-if都能控制元素显示隐藏，两者的区别
v-show和v-if都能控制元素显示隐藏，两者的区别1). v-show是通过display:none来控制显示隐藏2). v-if是通过删除元素来控制显示隐藏
2020-07-22 00:36:17
470
原创 vue指令
vue指令：13种1.为什么使用指令：{{}}可让元素的内容随变量自动变化，但是页面中可能发生变化的不止是内容，元素的属性和样式也可能发生变化，但是{{}}只支持内容变化，不支持属性值和样式变化2.什么是指令：指令就是为HTML元素添加更多的新功能的特殊属性。3.指令包括：（1）v-bind:专门让属性值也能根据变量值自动变化a.如何使用:<元素 v-bind:属性名=“变量或js表达式”>b. 注意：一旦使用了 v-bind，"“中就不能再加{{}},”“承担了{{}}的作用c.
2020-07-22 00:33:57
137
原创 什么是MVVM
MVVM: (Model, View, ViewModel)1.MVVM设计模式: 对前端代码的重新划分2. 旧前端代码，分为三部分:(1). HTML: 专门保存网页的内容和结构(2). CSS: 专门为网页中的元素添加样式(3). JS: 专门为网页中的元素添加交互效果3. 使用旧前端代码会出现哪些问题:(1). 因为HTML和CSS都是静态的语言。缺少标准的程序语言必须的要素a. 比如HTML和CSS中没有变量，就无法实现一次修改，多处变化b. 比如HTML和CSS中缺少分支和循环，
2020-07-18 00:21:44
613
1
原创 vue开发一个功能的基本步骤
Vue开发一个功能的基本步骤: 3步(1). 定义界面:a. 要求: 整个界面所有元素必须放在一个唯有的父元素下包裹习惯上: … b. 找到界面内将来可能发生变化的位置，用{{自定义变量名}}临时占位c. 找到界面中所有触发事件的元素，用@事件名=“自定义处理函数名"标记(2). 定义仓库对象: 2个 data和methodsa. data: 专门保存界面中所需的所有变量及其初始值b. methods: 专门保存界面中所需的所有事件处理函数因为将来data对象和methods对象会被ne
2020-07-18 00:08:03
398
原创 jquery实现点击小图片显示大图片
首先要准备4张小图片和4张大图片，代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { text-align: center; } </style></head><body> <im
2020-07-17 01:10:45
699
原创 js和jq对内容、属性、样式进行修改的区别
一、内容（3种）1.原始的html内容(1)DOM中：元素.innerHTML(2)jq中：元素.html("新内容")2.纯文本内容:(1)DOM中:元素.textContent(2)jq中:∗∗元素.html("新内容")2. 纯文本内容: (1)DOM中: 元素.textContent (2) jq中: **元素.html("新内容")2.纯文本内容:(1)DOM中:元素.textContent(2)jq中:∗∗元素.text(“新内容”)**3.表单元素的值(1)DOM中
2020-07-17 01:03:15
314
原创 jQuery选择器---内容过滤选择器、可见性过滤选择器、表单元素过滤选择器
一、内容过滤选择器什么是内容过滤选择器：根据元素的内容中包含的关键词来匹配的元素包括4种：1.:contains(关键词)匹配元素内容中包含指定的“关键词”2.:has(选择器)匹配子元素中包含符合选择器要求的元素的父元素3.:parent 匹配所有内容不为空的元素4.:empty 匹配内容为空的元素二、 可见性过滤选择器:什么是 可见性过滤:根据元素是否可见来选择元素包括：1.:visible 专门匹配可见的元素2. :hidden 专门匹配不可见的元素(只能选择display
2020-07-17 00:07:27
287
原创 flex-shrink和flex-grow的区别
flex-shrink和flex-grow的区别flex-shrink:当主轴方向显示不下所有项目时，项目是否进行压缩。默认值为1；取正整数，最小值为0，为0时表示不压缩。那么如何压缩？简单的思路：把主轴方向不够的部分，按照几个项目的值进行压缩。实施的代码如下：<style> #parent{ width:500px; height:400px; border:2px solid #f00; display:flex; } #d1,#
2020-05-16 22:33:14
526
原创 弹性布局的主轴和交叉轴的区别
弹性布局可以让块级元素横向显示，只要设置display:flex;就可以解决，也不会出现高度坍塌的问题。弹性容器：定义了display:flex的那个元素。容器内部直接子元素进行弹性布局。简单的举个例子。<style> #parent{ width:700px; border:2px solid red; display:flex; } #d1,#d2,#d3{ width:200px; height:200px; bo
2020-05-16 21:53:28
1893
原创 visibility:hidden和display:none的区别；rgba和opacity 的区别
visibility:hidden和display:none的区别：visibility:hidden; 不脱离文档流的隐藏display:none; 脱离文档流的隐藏rgba和opacity 的区别：两者都可以设置透明度rgba(red,green,blue,transparent);opacity:0~1 0代表全透明，1代表不透明rgba只让当前颜色透明；而opacity可以让元素包括元素内部所有与颜色相关的都透明...
2020-05-15 20:39:37
200
原创 光标的属性及属性值
设置光标使用cursor属性，cursor的属性值有default(箭头)、pointer(小手)crosshair(十字)wait(等待加载)help(问号)text(文本I)
2020-05-15 20:31:39
380
原创 定位分类：普通流定位、浮动定位、相对定位、绝对定位、固定定位
普通流定位、浮动定位、相对定位、绝对定位、固定定位普通流定位每个元素在页面上都有自己的空间每个元素都是从父元素的左上角开始渲染块级元素独占一行，从上往下排列行内元素和行内块元素共用一行，从左往右排列浮动定位(float)：脱离文档流作用：让块级元素横向显示float有三个属性值none、left、right分别代表不浮动、左浮动、右浮动清除浮动元素带来的效果：一个元素设置了clear就不会受元素浮动的影响，clear有三个属性值left、right、both分别代表清除左浮动元素的影响
2020-05-15 20:22:52
936
原创 img如何去掉空白节点和如何解决父级元素高度塌陷问题
如何去掉img中的空白节点和如何解决父级元素高度塌陷问题去掉img空白节点写个小案例，在body里面添加个div标签，在div标签里面添加3张图片,在head标签里面添加样式。代码如下：<head> <style> #content{ width:1000px; background-color:#aaa; } img{ width:300px; height:300px; } </style>
2020-05-15 19:06:33
383
原创 通过ajax put提交html代码报错net::ERR_CONNECTION_REFUSED 解决方案
通过ajax put提交html代码报错net::ERR_CONNECTION_REFUSED 解决方案一般出现这种错误，就是一些小细节的问题，没有什么办法可言，只能仔细查看代码，如：就是因为application写错，数据没有传到后台，才导致affectedRows没有定义，改正确就ok了...
2020-05-08 19:45:11
1357
原创 Uncaught SyntaxError: Invalid or unexpected token
Uncaught SyntaxError: Invalid or unexpected token翻译为：未捕获的语法错误：无效或意外的标记1.这种错误可以看下提示，提示是第几行的错误2.提示是pro_reg.html第46行错误，漏了一个 “ 号3.加上去 “ 号就ok了...
2020-05-08 16:29:52
393
原创 请求消息和响应消息
请求消息 Request Message（请求起始行，请求头，请求主体）请求起始行（包含3部分）：就是请求头的第一行分别是请求方法、http协议版本、请求的url请求头：请求头比较多，只是简单介绍几个Host:浏览器告诉服务器请求的主机名称（如：Host: www.baidu.com）Connection：keep-alive 浏览器告诉服务器，请开启持久连接（还没有开...
2020-05-01 11:17:47
368
原创 http协议url
url的完整结构:<scheme>://<user>:<pwd>@<host>:<port>/<path>;<params>?<query>#<flag>scheme方案、协议、以哪种方式获取服务器的资源，不区分大小写常见的协议| 常见协议 |默认端口 |协议基本作用...
2020-04-30 12:47:23
150
原创 创建数组，包含若干个数字，将数组中的元素从小到大排序
创建数组，包含若干个数字，将数组中的元素从小到大排序第一种方法(冒泡排序)：var arr=[10,6,3,50,7,9,33];var max;for(var i=1;i<arr.length;i++){ for(var j=0;j<arr.length-i;j++){ if(arr[j]>arr[j+1]){ max=arr[j]; arr[j...
2020-04-30 00:08:24
1429
原创 计算距离今年圣诞节相差的天数、小时、分钟、秒钟？
计算距离今年圣诞节相差的天数、小时、分钟、秒钟？var t1=new Date();//开始时间var t2=new Date('2020/12/25 00:00:00');//结束时间var t3=t2.getTime()-t1.getTime();//两个时间相差的毫秒数var t4=Math.floor(t3/1000);//毫秒数转为秒var date=Math.floor(...
2020-04-29 23:41:47
474
原创 判断101-200之间有多少个素数，并输出所有素数。
判断101-200之间有多少个素数，并输出所有素数。 var s=0; for(var num=101;num<=200;num++){ for(var i=2;i<num;i++){ //判断素数 if(num%i===0){ break;//只要有一个能除i,就不是素数，停止执行 }else if(i===num-1){//如果判断到i的...
2020-04-13 21:59:43
444
原创 输入某年某月某日，判断这一天是这一年的第几天？
输入某年某月某日，判断这一天是这一年的第几天？var year=prompt("请输入年份"); var month=prompt("请输入月份"); var day=prompt("请输入第几天"); //字符串强制取整 year=Number(year); month=Number(month); day=Number(day); // var sum=0;/...
2020-04-13 21:41:28
433
原创 输入一个年份，判断闰年还是平年
输入一个年份，判断闰年还是平年 var year=prompt("请输入一个年份"); year=Number(year); if(year%4===0 && year%100!==0 || year%400===0){ document.write(year+"是闰年"); }else{ document.write(year+"是平...
2020-04-13 21:35:20
2598
原创 九九乘法表
*[HTML]:for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ document.write(j+"*"+i+"="+i*j+"\n"); } document.write("<br>"); }
2020-04-11 23:54:26
68
原创 有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子总数为多少？
有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子总数为多少？var r1=r2=1;function fn(month){ var i; if(i===1 ||i===2){ return "第"+month+"个月兔子总数为："+r2*2+"只"; }else{ for(i=3;...
2020-04-11 23:37:52
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人