- 博客(17)
- 收藏
- 关注
RSS订阅原创 简单的理解节流与防抖
一、概念解释函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。在一定时间内，js代码执行的次数不一定要非常多，达到一定频率就足够了。因为跑得越多，带来的效果也是一样。倒不如，把js代码的执行次数控制在合理的范围。既能节省浏览器CPU资源，又能让页面浏览更加顺畅，不会因为js的执行而发生卡顿。这就是函数节流和函数防抖要做的事。函数节流是指一定时间内js方法只跑一次。比如人的眨眼睛，就是一定时间内眨一次。这是函数节流最形象的解释。函数防抖是指频繁触发的情况下，只有足够的空闲时间，才执行代码一次
2021-10-25 15:59:58
154
原创 vue3使用echarts绘制中国地图
效果图china.json{ "type": "FeatureCollection", "features": [ {"type": "Feature","properties":{"id":"65","size":"550","name":"新疆维吾尔自治区","cp":[84.9023,42.148],"childNum":18},"geometry":{"type":"Polygon","coordinates":[[[96.416,42.7588],[96.416,42
2021-10-11 16:39:08
2602
6
原创 net::ERR_EMPTY_RESPONSE AbstractXHRObject._start @ sockjs.js?9be2:1609 eval @ sockjs.js?9be2:1498 se
错误分析：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一直会报这个异常。解决办法：1）找到/node_modules/sockjs-client/dist/sockjs.js2）在1608行，注释掉self.xhr.send(payload);这一行，然后就可以解决了try { // self.xhr.send(p
2021-01-15 13:04:57
700
1
原创 TypeError: Cannot read property ‘use‘ of undefined
import { createApp } from 'vue'import App from './App.vue'import router from './router'import Antd from 'ant-design-vue'import 'ant-design-vue/dist/antd.css'const app = createApp(App)app .use(router) .use(Antd) .mount('#app')解决方法：安装新版本ant
2021-01-15 12:58:53
852
原创 [Vue warn]: Invalid watch source: “xxx”. A watch source can only be a getter/effect function,
watch监听问题 watch(getOrganizationData.current,() => { getPersonList() })我想监听页码的变化来发送请求，改变当前的显示内容，错误：watch要的数据是响应式的解决方案 watch(()=>getOrganizationData.current,() => { getPersonList() })...
2021-01-14 10:52:12
6345
原创 for与foreach，key与value
//点击人员列表绑定按钮 showModal() { this.visible = true console.log({...this.detail}) for (const key in Object.keys(this.detail)) { console.log({...this.detail}.key) if (this.form.hasOwnProperty(key)) { this.form[...
2021-01-05 09:45:39
616
原创 ‘v-model‘ directives cannot update the iteration variable ‘item‘ itself.
问题代码 <a-row class="list-item" v-for="(item, index1) in personList" :key="index1" > <a-col :span="3"> <span> <!-- 编辑人员信息 --> <editPe
2020-12-31 14:26:09
7324
1
原创 Uncaught (in promise) Error:Couldn‘t resolve component “default“ at ****
先看看报错出错的地方父组件 <bind-result v-bind:ajrylb="ajrylb"></bind-result>子组件props: [ajrylb]首先父组件中数据是没问题的，单独领出来直接放子组件中也是能用的，但是子组件引用就出问题了，看这问题问题我还去排查组件导出的问题，最后确认不是这里的问题，就去看了官方文档，如下：props: ['title', 'likes', 'isPublished', 'commentIds', 'autho
2020-12-24 15:50:00
8809
原创 ERROR in TypeError: The ‘compilation‘ argument must be an instance of Compilation
我是webpack5.6.0，老版本html-webpack-plugin不行了，卸载旧版本npm uninstall html-webpack-plugin安装新版本cnpm i -D html-webpack-plugin@next大功告成
2020-12-17 13:31:12
565
原创 应用ant的选择框添加前缀小图标
用a-select组件之后添加小图标太累了，还是推荐手写select以下是我的用定位处理的笨办法，后面有空了在手写一个带图标的select组件直接上代码：HTML <a-form-item name='organization' class="selectOrg"> <HomeOutlined style="color:rgba(0,0,0,.25)"/> <a-select v-model="loginForm.
2020-12-15 15:20:49
4206
原创 冒泡与捕获，target与currenTarget的区别
这个涉及到了冒泡与捕获，冒泡和捕获：----在页面中点击一个元素，事件是从这个元素的祖先元素中逐层传递下来的，这个阶段为事件的捕获阶段。----当事件传递到这个元素之后，又会把事件逐成传递回去，直到根元素为止，这个阶段是事件的冒泡阶段。直接上例子HTML<div id="a" style="width: 400px;height: 400px;background-color: rgb(165, 146, 146);">a <div id="b" style="width
2020-12-10 15:18:14
378
原创 我的第一个项目遇到的问题总结（更新中）
css方面子元素宽度100%时是去掉的父元素内边距的,这里就不用设置input居中，设置好父元素的内边距左右相等就好了html <div class="search-wrapper"> <input type="text" placeholder="请输入查询关键字"> <i class="fa fa-search"></i> </div>
2020-12-03 16:24:45
126
原创 vue引用组件（第三方组件）内联样式处理
今天引用ant 的menu组件时，ant-menu-item的内边距一直去不掉如图最后发现是组件内部的内联样式，折腾我半天去不掉，最后突然想到还有比他内联样式更横的———！important .ant-menu-item{ height: 180px; padding: 0 !important; margin-top: -4px; }然后就没有然后了，完美撒花最后：在引用组件时，如果有处理不了样式，一定要看看是不是内联样式搞鬼，然后在用！important
2020-12-02 14:11:29
309
原创 vscode 开发vue使用Eslint配置
在vscode里配置eslint格式化 在个人设置中配置，在你项目的文件夹下有一个.vscode/settings.json文件， 写入： （记得在.gitignore文件里，注释掉.vscode, 团队就可以共享了）{“editor.codeActionsOnSave”: {“source.fixAll.eslint”: true},“eslint.format.enable”: true,//autoFix默认开启，只需输入字符串数组即可“eslint.validate”: [“jav
2020-11-28 19:10:37
354
原创 SassError: Invalid CSS after ““: expected 1 selector or at-rule, was “background-image:
错误原因应该是路径，@前面加个~background-image: url('@/assets/img/登录bg.jpg');改为background-image: url('~@/assets/img/登录bg.jpg');
2020-11-24 22:11:26
2513
原创 JavaScript中的this问题
#JavaScript中的this问题function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { alert (4);};function getName() { alert (5);
2020-11-15 18:15:56
93
原创 git的使用
一、将本地代码上传至远程仓库1.打开工作区（要上传代码的目录），右键打开Git Bash Here，输入，回车 git init2.对接本地仓库与远程仓库，add后面的origin是自命名的本地仓库，url表示远程仓库地址,回车 git remote add origin "url"查看连接情况git remote -v3.将工作区的文件加入到暂存区，无返回结果git add test1.txt4.提交到本地仓库，-m后面是备注内容回车后会看到提示消息git commit
2020-11-05 14:06:01
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人