- 博客(27)
- 收藏
- 关注
原创 如何手动触发onchange事件?
问题描述:在page1中:通过选择部分条件来控制page2中下拉框的值; page2中下拉框的选中值显示正确,但是没有触发在page2中下拉框值变化引起的其他dom元素的显示; 给下拉框添加了trigger('change')事件后,也没有起作用;原因猜测:change只会在元素获得焦点时被触发,它的值在失去焦点时被改变。解决方法:var e = new Event('change');var el = document.getElementById('tfa_83...
2021-09-08 13:24:12
1698
原创 vue的生命周期
beforeCreate() 创建前,刚执行了new操作,实例没有完全被创建出来会执行它,data和methods中的数据还没有初始化。created() 创建后,在这个钩子函数中,data和methods被初始化好了(属性和方法挂载在实例上)。vue开始编译模板,把vue代码中的那些指令进行执行,在内存中生成一个模板字符串,然后把这个模板字符串渲染为内存中的dom,此时只是在内存中渲染好了模板,并没有把模板挂载到真正的页面中beforeMount()...
2021-07-06 09:45:18
110
原创 keep-alive
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 prop: * include: 字符串或正则表达式。只有匹配的组件会被缓存。 * exclude: 字符串或正则表达式。任何
2021-07-06 09:22:52
147
原创 函数递归
function fn(n) { if (n === 1) { return 1; } return n * fn(n - 1);}fn(3);console.log(fn(3));1.递归求n的阶乘:1*2*3*···*nfunction fb(n){ if(n === 1 || n === 2){ return 1; } return fb(n.
2021-01-22 22:57:25
116
转载 meta 详解
<meta http-equiv="" content="">详解https://www.cnblogs.com/fan-xiaofan/p/6028194.html
2020-06-11 15:40:45
127
转载 vue中 v-if 和 v-show 的异同
vue中v-show和v-if的异同一、官方解释:v-if是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下,v-show就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。 一般来说,v-if有更高的切换开销,而v-show有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用...
2020-05-13 08:27:59
145
原创 Ajax请求,客户端拿到后台返回的responseText为空的问题
1.学习Ajax请求参数传递过程中,本地搭建了一台node服务器,在app.js中创建客户端请求路由为:app.post('/post',(req,res)=>{ //服务器拿到客户端的请求参数,再响应给客户端 res.send(req.body)});一般项目中路由与入口文件是单独分离开的(这里为了单纯的学习);2.index.html<form...
2020-04-23 10:23:17
4737
3
原创 Vuex的状态管理指的是什么?
1.State State提供唯一的公共数据源,所有共享的数据都要统一放到Store的State中进行存储 const store = new Vuex.Store({ state:{count:0} }) 组件访问State中数据的第一种方式: this.$store.state.全局数据名称 组件访问State中数据的第...
2020-03-25 22:11:15
268
原创 Vuex的基本使用
安装vuex依赖包npm install vuex --save导入vuex包import Vuex from 'vuexVuex.use(Vuex)创建store对象const store = new Vuex.Store({ //state 中存放的是全共享的数据 state : { count:0}})将store对象挂载到vue实例中...
2020-03-24 22:48:49
82
原创 vuex的概述
Vuex概述 Vuex的基本使用 Vuex的核心概念 基于Vuex的实例Vuex的概述组件之间共享数据的方式父向子传值:v-bind 属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据:EventBus...
2020-03-24 22:36:20
137
原创 深拷贝+浅拷贝,及深拷贝的几种实现方式
------深拷贝 :拷贝对象的具体内容,内存地址是自主分配的,拷贝结束后两个对象虽然存的值一样,但是内存地址不一样 ------浅拷贝 :对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。注意:当内存销毁的时候,指向对象的指针 ,必须重新定义,才能够使用(浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b, 当b(a)的值改变的时候,a(b)的值同时也会改变) --...
2020-03-09 23:16:11
3765
原创 箭头函数的this指向
let foo = () =>{ } 箭头函数会绑定this 箭头函数不是声明式函数,但都是函数表达式 当只有一个参数时,()小括号可以省略; 箭头函数的注意事项:箭头函数的this指向定义者,而一般函数里的this指向其调用者; 箭头函数不能new; 箭头函数没有arguments;//先看一下普通函数里的this指向let obj ={ name:'kim...
2020-03-06 23:50:27
245
原创 构造函数里的this指向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>构造函数里的this指向</title></head><body> <script> /* ...
2020-03-06 12:24:08
657
原创 绑定方式里的this指向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>this指向</title></head><body> <button id='btn1' onclick="test(thi...
2020-03-06 10:37:37
196
原创 js声明、变量提前的问题
1.1、变量声明提前:看代码(function(){ function add(){ alert(a); }})()/* 以上代码报错:ReferenceError: a is not defined, * 这很好理解 根本就没声明当然报错啦,往下看: */(function(){ function add(){ ale...
2020-03-04 11:21:07
245
转载 关于js的同步和异步的理解
可以参考阮一峰老师的博客,转载链接:http://www.ruanyifeng.com/blog/2014/10/event-loop.html
2020-03-03 23:05:41
139
原创 DOM节点操作--属性节点
<body> <div id="div1" class="box1" align="center"> jmdckjlkjasoiajedkjkhnbdjsahdkljal </div> <div> <button type="button" onclick="_getAttributes...
2019-12-21 17:34:51
109
原创 Dom如何创建和删除元素节点
DOM节点操作--创建和删除元素节点<body> <ul id="list1"> <li>样板房</li> </ul> <div> <button type="button" onclick="addElementLi();">添加LI</but...
2019-12-21 17:33:11
235
原创 Dom节点的标准属性1
DOM节点的标准属性:nodeName nodeType nodeValue;<body> <section id="box1"> <h1>这是标题</h1> <p>这是p标签</p> </section>1.必须记住:每种节点类型 nodeName n...
2019-12-21 17:28:04
147
原创 Dom基础语法总结
浏览器对象模型:window{document、frame[]、history、location、navigator },document-----DOM风格文档对象模型采用驼峰命名法// 获取节点// 1.通过id获取 只有id获取的是dom节点,其他获取的都是集合var oDiv1 = document.getElementById("div1");console.log(o...
2019-12-21 17:26:20
172
原创 JS的基础语法(Math和String)
js ECMA 标准化核心语言定义:Math、String、Boolean、Number、Date、Array、Object、Funvtion、ExpRegMath <script> console.log(Math.PI); console.log(Math.round(6.8)); //五入 console.log(Math.round(6....
2019-12-21 17:23:48
100
原创 每点击一次div块,向右移动一定的距离
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画累加</title> <style> #div{ width:100px; hei...
2019-12-21 17:20:50
1577
2
原创 js事件:拖拽原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style> #div{ width:100px; heigh...
2019-12-21 17:14:45
98
原创 js的自动轮播和手动轮播
自动和手动轮播显示3张图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js创建轮播</title> <style> *{ margin:0; ...
2019-12-21 16:42:21
150
转载 WIN7远程桌面连接--“发生身份验证错误。要求的函数不受支持”
详细见网址:http://www.cnblogs.com/roystime/p/9034945.html
2019-03-20 14:31:50
2504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人