也是够够的了-CSDN博客

vue开发中解决报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.

2022-08-19 16:19:31 1754 1

原创 DBeaver 给id设置为键以及执行sql查询语句

DBeaver 设置键+sql语句查询

2022-08-08 16:47:59 4281

原创 Element UI 的 el-radio-group 中 change事件不触发

Element UI 的 el-radio-group 中 change事件不触发

2022-07-28 15:44:37 5939 2

原创 Node.js中exports和moudle.exports

在Node.js模块化中，首先了解模块化作用域。和函数作用域类似，在自定义模块中，定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域。可以防止全局作用域的变量污染问题。如果使用 script src='index.js’的方式引用，会把里面的变量都放到window中。如果引用了两个js文件中，有相同的变量，这是会造成覆盖。这个时候就需要向外共享模块作用域的成员exports 和 moudle.exportsmodule.exports 对象在自定义

2022-05-24 09:46:32 784

原创 vue 不使用Vue-CLI 实现兄弟组件通信 props和mitt方法

props: 主要思想：父组件 == （props）==>子组件1，子组件1拿到值进行渲染。当需要数据传递给兄弟组件2时 ==（事件的触发） ==>父组件接收 ==（props） ==>子组件2代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I

2022-05-19 23:13:31 358

原创在vue3组合式api中使用vue2的$refs

首先在vue2中是可以使用this.$refs.xxx获取到对应的ref属性的html标签的。但是在vue3中就不能这么用了，vue3使用组合式api后就不存在this。官方提供了方法—模板引用。//html代码部分 <div ref="test">测试</div>//setup()部分setup(){ //注意这里一定要和前面标签中的 ref属性的值一模一样 const test = ref(null) onMounted(() => {

2022-05-17 18:17:31 3251

原创 vue计算属性computed的set没有执行

vue计算属性computed的set没有执行首先我的页面一开始需要要展示从vuex拿到的数组的第一条数据，然后再在点击切换的时候，再切换成数组的其他数据。一开始我只有 groupname1 和 grouptest计算属性，结果发现，虽然能切换，但是首先进去的第一条数据却没有展示出来，后面才发现，这是因为写在了computed的前面，computed根本还没执行呢，所以get()也没有执行。故而第一条数据出不来。然后，我又只将groupname放到后面，把前面的 groupname1删掉了

2022-05-17 17:48:30 4827

原创动态添加路由 addRoute添加路由刷新404

动态添加路由 addRoute添加路由刷新404

2022-05-13 14:55:52 6639 5

原创 Vue3数组使用push，导致数组每一个元素都改变

Vue3数组使用push，导致数组每一个元素都改变目标首先声明一个listx的数组，监听父组件传递过来的listComplete，存在listComplete就将它push到listx数组中。然后将v-for渲染到页面中理想中的效果应该是，点击【完成】=> 项目2 从未完成中删除，并加入到下方已完成列表中。但是实际呢？实际上点击加入项目2 后，项目1的内容也变成了项目2这是因为push的并不是一个值，而是一个地址，数组都指向同一个地址，就好比listx[0]和listx[1]都是指

2022-05-13 13:40:15 8646 1

原创 ES6新增方法 Object.assign()

首先来看看它的定义作用：Object.assign()方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。这里就先注意一下可枚举属性，简单的介绍一下：js中有可枚举属性和不可枚举属性，它们是由属性的enumerable值决定的。用propertyIsEnumerable可以来判断该属性是否是可枚举属性。用最简单化能理解的话来说：可枚举属性可以被 for…in…遍历，不可枚举的属性则不能被遍历。 js中的基本包装类型的原型属性是不可枚举的，比如Array

2022-03-31 17:04:45 411

原创 vue创建一个项目

vue脚手架创建一个vue项目

2022-03-13 00:14:54 1238

原创 banner轮播图以及nav导航栏Jquery

轮播图

2022-03-06 17:35:39 4018

原创自定义getElementsByClassName方法

自定义getElementsByClassName方法在IE8以下是不兼容getElementsByClassName方法的。这时可以选择通过其他方式来达到此方法的效果。<script> function elementByClassName(node, classStr) { //先获取node节点下的全部子节点 classStr是传入的要获取节点的类名 let nodes = node.getElementsByTagName("*");

2021-08-15 17:21:01 281

原创 javascript DOM简单实现下拉菜单的显示

html代码展示：<div class="heade">一级标题</div> <ul class="bodye"> <li >二级标题</li> <li >二级标题</li> <li >二级标题</li> </ul>css： *{ margin: 0px; padding: 0px;

2021-04-11 11:32:52 309

原创 js 隐藏文本显示内容

用js隐藏文本value提示内容<style> input{ width:300px; height:20px; color: #888; }</style><body> <input type="text" value="手机"> <script> // 获取元素 var text = document.querySelecto

2021-03-31 20:16:14 864

原创使用forEach方法，实现数组元素相加

给定一个数组，数组内每个元素相加。forEach()是ECMAScript 5定义的一种遍历数组元素的方法，按照索引的顺序按个传递给定义的一个函数。语法：array.forEach(function(item, index, arr), thisValue)参数解释：item: 当前数组元素（必须要）。index：当前元素的索引。arr：当前数组。案例代码：<script> var arry=[1,2,3,5,100]; function s

2021-03-18 23:20:04 6982

原创 js函数arguments的运用简单实例

求任意一组数据的平均值，该组数据个数随意。代码展示：<script> function getAvg(){ var i,sum=0,leg=arguments.length; for(i=0;i<leg;i++){ sum+=arguments[i]; } return sum/leg; } var average

2021-03-14 15:28:02 205

原创 js中的超时调用与间歇调用语法

运用js中的超时调用语法实现：从1开始，每隔一秒加1，直到加到10为止。代码块：<script> var num=1, max=10, timer=null; function inCreamentNum(){ console.log(num); num++; if(num<=max){ setTim

2021-03-13 15:41:02 422

原创 JavaScript中的数据类型

JavaScript中的数据类型java script的数据类型1、typeof语法：typeof 变量或者 typeof(变量)功能：检测变量类型（变量的类型取决于变量的值）。返回值：string类型，有可能是：string number boolean object undefined function2、undefined数据类型（没有定义）（返回值）-undefined类型只有一个值，即特殊的undefined. 说明：一般而言，不存在需要显示地把一个变量设置为unde

2021-03-09 20:18:55 150

weixin_55869175的博客

原创 devServer中的historyApiFallback配置（问题：初建webpack+react路由跳转页面Cannot GET /login）

原创插件react-slick封装预览图片组的弹窗

原创 antd 表格table动态添加columns后表头滚动位置异常

原创 git 梳理常用命令 merge、rebase、stash等

原创解决Ant Design中Form.Item下的子组件defaultValue不生效问题

原创 typescript常用的泛型工具类型

原创 uniapp uniCloud 微信小程序手机预览小程序

原创 [Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declar