- 博客(56)
- 收藏
- 关注
RSS订阅原创 一张图了解js中obj在堆和栈中的存储
let obj = {}; function changeValue(obj) { obj.name = 'ConardLi'; console.log(obj) obj = { name: 'code秘密花园' }; //由于赋值，前面那个obj保存的指向name:'xConardLi'的地址就被覆盖掉了 console.log(obj) } changeValue(obj); console.log(obj.name); 这道题要.
2022-02-26 16:50:22
424
原创 js中引用类型与原始类型的区别
文章目录原始类型复制引用类型复制比较函数参数的值传递引用原始类型栈内存存储的值空间大小固定，不会改变。原始值存放在栈空间里，所以原始值具有“不变性”。var str = 'xx'str+='6'console.log(str) //xx6这里之所以会改变是因为在栈中定义了一块新的空间存储xx6，然后将变量str指向这块空间，并不违背“不变性”。复制var name = 'ConardLi';var name2 = name;name2 = 'code秘密花园';console.l
2022-02-26 15:56:48
563
原创 [Vue warn]: Invalid prop: type check failed for prop “index“.Expected String with value “145“...
在使用vue开发项目时，用到了element-plus的组件el-menu，其中一直报这个warn这是请求回来的数据。一开始： <el-sub-menu :index="item.id" v-for="(item, index) in menusList" :key="item.id" > <template #title> <el-icon> <!-- 通过这个方式引
2022-02-24 22:21:08
461
原创 GET http://10.173.80.198:8080/sockjs-node/info?t=1645604651567 net::ERR_CONNECTION_TIMED_OUT
背景：使用vue-cli开发项目。（这个文件是放在项目中的node_modules/sockjs-client/dist/sockjs.js。)出错原因：network里一直调用的这个接口其实是不存在的,所以导致一直报错。因为我本地ip改变了，并不是原来的10.173.80.198。如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址（也就是本地ip）换了，这样开发服务器会不知道如何确定访问源。简而言之，本地ip地址由于某些原因变了，这个时候开发服务器的i.
2022-02-23 20:20:36
972
原创 vue中使用element-plus-ui的 ＜el-table-column＞组件时数据不显示的问题
需求：使用el-tabel-column时，没有使用插槽，单纯通过prop来对应对象中的键名从而填入数据和label去定义列名。遇到的问题是：如果在 <el-table-column></el-table-column>，开始标签和结束标签之间如果只有很多注释的代码，数据就无法显示出来。此时浏览器的控制台（所有注释的代码都显示出来了）：如果在开始标签和结束标签之中除了注释的代码，还包括插槽，如： <template v-slot="{ row }" v
2022-02-23 16:09:30
9295
5
原创 Vue中绑定事件时调用函数加括号和参数与不加括号的区别
这是我定义的chanDialogVisible函数。const chanDialogVisible = (row) => { console.log(row) if (isNull(row)) { dialogTitle.value = '添加用户' dialogTable.value = {} } else { dialogTitle.value = '编辑用户' dialogTable.value = JSON.parse(JSON.stringi.
2022-02-22 17:39:26
1059
原创 学习vue出现的Error：imported multiple times import/no-duplicates
如图所示，出现这个问题是由于import的次数太多。原始：import { defineEmits } from 'vue'import { ref } from 'vue'修改后：import { defineEmits, ref } from 'vue'
2022-02-22 14:32:26
777
原创 剑指 Offer II 001. 整数除法
题目描述：给定两个整数 a 和 b ，求它们的除法的商 a/b ，要求不得使用乘号 ‘*’、除号 ‘/’ 以及求余符号 ‘%’ 。注意：整数除法的结果应当截去（truncate）其小数部分，例如：truncate(8.345) = 8 以及 truncate(-2.7335) = -2假设我们的环境只能存储 32 位有符号整数，其数值范围是 [−231, 231−1]。本题中，如果除法结果溢出，则返回 231 − 1var divide = function(a, b) { const max_
2022-02-21 00:21:02
196
原创 Vue中svg-icon的使用（svg-sprite）
文章目录sprite的概念如何使用iconfont字体图标？优点缺点如何使用svg图标(svg-icon)？使用方法第一步第二步第三步使用svg-icon的好处基于svg-icon图标创建icon-component 组件改造icon-component 组件——生成svg-sprite使用 svg-sprite自动导入所有svg-icon参考学习sprite的概念sprite的概念最早是图片上的sprite。一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是
2022-02-15 18:42:59
4173
原创 Git学习——简单易懂的教程
文章目录分支与合并场景场景强制修改分支位置撤销远程仓库获取数据场景模拟团队合作git branch现在只要记住使用分支其实就相当于在说：“我想基于这个提交以及它所有的父提交进行新的工作。”新建一个newImage分支，指向当前的c1节点（提交记录），*号表示当前所在的分支如果此时我git commit，增加一个提交记录，则main分支会往前，而newImage分支不会，因为当前分支在main上。如果我们切换分支git checkout newImage然后再git commit，这样子我们的修改
2022-02-14 14:23:42
752
原创 防抖与节流
文章目录节流案例解决办法：节流场景防抖场景节流在单位时间内，将多次事件按照时间做平均分配触发案例在这个场景中，设置点击按钮之后加一。若是用户不断点击，则增长很快。所以我们想让他慢一些，即使用户在短时间内不断点击多次，也只设置每500ms执行一次。解决办法：节流 //节流函数（也是一个高阶函数） function throttle(fn, time = 500) { let timer; return function (...args) {
2022-02-12 00:01:48
327
原创 js--设计高阶函数once来限制某个操作的执行次数
我们经常需要对操作次数进行限制，比如一次性的HTTP请求具体的需求：用户勾选任务之后，任务会慢慢消失做法：监听按钮的click事件，当发生点击时就改变样式（动画设置渐变消失），设置setTimeout 2s之后删除这个任务的节点。问题：在节点还没删除的时候，如果多次点击，就有可能会报这个错误。解决办法一：限制操作次数为1，在addEventListener中的最后一个option参数设置once为true，如下图所示。 let noneOnce = { once : tr
2022-02-11 23:39:05
1049
原创 slider.addEventListener is not a function
原因：一般这种报错都是因为选择器没有正确选择对象。场景：我这里是将slide事件绑定在container上而我在监听的时候一开始写的是slider.addEventListener,后面改成container就可以了。
2022-02-08 16:56:11
522
原创 Error:You may need an additional loader to handle the result of these loaders.
问题：在用vue开发项目时，编译出现错误。错误原因：style标签的lang属性被我设置成了lang=""。修改：将lang=""直接去掉就可以。（lang属性，普通的style标签支持普通的样式，如果想要启用scss或less ,需要为style元素设置lang属性）...
2022-01-24 14:46:55
2217
原创 [青训营]html&css学习
文章目录html< !doctype html >：规定html版本，告诉浏览器用什么版本的html去渲染页面< a >< blockquote >< cite >< q >< code >< strong > 与< em >语义化是什么？aria-CSS是如何工作的?选择器伪类状态性伪类结构伪类伪元素组合选择器的特异度颜色hslalpha透明度字体font-weightfont-familyfontspacin
2022-01-17 17:58:06
321
原创 vue学习-项目搭建，代码规范化设置，修改vue-cli的webpack配置，vue-router简单使用，全局注册组件，axios使用
vue的学习一直都是零零碎碎的，感觉学的东西都忘了。现在想重新学习一下。今天是day1，加油加油！文章目录一、项目搭建二、代码规范1.集成editorconfig配置2.其他代码规范三.vue.config.js1.修改vue-cli的属性2.修改webpack当中的属性3.通过函数的形式配置四.vue-router总结一、项目搭建之前的博客中已经写过如果通过‘vue create’创建一个项目，这里就不再赘述了。二、代码规范1.集成editorconfig配置不同操作系统的程序员写同
2022-01-11 00:49:31
252
原创 58.最后一个单词的长度④
题目这道题的思路简单，只需要从后往前找到第一个非空的下标，然后从此下标往前搜，长度不断++，直到遇到空格，停止计数。tips：一开始一直报错，查了一下，是数组越界。后面修改了，如下列代码注释所解。代码class Solution {public: int lengthOfLastWord(string s) { int result = 0; int i,j; for(i=s.length()-1; i>=0 &&
2021-11-16 20:50:07
240
原创 20.有效的括号
解题思路匹配问题，且匹配的元素分别在头尾①如果为偶数，说明肯定不匹配②采用栈的数据结构，后进先出③左括号入栈，遇到右括号跟栈顶的左括号进行匹配，合格则弹出，否则直接return false④整个字符串遍历完毕之后，判断栈是否为空，空则说明刚好匹配完，非空说明不符合要求tips：为了将右括号跟左括号匹配起来，方便比较，采用unordered_map（对顺序没有要求，查找速度相对快）代码 bool isValid(string s) { if (s.size % 2 !=0){ retur
2021-11-12 16:39:45
383
原创 Vue3.0+@vue/cli 4.5.13+element-plus 创建项目
一.创建vue项目打开控制台cmd，选择一个根文件夹，在下面输入vue create 项目名字之后出现这个界面，按下键选择Manually select features进入配置来到这个界面，按空格可以选中光标所在位置的配置；在这里，我选择了Router选择Vue的版本选择package.json二.element-plus使用注：Vue3.0使用element ui组件时，只能支持element-plus版本的。安装elemen-plus包：在vscode
2021-10-14 16:14:11
261
原创 top:0,bottom:0,left:0,right:0实现黑色遮罩
当我们在做弹窗或者loading时，得让页面其他内容是不能点击的，这就是遮罩。让无宽高的盒子填满父容器，从而实现遮罩：设置top:0，left:0，right:0，bottom:0是让子盒子四边与父容器间距为0，而子盒子没有明确宽高，自然被拉伸到撑满整个父容器了。.child { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5)
2021-09-25 19:52:29
679
原创 Vue出现 error Mixed spaces and tabs no-mixed-spaces-and-tab
错误截图错误原因应该是格式上少了或者多了空格；解决方案在package.json中填上红框所示的内容
2021-09-09 13:44:44
548
原创 li设置cursor无效：被覆盖了！
今天在写ul下的li的cursor：pointer时，一直无效，别的css效果都可以，唯独这个不行。弄了很久，把ul移到白色的盒子时，发现是正常手指的。怀疑是被什么挡住了，于是设置了最外这个盒子login的z-index为999，发现在灰色部分就可以正常了。如图所示：...
2021-08-14 21:14:20
783
原创 使用css实现居中的效果
水平方向居中:margin:0 auto;此时要记得设置宽度,设置了宽度之后auto才能平分剩下的宽度,从而实现居中.垂直方向居中:margin:auto 0;无效,因为垂直方向没有剩余空间这种概念.如图,设置无效垂直水平方向都居中:1.设置绝对定位和四个方向为0,margin:auto(单独设置top和left任意两个方向都不行)div{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
2021-08-05 23:05:31
145
原创 箭头函数与this
箭头函数用来简化函数定义语法的形式：() =>{ }当花括号中只有一句执行语句，且刚好是函数的返回值时，{}可以省略；当形参只有一个时，()可以省略例子：const result = item => item * 2;箭头函数与this关键字箭头函数不绑定this，箭头函数没有自己的this关键字如果在箭头函数中使用this，则this指向箭头函数定义位置中的thisfunction fn(){ console.log(this); return () => {
2021-06-17 23:34:13
110
原创 ES6解构赋值、扩展运算符与Array.from的应用
解构赋值按照一定模式，从数组中提取值，赋给变量数组解构允许我们按照一一对应的关系从数组中提取值，并赋给变量let [a,b,c] = [1,2,3];let [a,b,c,d] = [1,2,3]; //d为undefined对象解构属性匹配
2021-06-17 23:23:06
259
1
原创 详解ES6之let与const的特性_与var的区别
文章目录什么是ES6？为何要学习ES6？ES6新增的语法let经典题目题目一题目二constvar、let、const的区别参考学习什么是ES6？ES的全称是ECMAScript,是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。js就是基于ES标准创建的语言。ES6泛指2015年之后发行的版本。为何要学习ES6？变量提升增加程序运行的不可预测性语法过于松散ES6新增的语法letES6中新增的用来声明变量的。let声明的变量只在所处的块级有效，也就是说js新增块级作用域。
2021-06-14 13:56:49
180
原创 1.两数之和 - 力扣
打卡第二天，从简单题做起。暴力求解，时间复杂度O(n²)int* twoSum(int* nums, int numsSize, int target, int* returnSize){ for (int i = 0; i < numsSize; ++i) { for (int j = i + 1; j < numsSize; ++j) { if (nums[i] + nums[j] == target) { ..
2021-06-02 16:12:41
63
原创 计算机网络-静态路由配置实验
文章目录实验题目实验拓扑实验步骤实验结果实验心得实验题目静态路由配置实验拓扑实验步骤1.按如图所示配置PC1，PC2的IP，掩码，网关。默认网关：一台主机可以有多个网关。默认网关的意思是一台主机如果找不到可用的网关，就把数据包发给默认指定的网关，由这个网关来处理数据包。现在主机使用的网关，一般指的是默认网关。例：在该实验中PC1的默认网关即为Router1的F0/1端口的ip（192.168.1.12.在Router1上配置接口的ip地址如图所示，进入全局配置模式config。进入
2021-05-25 19:38:09
3229
7
原创 navigator无效
今天使用了navigator，发现根本不能跳转。后面查了文档发现，原来navigator中的open-type默认为navigate而navigate对应wx.navigateTo在文档API中路由找到相应介绍。这里说明navigator所跳转的页面不能是tabBar页面的路径（底部tabbar页面）若想要是tabBar页面，可以尝试用wx.switchTab(Object object)....
2021-05-10 19:34:06
606
原创 小程序构建npm时无生成package-lock.json
问题：我一开始是在官网下的node.js14.16.1版本，其中包含 npm 6.14.12。后面发现执行npm install之后，都没有生成package-lock.json文件，导致构建失败。解决方法：在资源管理器（文件夹）全盘搜索node，之后卸载干净所有有关的文件夹。再重新下载低版本的node，之后就正常了。安装的步骤之后在小程序的根目录下打开cmd，输入npm init进行初始化，一直按回车即可以。完成后会发现项目目录下多了一个package.json文件。这个文件是对mod
2021-05-10 19:22:32
2555
1
原创 float
当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。 <style> * { margin: 0; padding: 0; } .left { background-color: blue; height: 30px; width: 100px;
2021-05-10 10:59:31
73
原创 小程序自定义导航栏
微信自带的导航栏小程序有自带的导航栏，可以通过app.json中的window进行配置，在此为全局的顶部导航。自定义导航栏一.设置custom若需要自定义导航栏，即实现不同页面有不同标题，或者不同的顶部导航栏样式，则首先需要在app.json中的window添加"navigationStyle": "custom"。也可以把其他的navigationBar字段给删除，直接加custom。二.component接着可以通过自定义组件components来自定义。在小程序的根目录(即与app.
2021-05-07 20:05:29
4552
原创 wx.cloud.callFunction 调用云函数
一、两种风格的云函数调用data里填写的是传递给云函数的参数，也就是先把小程序端的参数传递给云函数，然后云函数处理之后再返回res对象。之后通过this.setData({ result: JSON.stringify(res.result) })渲染到页面上。Callback 风格调用wx.cloud.callFunction({ // 要调用的云函数名称 name: 'add', // 传递给云函数的参数 data: { x: 1, y: 2, },
2021-04-29 21:39:24
12633
原创 js添加input按钮并给按钮增加onclick事件
方法不带参数时直接用 input.οnclick=方法名 即可，不用加引号。 var height=window.innerHeight; var width=window.innerWidth; var input=document.createElement("input"); input.type="button"; input.value="你好"; document.body.appendChild(input); //方法不带参数
2021-03-03 16:04:43
5288
原创 层次分析法（多准则决策方法）
介于定量分析与定性分析的一种方法。运用层次分析法建模，大体上可按下面四个步骤进行：建立递阶层次结构模型；构造出各层次中的所有判断矩阵；层次单排序及一致性检验；层次总排序及一致性检验。建立递阶层次结构模型（每一层次中各元素所支配的元素一般不要超过 9 个。）中间层与目标层由判断矩阵得到比例关系->特征值和特征向量...
2020-08-05 23:07:05
6170
原创 入门深度学习（一）感知器
感知器（神经元）以下即为一个感知器一个感知器有如下组成部分：输入权值一个感知器可以接收多个输入，每个输入上有一个权值，此外还有一个偏置项，就是上图中的w0。激活函数输出感知器的输出由下面这个公式来计算y = f(w*x+b)任何线性分类或线性回归问题都可以用感知器来解决。如二分类问题，可以用一条直线把分类0和分类1分开。感知器的训练将权重项和偏置项初始化为0，然后，利用下面的感知器规则迭代的修改wi和b，直到训练完成。t为实际label，y为预测label，y
2020-07-31 09:45:48
1759
原创 SEIIRF模型（病毒的扩散与传播模型，药物分发问题）
一.病毒的扩散与传播模型适用于病毒已经发展到中后期，每个箱子都具有一定人数的情况。提出假设（与现实情况相违背）：不考虑出生率等等。对题目进行分析，画出如下图所示的箱子。做以下考虑：箭头存在/不存在，分析原因。箭头粗细大小，哪个比重更大。根据图列出微分方程：注：两个分支箭头的情况用分级参数与大转化率相乘。求解参数二.药物分发点确定模型（控制问题）（关键在于列出min和max式子）：公平性原则下：每个地点都有箭头，且所有距离加起来最小。（无考虑村落本身的人数多少等其他经
2020-07-25 23:10:17
1684
原创 PTA 5-7-6 List Leaves (27分)
问题描述：给出N，表示N个结点。以0~N-1作为结点的数据（编号），随后按照顺序输入各个结点的左右子结点的编号，‘-’表示无子结点。要求：按照从上到下，从左到右的顺序输出叶子结点的编号。问题分析：首先需要从结点数据中找到根节点，从而才可进行遍历。按照题目的输出要求，可判断为层序遍历输出叶子结点。解决方法：结构：Node node[MAXSIZE]; //树的结点数组bool root[MAXSIZE]; //根节点typedef struct{ int data,
2020-06-09 22:32:56
242
原创 java源代码：次行块风格转换为行尾块风格
题目：将java源代码的次行块风格转换为行尾块风格如下图示：import java.util.*;import java.io.*;public class Exercise12_12 { public static void main(String[] args) throws Exception { //判断命令行参数是否只有一个 if (args.length != 1) { System.out.println( "Usage: java
2020-05-22 20:16:22
1968
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人