- 博客(26)
- 收藏
- 关注
RSS订阅原创 element的table 表格 expand-change事件遇到的bug，记录下
下面图片中框住的部分很重要，这个就是造成第一次点击展开，其实已经发送请求，但子table并未展开，需要再点一次才能出来，这块，我猜想是因为最外层的表格数据是响应式数据，传递的参数row也是响应式的，因此改了row.isExpand，造成了页面刷新，所以第一次点击没有展开，第二次才展开，图中圈中的部分，把row的响应式数据变成非响应式数据就可以了，点击展开立即就可以展开子table。首先获取table表格数据时，添加了一项，用来表示行的展开与折叠。
2023-11-21 18:30:17
1367
1
原创 注解的应用
1.通过对象调用的方法，执行注解的value方法。辅助类LinkedProperities。2.通过反射执行注解的value方法。封装的MySpring.java。Student的domain。
2023-09-12 08:52:22
124
原创 idea构建maven的web项目
记得把web1.xml–>改回原来的web.xml。此时目录还不太全，需要在src下创建目录。自定义java目录和配置目录。
2023-08-27 10:28:53
85
转载 mac本下载和配置maven
Maven 本地仓库用于缓存已下载（远程）的 Jar 及相关文件，默认目录为用户主目录（~/.m2/repository），如果是win系统会占用C盘空间。Maven 配置文件：/usr/local/apache-maven-3.8.4/conf/settings.xml。shift+command+G命令，可以输入路径，把文件放进去。，可以放到/usr/local目录下，如果找不到该目录，添加阿里云仓库镜像，加速文件下载（远程）速度。在次输入命令：mvn -version。，下载tar.gz版本的。
2023-08-22 08:34:40
1108
原创 在mac本上idea集成tomcat
重启项目后，访问下面这个路径，就可以看到这个index.html的内容了。4.找到自己下载的tomcat，选择后点击apply，在点击ok。左上角+号 Tomcat Server Local。6.此时就可以看到服务已经起来了，只是还没有资源。7.创建一个html资源。
2023-07-17 14:13:16
682
1
原创 js基础篇5之原型错误用法示范
由于在给A.prototype原型上新增了一个sex属性，而后又重新给A.prototype赋值为obj，导致最终结果oA的圆形脸上根本就没有sex属性 // 示例1 var obj={name:'syt'}; var A=function(){}; A.prototype.sex='女'; A.prototype=obj; var oA=new A(); console.log(oA.sex); //undefin.
2021-09-07 14:39:16
127
原创 使用设计模式六大原则之一（单一职责原则）
单一职责原则（一个方法只做一件事，请求数据的函数就不要渲染数据了，吃饭和上厕所别用同一个地方）我们来写一个根据数据来渲染dom的方法 function view(url, data, dom){ // 获取数据功能 $.ajax({ url: url, data: data, success: function(json){
2021-08-26 17:11:53
91
原创 js基础篇4
引入单例 // 1 function Test(name){ if (typeof Test.instance === 'object'){ return Test.instance; } this.name = name; Test.instance = this; }打印结果是： var a=new Test('one'); v
2021-08-26 14:01:45
110
原创 js设计模式5-发布订阅模式
1.发布-订阅模式又叫做观察者模式，他定义对象件的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖他的对象都将得到通知再现实生活中，送发短信通知就是一个典型的发布-订阅模式，小明，小红等购买者都是订阅者，他们订阅房子开售信息。售楼处作为发布者，会在何时的时候遍历花名册上的电话号码，依次给购房者发布消息首先要指定好谁充当发布者（比如售楼处）然后给发布者添加一个缓存列表，用于存放回掉函数以便通知订阅者（售楼处花名册）最后发布消息时，发布者会遍历这个缓存列表，依次触发里面存放的订阅者回掉函
2021-08-08 17:48:06
169
原创 设计模式4-迭代器模式
1.迭代器分为内部迭代器和外部迭代器内部迭代器是指在内部已经定义好了迭代规则，他完全接手整个迭代过程，外部只需要一次初始调用外部迭代器必须显示地请求迭代下一个元素场景一：比如判断2个数组中元素的值是否完全相等// 内部迭代器var compare = function(ary1,ary2){ if(ary1.length!==ary2.length){ throw new Errror('ary1和ary2不相等') } each(ary1,function(i,n){ if
2021-08-07 17:14:28
207
原创 浏览器中js执行机制----变量提升
1.变量提升在js代码执行过程中，javascript引擎把变量的声明部分和函数声明部分提升到代码开头的行为，变量被提升后，会给变量设置默认值，这个默认值是 undefined2.js代码的执行流程从概念的字面意义来看，“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，但，这并不准确，实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译阶段被js引擎放入内存中。一段js代码在执行之前需要被js引擎变异，编译完成后，才会进入执行阶段。3.编译阶段showName()cons
2021-08-07 15:30:24
145
原创 设计模式3-代理模式
代理模式 var myImage=(function(){ var imgNode=document.createElement('img') document.body.appendChild(imgNode) return { setSrc:function(src){ imgNode.src=src; }
2021-08-07 13:53:41
75
原创 chrome渲染流程（自己看的，写的比较乱）
1.渲染流程由于渲染机制过于复杂，所以渲染模块在执行过程中会被划分为很多子阶段，输入HTML经过这些子阶段，最后输出像素，我们把这样一个处理流程叫做渲染流水线，流水线可分为如下几个子阶段：构建dom树、样式计算、布局阶段、分层、绘制、分块、光栅化、合成。开始每个子阶段都有其输入的内容然后每个子阶段有其处理过程最终每个子阶段会生成输出内容2.构建dom树由于浏览器无法直接理解和使用HTML，因此需要将HTML转换为浏览器能够理解的结构-DOM树，构建dom树的输入内容是一个非常简单的HTML
2021-08-05 14:55:48
352
原创 chorme浏览器（内容来自极客李兵老师的浏览器工作原理和实践）
1.Chrome打开一个页面需要启动多少个进程？一共是4个，1.浏览器主进程2.GPU进程3.实用程序 【Network Service】【Storage Service】4.标签页2.线程和进程一个进程就是一个程序的运行实例详细解释就是，启动一个程序的时候，操作系统会该程序创建一块内存，用来存放代码、运行时的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程线程是不能单独存在的，他是由进程来启动和管理的线程是依附于进程的，而进程中使用多线程并行处理能提升运算效率。3.进程和线
2021-08-04 19:07:40
950
原创 webgl1
1.webgl的第一个程序<body onload="main()"> <canvas id="webgl" width="400" height="400" style="border:1px solid;"> please use the browser supporting canvas </canvas> <script src="./lib/webgl-utils.js"></script>
2021-08-04 18:54:47
117
原创 设计模式2-策略模式
策略模式应用场景：表单校验 <form id="registerForm"> 用户名：<input type="text" name="userName" /> 密码：<input type="text" name="password" /> 手机号：<input type="text" name="phoneNumber" /> <button type="submit">提
2021-07-28 14:41:13
48
原创 设计模式1-单例模式
1.实现单例模式var Singleton=function(name){ this.name=name}Singleton.instance=nullSingleton.prototype.getName=function(){ console.log(this.name)}Singleton.getInstance=function(name){ if(!this.instance){ this.instance=new Singleton(nam.
2021-07-26 13:33:51
55
原创 js基础3
1.分时函数应用场景：在短时间内往页面大量添加DOM节点会让浏览器吃不消，我们看到的结果就是浏览器卡顿甚至假死var ary = []for (var i=0;i<=1000000;i++){ ary.push(i)}var renderFriendList = function(data){ for(var i=0;i<data.length;i++){ var div=document.createElement('div') d
2021-07-25 19:54:59
76
原创 js基础篇2
1.闭包和面向对象设计1.1闭包实现 var extent = function(){ var value = 0; return { call:function(){ value++; console.log(value) } } } var exten
2021-07-24 20:51:35
75
2
原创 js基础篇1
1.模拟实现bind1.1简化版Function.prototype.bind5 = function (context){ var self = this //保存原函数 return function (){ //返回一个新函数 return self.apply(context) // 执行新的函数的时候，会把之前传入的context，当作新函数体内的this }}使用var obj ={ name:'hello'}var func =
2021-07-24 15:30:04
73
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人