- 博客(97)
- 收藏
- 关注
RSS订阅原创 vue3项目引入高德地图 JS API（vue-amap不支持vue3）
首先，你需要注册一个高德地图开发者账号，然后在控制台中创建一个应用，并获取API Key。这个API Key将用于在你的Vue项目中访问高德地图的天气API。在你想要获取天气信息的Vue组件中，引入并使用高德地图的JS API。设置key值（这里需要注意，不止需要设置高德的key，还需要设置这个securityJsCode）不设置会。使用npm或者yarn，在Vue项目中安装高德地图JS API。报INVALID_USER_DOMAIN错误。5.进阶，根据当前位置坐标获取天气。
2023-07-24 13:45:18
2068
原创 auto.js常用函数和一些布局参数
这个是这个按钮是否可以点击，若可以则为true,不可以则为false如上图，这里的id是空，desc是空，text是"QQ"所以如果要点击的话代码如下desc和id同理如果看懂了这些，你应该就可以写出简单的脚本啦。
2023-06-03 22:03:45
2132
原创 element-plus的input加单位符号 g
文档里只写了带图标的，没有自定义单位，其实也可以用suffix插槽来实现，但是放进来的位置是顶着右上角，而且是斜体，所以需要用样式来修改一下.。（只找到vue2的之前，记录一下vue3的）要求：写一个体积，加上m³/g的单位。
2023-04-04 09:54:04
1214
原创 npm 和 yarn 管理和安装
1、获取 npm 全局安装地址及缓存位置：打开电脑命令面板（windows + r，输入cmd），输入下面命令进行查询：2、设置 npm 安装的地址及缓存位置：二.yarn查看global，修改目录命令： 查看cache，修改目录命令： 查看bin，修改目录命令修改bin目录路径，一般默认在node目录下(先查看，如果是，则不改)：yarn config set prefix "自定义bin目录路径"’
2022-11-28 21:42:19
706
原创 element表格跨页全选实现(二)之后端分页
1.1思路因为如果数据量过大，无法获取所有的数据，所以需要一个标志告诉后端有没有全选然后要考虑一种情况，就是全选后，用户再次勾选取消单个选中的数据，用另外一个数组存储这个勾选的数组。后端接口拿到两个数据，一个是全选标志，一个是钩子取消的数组数据，通过全部数据减去钩子的数据就是选中的数据。如果没有全选，则是选择单个的，用一个数组存储选中的数据即可1.2ui思路一个全选按钮，控制是否全选难点：跨页实现全选。这里因为是后端分页，所以只能ui全选当前页，我这里是通过点击分页时再全选下一页。
2022-11-08 17:41:56
2904
1
原创 element表格跨页全选实现
先声明一下，我的这个跨页全选是根据前端静态分页实现的思路:添加一个全选按钮，全选后，选中所有数据。这里要实现两个操作，一个是element显示选中所有的项（包括分页的），二是将选中的项存储起来，方便发送数据到后端，再次全选后，取消所有选中。然后是实现，点击单条数据，选中状态需要切换。
2022-10-16 15:17:59
7554
3
原创 vue3简单的前端权限路由实现（通过前端鉴权+侧边栏过滤）
首先是侧边栏根据不同的权限过滤，然后侧边栏能按照不同权限显示了。但是用户在url输入地址仍然能访问，所以需要鉴权。
2022-09-15 16:45:19
2270
原创 yarn create vite my-vue-app --template /vue关于yarn创建vite所遇到的坑，创建vite错误
复盘收集到的其他可能解决方法，本来以为是路径问题，或者版本问题，没想到都不是，但是都记录一下吧，方便其他人查找解决。例如：C:\Program~1\nodejs\node_cache (这是 windows 的一种路径表达方式)Path修改这两处：＂D:\nodejs\＂和＂D:\nodejs\node_global＂;得到路径：C:\Program Files\nodejs\node_cache。yarn的安装包默认是在c盘的而我yarn安装在D盘的所以就会报这样的错误！2.修改node的全局环境....
2022-08-06 21:19:38
5798
3
原创 下载安装和使用Nvm
下载对应的npm/node.js版本，下载node.js会内置npm不用重复去下载，npm和node.js的版本对应关系可以见如下地址：)之前安装过node.js也不要紧，在这里设置好node安装位置后，打开Nvm会提示是否将当前版本加入管理，会帮你移动到你设置的存放位置。下载地址为：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.9。指令2 nvm install xx.xx.xx。指令3 nvm use xx.xx.xx。...
2022-08-06 21:06:28
939
原创 Vue2项目引入mars3d
1.获取 Mars3D 从 npm 获取使用Node环境下的现代web前端技术栈时，可以使用npm或cnpm或yarn等方式来安装mars3d包//安装mars3d主库npm install mars3d --save //安装mars3d插件（按需安装）npm install mars3d-space --save2.在main.js引入Mars3D类库使用Node环境下的现代web前端技术栈时，可以使用npm等来安装mars3d包并import导入后来使用。import
2022-05-31 17:32:20
4774
4
原创 Vue的v-for和v-bind练习之实现列表/选项单个颜色切换，再点恢复，而且只能选中一个
具体效果图再次点击取消具体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=.
2022-05-20 17:12:51
407
原创 使用backdrop-filter实现毛玻璃效果
1.css代码 //居中 position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:90%; padding-top:20px; //毛玻璃效果 background: rgba(255,255,255,.3); border-radius: 10px; box-shadow:5px 5px 20px 5px rgba(0,0,0,.3); backdrop-f
2022-05-19 11:25:43
907
转载 如何更改本机git绑定账号
1.更改Git用户名： git config --global user.name "用户名"2.更改Git邮箱：git config --global user.email "邮箱"3.重新生成SSH：ssh-keygen -t rsa -C "邮箱" ，然后按回车键若干次如果出现 Overwrite (y/n) 选择y4.继续回车若干次，直到出现如下图：5.查看公钥，复制粘贴到自己的GitLab或GitHub账号的ssh中：先 cd ~/.ssh 再 ls 最后 vim id_r
2022-05-17 15:22:32
9926
转载 JavaScript基础练习之this指向
题目一 var obj = { a: 1, c: 2, say: function(a) { console.log("this1: " + this); var sayA = function(a) { console.log("this2: " + this); this.a =..
2022-05-05 19:29:31
113
原创 JavaScript基础之call、apply、blind基本语法(改变this指向)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-05-05 19:12:01
731
原创 JavaScript基础之new操作符具体做了什么
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-05-05 10:57:56
732
原创 通过a.x=a={n:2}连续赋值，了解内存指针和堆栈
在了解js的内存数据类型发现一道题，打算结合大佬的文章写一下自己理解，通过画图把这个题目解析更加直观化。题目 var a = {n:1} var b = a a.x = a = {n:2} console.log(a.x,b)题目考察是对变量和值在堆栈中的存储以及变量指针的指向,还有就是运算符优先级先把答案给大家：undified,{n:1,x:{n:2}}一.先解释一下这里的运算符优先级`我们知道运算符的优先级决定了表达式中运算执行的先后顺序，优先级高的运算符最先被执
2022-04-01 11:50:03
1263
原创 使用tree-node-cli（踩坑）生成树状目录
由于写README.md时需要用到展示目录树的功能，在搜索了一番后发现tree-node-cli比较符合要求，所以写个教程记录一下。一.安装tree-node-clinpm install -g tree-node-cli二.简单使用2.1只打印输出，执行如下命令即可在终端中生成，复制保存下来即可。treee -L 3 -I "node_modules|.idea|objects|.git" -a --dirs-first2.2输入保存，注意输出保存的命令要运行在window的命令行，运行在
2022-03-26 09:33:43
2053
7
原创 怎么关闭火狐浏览器的百度辅助模式(无障碍服务)
最近遇到一个很烦的问题，火狐一直显示那个无障碍，一直在哪噼里啪啦响个不停。百度一下看在百度首页可以关闭，但是不知道是火狐还是百度出现问题了，百度的js好像不能用。经过不断百度，在查看浏览器插件最近多了个delete cookies的插件。感觉应该是百度cookie导致的问题。所以把所有的cookie删除就可以了。1.删除火狐的所有cookie2.打开百度首页按F12点击存储右键删除所有的cookie，以防万一再次重复第一个步骤，关闭火狐重开就可以了。完成后发现百度首页的辅助模式能正.
2022-03-25 09:49:26
7104
1
原创 vue创建路由
1.安装依赖npm install vue-router因为中途报了个版本错误，我使用以下命令npm install --legacy-peer-deps vue-router@3.5.22.src目录下创建router/index.js文件，并在components下创建一个A.vue文件测试import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const routes = [{ pa
2022-03-20 16:38:13
1504
原创 git 码云上传本地项目
1.到码云新建一个仓库2.打开项目路径，初始化本地项目，生成.git文件git init3.在缓存中添加文件，一般是（添加所有文件），添加单个文件直接在后面加文件名而不是.git add.4.输入本次修改改动的注释（本次修改与上次项目不同的地方添加这个注释）git commit -m '注释内容'5.添加远程仓库git remote add origin 项目地址.gitgit remote add origin https://gitee.com/liu_xia_h
2022-03-20 16:20:06
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人