- 博客(31)
- 收藏
- 关注
RSS订阅原创 e.preventDefault() 和 e.stopPropagation()
阻止默认行为，例如阻止表单提交或链接跳转。：阻止事件冒泡，防止事件触发父级元素的事件处理函数。它们经常一起使用，尤其是在需要控制某个子元素的事件行为且不影响父级元素时。
2024-11-12 10:15:22
422
原创 JavaScript的展开运算符在React中的应用
选择使用哪种方式：如果你需要传递所有属性，使用对象展开语法会更简洁。而如果你只需要传递某些属性，显式传递属性可能会更清晰。注意事项：当使用对象展开语法时，请确保recipe对象中没有不必要的属性，因为所有属性都会被传递给组件。
2024-11-11 13:38:21
384
原创 Eslint 和 Prettier
ESLint和Prettier是两个常用的工具，它们在 JavaScript 生态系统中扮演着重要角色，但它们的功能和目的有所不同。一、ESLint是什么？4.修复功能特性ESLintPrettier主要目的代码质量和错误检查代码格式化关注点语法、逻辑和最佳实践代码的外观和一致性规则自定义支持自定义规则提供少量可配置选项，主要关注格式化代码审查有助于发现潜在问题使代码的一致性减少审查过程中的争论点兼容性可以与 Prettier 一起使用。
2024-11-07 14:04:26
881
原创 如何手动触发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
1863
原创 vue的生命周期
beforeCreate（） 创建前，刚执行了new操作，实例没有完全被创建出来会执行它，data和methods中的数据还没有初始化。created() 创建后，在这个钩子函数中，data和methods被初始化好了（属性和方法挂载在实例上）。vue开始编译模板，把vue代码中的那些指令进行执行，在内存中生成一个模板字符串，然后把这个模板字符串渲染为内存中的dom，此时只是在内存中渲染好了模板，并没有把模板挂载到真正的页面中beforeMount()...
2021-07-06 09:45:18
136
原创 keep-alive
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 prop: * include: 字符串或正则表达式。只有匹配的组件会被缓存。 * exclude: 字符串或正则表达式。任何
2021-07-06 09:22:52
176
原创 函数递归
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
151
转载 meta 详解
<meta http-equiv="" content="">详解https://www.cnblogs.com/fan-xiaofan/p/6028194.html
2020-06-11 15:40:45
151
转载 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
167
原创 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
4899
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
298
原创 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
103
原创 vuex的概述
Vuex概述 Vuex的基本使用 Vuex的核心概念 基于Vuex的实例Vuex的概述组件之间共享数据的方式父向子传值：v-bind 属性绑定子向父传值：v-on 事件绑定兄弟组件之间共享数据：EventBus...
2020-03-24 22:36:20
165
原创 深拷贝+浅拷贝，及深拷贝的几种实现方式
------深拷贝 ：拷贝对象的具体内容，内存地址是自主分配的，拷贝结束后两个对象虽然存的值一样，但是内存地址不一样 ------浅拷贝 ：对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。注意：当内存销毁的时候，指向对象的指针 ，必须重新定义，才能够使用（浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b， 当b（a）的值改变的时候，a（b）的值同时也会改变） --...
2020-03-09 23:16:11
3820
原创 箭头函数的this指向
let foo = () =>{ } 箭头函数会绑定this 箭头函数不是声明式函数，但都是函数表达式 当只有一个参数时，（）小括号可以省略; 箭头函数的注意事项：箭头函数的this指向定义者，而一般函数里的this指向其调用者； 箭头函数不能new； 箭头函数没有arguments；//先看一下普通函数里的this指向let obj ={ name:'kim...
2020-03-06 23:50:27
313
原创 构造函数里的this指向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>构造函数里的this指向</title></head><body> <script> /* ...
2020-03-06 12:24:08
703
原创 绑定方式里的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
221
原创 js声明、变量提前的问题
1.1、变量声明提前：看代码(function(){ function add(){ alert(a); }})()/* 以上代码报错：ReferenceError: a is not defined， * 这很好理解 根本就没声明当然报错啦，往下看： */(function(){ function add(){ ale...
2020-03-04 11:21:07
281
转载 关于js的同步和异步的理解
可以参考阮一峰老师的博客，转载链接：http://www.ruanyifeng.com/blog/2014/10/event-loop.html
2020-03-03 23:05:41
152
原创 DOM节点操作--属性节点
<body> <div id="div1" class="box1" align="center"> jmdckjlkjasoiajedkjkhnbdjsahdkljal </div> <div> <button type="button" onclick="_getAttributes...
2019-12-21 17:34:51
130
原创 Dom如何创建和删除元素节点
DOM节点操作--创建和删除元素节点<body> <ul id="list1"> <li>样板房</li> </ul> <div> <button type="button" onclick="addElementLi();">添加LI</but...
2019-12-21 17:33:11
269
原创 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
178
原创 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
196
原创 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
113
原创 每点击一次div块，向右移动一定的距离
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画累加</title> <style> #div{ width:100px; hei...
2019-12-21 17:20:50
1699
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
117
原创 js的自动轮播和手动轮播
自动和手动轮播显示3张图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js创建轮播</title> <style> *{ margin:0; ...
2019-12-21 16:42:21
173
转载 WIN7远程桌面连接--“发生身份验证错误。要求的函数不受支持”
详细见网址：http://www.cnblogs.com/roystime/p/9034945.html
2019-03-20 14:31:50
2533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人