前端
逍遥客.
是一个不正经胡说八道的博主,就是说话很接地气。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue对接高德地图
vue对接高德地图 官网:https://lbs.amap.com/ 目前对接的文档:https://lbs.amap.com/api/javascript-api/guide/abc/quickstart 没有太多时间解释,先做一个案例。不用其他插件,只需要这句代码即可执行,没有在其其他文件中做任何配置。 <template> <div> <div id="container"></div> <input type="t原创 2022-02-25 16:49:29 · 2201 阅读 · 0 评论 -
elementUI中Tree 树形控件点击叶子节点才触发
点击子节点才触发 想要实现这个功能,首先需要看点击这个节点下面是否存在节点,所以重点是需要拿到点击这个节点的node,node节点下面有一个 childNodes集合,这个集合保存的就是子节点数据,如果这个集合里面没有数据,说明当前节点就是子节点。官网提供 getNode()方法获取node。 getNode使用 需要在组件上指定 node-key属性和ref属性,这个属性必须和指定的label值相同。 完整代码 <template> <div> <e原创 2021-11-18 09:23:39 · 5490 阅读 · 1 评论 -
将光标定位到指定的输入框
在项目中会经常遇到用户必填项时,如果用户没有填写,那么我们会自动将光标移动到第一个必填项的位置。 <el-input v-model="username" ref="usernameRef"></el-input> <!-- 在输入框中增加ref属性 --> this.$refs.usernameRef.focus(); usernameRef为输入框中的ref属性。 完整代码 <template> <div> <el原创 2021-10-29 08:58:53 · 3116 阅读 · 0 评论 -
uniapp表单方面组件(uview)
表单方面组件(uview) 官网:[https://www.uviewui.com](https://www.uviewui.com) uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=1593 在官网的组件里面安装这里可以查看安装说明,安装完成后可以在配置的地方查询相关配置。 2.2.1、安装 直接到uniapp插件市场去下载。 uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=1593 这样就原创 2021-04-01 10:48:36 · 4477 阅读 · 0 评论 -
HBuilderx运行手机测试
HBuilderx运行手机测试 HBuilderX运行到手机。需要在手机上打开开发者模式才HBuilderX才可以识别时候,只有 HBuilderX识别出手机信息,才能运行到手机上。第一次在手机上运行,会自动下载HBuilder这个软件并安装就,今后测测试就是在这个软件里面测试的。 一、手机开发模式打开和关闭 手机的开发模式会因手机而异,我目前使用的是 华为nova7pro。 打开开发者模式 第一步 打开手机设置 ——> 关于手机。 多点击几次版本号就可以打开了,如果手机设置密码锁,会提示输入密码原创 2021-02-09 16:02:20 · 9901 阅读 · 0 评论 -
Vue根据id在数组中取出数据
这是一个非常实用的操作,尤其是编辑数据的时候。点击编辑数据,通常会将编辑的这条数据发送给后端,然后后端在根据这个编号查询出相应的数据在返回给前端。那么请问,后端都将数据给你了,你直接在数组中取出来不是很好吗?这样简单快捷。可以给后端避免没有必要的负担,万一网络不好还会获取失败,尤其现在带宽这么贵。 JS中有一个 findIndex()方法就是获取对应数据在数组中的索引,然后就可以根据这个索引在数组中取出数据。 tableData[] // 这是保存所有数据的数组 根据id获取当前数据在数组中的下标。 co原创 2021-01-16 11:09:19 · 19514 阅读 · 6 评论 -
sass基本使用
Sass 一、介绍 官网: https://www.sass.hk/ Sass (英文全称:Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语言。Sass 是一个 CSS 预处理器,是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间,完全兼容所有...原创 2020-03-18 12:05:54 · 299 阅读 · 0 评论 -
HTML-CSS基础笔记
HTML-CSS基础笔记 文章目录HTML-CSS基础笔记一、html的发展历程二、常用声明方式三、 HTML的注释四、 常用的标签4.1、img标签4.2、 a标签4.3、 em标签4.4、 strong和b 标签4.5、 pre标签4.6、 font标签4.7、ul无需列表和ol有序列表4.8、 dl定义列表4.9、embed音乐4.10、meta4.11、设置icon图标4.12、table...原创 2020-01-12 13:16:51 · 577 阅读 · 0 评论 -
Vue环境搭建和脚手架的使用
Vue环境搭建和脚手架的使用 安装环境 需要 Node.js 8.9+ (推荐 8.11.0+) 一、安装nodejs 1.1、下载 英文地址:https://nodejs.org/en/download/ 中文地址:http://nodejs.cn/download/ 、 1.2、安装 安装 直接双击下载后的安装包。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yBVYbWn5-1609645000940)(C:\Users\stars\AppData\Roam原创 2021-01-03 11:36:48 · 424 阅读 · 1 评论
分享