- 博客(62)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 css在文字前面设置带颜色的小方块样式
<a-divider orientation="left" class="category"> <label>纳入全省食用农产品合格证管理</label> <a @click="toMapMode">地图模式</a> </a-divider>.category label { color: rgba(0, 0, 0, 0.85); font-size: 24px; &:...
2022-05-19 15:16:25
2192
原创 Echart使用小结
饼状图的options在series中使用label 的formatter属性使用’< br>'无法换行直接显示的问题？解析：label 需要使用 \n 换行，tooltip中是使用< br/>换行。
2022-04-22 11:12:36
346
原创 JavaScript使小数保留两位小数，整数不补零
后端接口获得的数据有时不是number类型，可以先使用Number() 方法将数据类型变成数字类型；然后使用toFixed()方法，保留参数位数的小数，直接使用该方法会在不够两位的小数后补零、整数补两个0；可以使用parseFloat()方法取浮点数实现例子代码如下：// num1的位数>=两位数时var num1= 11.111;parseFloat(num1.toFixed(2)) // 11.11// num2的位数<两位数时var num2= 11.1;parseFl
2022-04-22 11:09:09
5012
原创 Vue的全局自定义指令-防连点
一些请求或提交的按钮需要做防抖处理，可以自定义一个全局指令，便于复用。JS代码import Vue form 'vue';Vue.directive('noReclick', { inserted(el, binding) { el.addEventListener('click', e => { if(el.disabled) { return false; } el.disabled = true; setTimeout(() => {
2022-04-20 15:28:05
702
转载 饿了么ui自带的两种远程搜索（模糊查询）用法讲解
问题描述有一种查询叫做前端远程搜索、模糊查询。饿了么自带两种方式可以做，一种是使用el-input中的el-autocomplete，另一种是使用el-select和el-option。这两种都可以选择，但是具体实现的思路方式要和后端商量。模糊查询是谁来做？如果后端做那么前端只需要把用户在输入框中的输入的关键字扔给后端，后端根据前端传过来的用户要查询的关键字，去数据库中进行模糊查询，查到的关联的数据扔给前端，前端拿到数据以后直接呈现给用户看到就行了。前端省事些如果前端做正常情况下，模糊查询其实后端
2022-03-29 15:30:58
1915
原创 ElementUI 日期控件禁止选择未来日期
HTML <el-date-picker v-model="queryDate" value-format="yyyyMMdd" type="date" placeholder="选择日期" :picker-options="qsrqOptions" />JavaScript // 日期 .
2022-03-24 17:26:37
1855
原创 vscode怎样修改切换自动换行的快捷键
首先启动vscode，在主界面的左下角 找到一个齿轮形状的图标点击它。如图箭头所示。在弹出的命令列表中，点击选择 键盘快捷方式 子选项。 如图箭头所示。在出现的键盘快捷方式 界面中，往下滚动查找，找到“查看：切换自动换行”该命令，双击它或者单击它前面的类似一支笔的小图标，如图箭头所示在弹出的对话框中，按下你想要设置的新快捷键组合，最后按enter回车键确定即可。 如图箭头所示原文地址：[百度经验](https://jingyan.baidu.com/article/f71d60377e7e625bb741
2022-03-01 11:35:23
4956
原创 Git使用心得
1、进入新项目从远端拉取代码在选定的文件夹路径下进入cmd，使用git clone + 你复制好的git路径，（例如：git clone https://gitee.com/sht/vue_shop.git ）克隆整个项目到本地。2、使用git config --list查看git配置主要是查看本机是否设置了代码提交人的姓名与邮箱，可以使用 git config --global user.name “username” 和 git config --global user.email “email”
2022-02-24 17:01:32
295
原创 怎样将jQuery的AJAX返回值保存为全局变量
var coordinates = (function() { var result; $.ajax({ type:'POST', url:'api/api.php', dataType:'json', data:{url:"http://sss.com"}, async:false, success:function(data){ result = data;
2021-12-30 17:12:02
1328
转载 sessionStorage的取值，存值，删除（用于浏览器存储客户端的访问数据）
//sessionStorage作为HTML5的Web Storage的两种存储方式之一。//用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。//不是一种持久化的本地存储，会话级的存储。//1，存值sessionStorage['key']='value';sessionStorage.setItem('key','value');//2，取值var v=sessionStorage['key'];var f=sessio
2021-12-29 18:09:31
2045
转载 设置idea不默认加载项目
打开idea软件默认会打开最近一次的项目工程，有时候我们并不需要开发上次的工程，而需要打开另外一个工程，这样默认给打开的工程需要关闭切换到新的工程1.打开idea软件，这个时候没有设置之前，会默认打开上次的项目工程。选择菜单File>Settings进入设置页面 选择Appearance & Behavior>System Settings，进入系统设置页面 在Startup/Shutdown栏目处，去掉默认的勾选Reopen last project on startup（在启动
2021-12-15 18:31:40
1999
原创 git常用命令
1、配置全局用户名和邮箱git config --global user.name “Your Name”git config --global user.email “[email protected]”查看配置的用户名与邮箱git config – list2、工作区与本地仓库在目标目录下 git init初始化git仓库git ls-files 查看本地仓库文件目录git status 查看工作区和暂存区状态git add 文件名或git add . 将工作区文件添加到暂存区git
2021-12-14 20:04:19
627
原创 IntelliJ IDEA前端开发插件整理
Vue.js Vue.js支持插件element Element-UI支持插件，可以对Element-UI中的标签进行智能提示CodeGlance 右侧展示一列当前文件中代码的缩略图Chinese Language package 中文语言包（2020之后版本可用）Translation 翻译工具CodeSearch 选中某段内容，可以直接右键通过搜索引擎搜索进行搜索Atom Material Icons 为文件夹、文件增加图标，让编译器看起来更美观GitToolBox 查看鼠标所在行代.
2021-12-10 19:11:24
7418
原创 intellij IDEA修改代码字体大小和样式
点击File→Settings→Editor→Font，代码的字体样式和字体大小可以参照图中红框部分修改
2021-12-10 17:38:00
437
原创 setTimeout、Promise和async/await的执行顺序
要了解代码的执行顺序，必须先了解JS的运行机制为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成这门语言的核心特征，将来也不会改变。所谓单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。JavaScript单线程任务被分为同步任务和异步任务同步可以保证顺序一致，但是容易导致阻塞；异步可以解决阻塞问题，但是会改变顺序性，根据不同的需要去写你的代码。同步任务会在调用栈中按照顺序等待主线程一次执行；异步任务会在异步任务有了结果后，将注册的回调函数放入任务队列中
2021-10-29 15:05:46
694
1
原创 JavaScript中数组的reduce()方法和concat方法
定义和用法：reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。注意: reduce() 对于空数组是不会执行回调函数的。语法：array.reduce(function (total, currentValue, currentIndex, arr), initialValue)例子（重点在注释）：var array = [4, 5, 6, 7, 8];var singleVal = 0;singleVal = array.reduc
2021-09-03 15:21:14
548
原创 js变量提升与函数提升的详细过程
js变量提升与函数提升的详细过程先来看两个栗子，下面的两段代码分别输出什么？// 代码段1function foo() { var a = 1; function a() {} console.log(a);}foo();// 代码段2function foo() { var a; function a() {} console.log(a);}foo();答案是：代码段1打印的是1，代码段2打印的是 a() 函数。为什么会这样呢？这就涉及到js中的变量提升
2021-09-02 09:43:24
433
原创 JavaScript知识点
1 .介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol 2.eval是做什么的？ 它的功能是把对应的字符串解析成JS代码并运行； 应该避免使用eval，不安
2021-09-01 16:06:04
361
转载 什么是css sprites，如何使用？
css sprites：精灵图（雪碧图）：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量优点： 1、减少网页的HTTP请求，提高页面性能 2、图片命名上的困扰 3、更换风格方便 缺点： 1、必须限定容器大小，符合背景图片元素的位置，需要计算 2、维护比较麻烦 使用步骤： 1、制作一张具有多状态的拼合
2021-08-30 10:45:47
1347
原创 一些VSCode插件
1.Chinese (Simplified) ：适用于 VS Code 的中文（简体）语言包2.Live Server：搭建临时的http服务器，修改本地文件后，浏览器能够立即同步，自动加载，自动刷新。(我觉得可以替代open in browser)3.file-size：显示当前打开的文件大小。4.Path Intellisense：识别引入文件路径，路径补全提示。5.Code Runner：代码一键运行，支持了Node.js, Python, C++, Java, PHP, Perl, Ruby
2021-08-26 14:37:46
241
转载 CSS BFC是什么【BFC详解】
问题CSS BFC是什么？解答定义BFC（Block Formatting Context）格式化上下文，是盒模型的一种渲染布局，简言之可以理解为 一个独立的容器，不受外部影响，不影响外部。形成条件固定(fixed)定位和绝对(absolute)定位float:both,left,right(除了none)overflow:hidden,auto,scroll(除了visible)display:inline-block,table-cell,table-caption（- f.
2021-08-25 11:55:02
168
转载 scrollTop是什么及用法说明
scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。 通过一个实例演示来讲述scrollTop属性是什么 下面的演示中，外层元素的高度值是200px,内层元素的高度值是300px。很明显，“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时，有部分内容会隐没在“外层元素的上边界”之外，s...
2021-08-20 11:23:45
16885
1
原创 浅拷贝与深拷贝
首先，JS的浅拷贝和深拷贝只是针对于引用数据类型而言基本数据类型：Boolean、Number、String、undefined、Null、Symbol (ES6新增，表示独一无二的值)引用数据类型：Object、Array、Function浅拷贝：概念：浅拷贝只是复制指向某个对象的指针，而不复制对象本身，新旧对象其实还是同一个对象。修改时原对象也会受到影响。深拷贝：概念：深拷贝就是在拷贝数据的时候，将数据的所有引用结构都拷贝一份。简单的说就是，在内存中存在两个数据结构完全相同又相互独立的数
2021-08-19 15:13:09
72
原创 闭包应用场景之函数作为参数传递
例：setTimeout原生的setTimeout有一个缺陷，你传递的第一个函数不能带参数。即 setTimeout(function(param){ alert(param) },1000)这样的语句是不生效的（不过在不同浏览器中有不同的错误，总之都无法达到预期效果）这时，我们就可以用闭包来实现这个效果了。 function func(param){ return function(){ alert(param)
2021-08-19 14:39:27
372
原创 用户变量和系统变量区别
Windows系统中存在两种环境变量：用户变量和系统变量。两种环境变量有什么区别和共同点？1、两种环境变量中可以存在重名的变量；2、两者都不区分变量名的大小写，如Path和PATH并没有区别；3、用户变量只对当前用户有效，系统变量对所有用户有效；4、windows系统在执行用户命令时，若用户未给出文件的绝对路径，则首先在当前目录下寻找相应的可执行文件、批处理文件等；若找不到，再依次在系统变量的Path保存的这些路径中寻找相应的可执行程序文件。查找顺序是按照路径的录入顺序从左往右寻找的，最前面一
2021-08-18 12:07:01
8048
原创 nvm的安装及npm的一些设置
Nvm是nodejs版本管理工具1.安装nvm之前先卸载node，win+r：cmd，node -v 查看node版本和存在，在 控制面板→程序与功能 中找到node卸载，或uninstall。2.打开nvm下载链接3.下载.zip文件4.安装解压后的.exe文件，记下nvm安装目录，稍后修改设置使用；注:这里是设置nvm的安装路径(可以自定义)!请不要选择Program Files或 Program Files (x86)，因为它们命名有空格和（）符号,这会导致node安装失败哦!5.下一步
2021-08-18 10:54:26
12080
原创 一些拓展教程
1.C语言入门，不同的编译器有什么差2.易语言教程+W3C易语言教程3.Python从入门到精通4.Linux教程5.云服务器入门知识6.TCP/IP7.Socket编程8.WebSocket 教程9.生成/添加SSH公钥10.5 分钟上手 ECharts11.Arduino教程12.编写您的第一个 Flutter App...
2021-08-16 11:36:32
67
翻译 “Cannot Read Property ‘split‘ of Undefined”错误的原因及解决办法
If you've ever used JavaScript's split method, there's a good chance that you've encountered the following error: TypeError: Cannot read property 'split' of undefined.如果你曾经使用过 JavaScript 的 split 方法，很有可能你遇到了下面的错误: TypeError: Can not rea...
2021-08-12 13:42:57
15350
转载 在vue中使用回调函数,this调用无效的解决
https://www.jb51.net/article/193079.htm在vue中使用回调函数,this调用无效的解决
2021-08-12 09:40:37
1266
转载 Windows下winXray软件使用文档
教程仅限于 V·部族 订阅用户使用软件版权属于原作者，项目地址：https://github.com/cdnf/winXray如有必要请定期来本教程重新下载安装软件，使用经 V·部族 测试匹配的版本。第1步：获取并安装应用winXray_x64-3.6.0.1（64位系统）winXray_x86-3.6.0.1（32位系统）V·部族 提供该软件免安装版，请点击上方图标获取，选择自己的操作系统版本（一般都是64位），整包解压到如 D:\winXray 目录，然后运行解压后的 winXray.exe
2021-08-11 09:42:23
111463
12
原创 vue-cli3 + threejs项目的一些注意点
1.cnpm create vuecli-three2.cnpm install three --save3.import * as Three from ‘three’import { OBJLoader } from ‘three/examples/jsm/loaders/OBJLoader’import { OrbitControls } from ‘three/examples/jsm/controls/OrbitControls’import Stats from ‘three/exam
2021-08-10 15:08:19
846
原创 【yarn】文件名、目录名或卷标语法不正确
这个坑折腾了好久，为了避免之后再踩，在这里记录下。1、问题描述在运行yarn create vuepress时报错：文件名、目录名或卷标语法不正确我一开始以为是vuepress的问题，后来上网看文章发现vue、umi等也会出现这个问题，所以这个应该就是yarn的问题。2、踩坑过程根据Command的提示，去到指定目录（我的是'D:\02-install\node.js\node_global\bin'）下，找到文件create-vuepress.cmd，其中内容如下：@"%~dp0\C:\Us
2021-06-10 10:43:28
1216
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人