- 博客(30)
- 收藏
- 关注
RSS订阅原创 uniapp 小程序 腾讯地图api获取当前位置
2、逆地址解析，我是用的腾讯地图api，在我的应用中选中 WebServiceAPI。3、在账户余额分配调用量，便可以调用了。
2024-03-20 09:47:50
646
1
原创 uniapp 微信小程序开发笔记---使用腾讯地图
5、需要在manifest.json--》源码视图 mp-weixin修改配置。4、下载引入文件并在微信公众号平台添加合法域名便可以开始使用了。2、应用管理--》我的应用---》点击创建应用 进行创建。开发：uniapp + vue3 + 微信小程序。3、输入小程序id完成后便可以获取到key。1、登录腾讯地图，点击控制台。6、创建libs文件夹将。这样一来便可以使用了。
2024-01-15 14:14:48
853
原创 Cesium个人笔记
4、网站会报VM239:1 Blocked script execution in 'about:blank' because the document's fra，禁止使用可以解决此问题。Cesium.Ion.defaultAccessToken=‘你的token’注cesium需要指定版本，否则自动下载1.11。1、vite+vue使用cesium下载方法。2、需要在官网申请token。
2024-01-04 10:41:13
419
2
原创 pinia使用方法---笔记
3、我们可以通过结构获取state的值，但获取到的值不是响应式的，所有可以使用useUsersStore转化成响应式。2、在main.ts添加代码,至此我们就可以使用了。1、在创建一个文件用来写pinia代码。
2023-09-15 10:46:19
99
原创 js的闭包笔记
当闭包内部引用了外部对象并且该外部对象也引用了闭包，形成了循环引用的情况下，垃圾回收机制无法回收相关内存。es5及之前变量都是可以随意访问的这就造成了一个问题，两个开发者设置了相同的变量名根据代码顺序后面的变量名会把前面的变量名给覆盖导致出现问题，闭包就此应运而生。函数执行后返回结果是一个内部函数，并被外部变量所引用，如果内部函数持有被执行函数作用域的变量，即形成了闭包。显式地将闭包引用的变量设置为null，这样可以打破对外部变量的引用，使得垃圾回收机制可以回收相应的内存空间。
2023-07-04 21:38:42
62
原创 js获取url参数
// 获取url参数function getRequest(paraName, isDecode) { var url = window.location.href; if (isDecode) { //url解码 try { url = url.replace('%%', '%') url = decodeURIComponent(url) } catch (e) { ...
2022-01-24 11:14:04
1741
原创 文字溢出隐藏-css笔记
单行overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行width: 300px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;overflow: hidden;
2021-10-12 21:17:39
224
原创 使用定位问题
在使用定位的时候如果子元素依托在父元素定位缩放时子元素不缩放，有可能是父元素未设置宽度，想要移动端缩放时子元素跟着缩放，那么父元素要有固定的高宽
2021-08-04 15:05:36
78
原创 移动端padding问题
当在移动端的时候设置宽度100%padding:0 .3rem;的时候只有左边有效果，这是因为宽度超出了屏幕宽度。可以使用box-sizing:border-box解决
2021-08-04 11:48:22
273
原创 Vue插槽
什么是插槽，当使用一个名为son的组件的时候 son标签里面的内容是不会被渲染的，但是希望在这个组件中添加一点东西，这时候我们就需要用到插槽来分发内容。匿名插槽 <div id="app"> <navs> <p>你好</p> </navs> </div> //template <template id="con"> <div> <h2>hello</
2021-05-29 16:03:16
119
原创 Vue父传子and子传父
父传子and子传父正常来说每个组件都有独立的作用域，它们的信息是不能相互传递的但是有的时候孩子会用的父亲的信息，或者父亲用到孩子的信息，这时我们就需要特殊的手段了父传子：<son :nums = 'num'></son> 子组件命名为son。在父组件中給nums绑定值nums是随便起的，num是属性的值的名字，可以是值类型也可以是引用类型然后通过v-bind动态绑定。然后在子组件添加props，值为nums。props:['nums']也可以给props设置一些属
2021-05-27 20:10:10
298
2
原创 vue的计算属性
vue 计算属性：有的时候我们需要在模板中使用数据，这个时候就需要用到表达式，但是有的地方我们需要对数据进行一些简单的处理后才能使用，那么我们就会在表达式中写一些js逻辑运算，如下<div id="example"> {{ message.split('').reverse().join('') }} </div>如果表达式过长，或逻辑复杂时，代码就会变得难以阅读和维护，在遇到复杂的逻辑时不应该使用表达式而是使用计算属性<div id="app">
2021-05-25 15:44:59
108
原创 vue修饰符
使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。不要把 .passive 和 .prevent 一起使用，因为 .prevent 将会被忽略，同时浏览器可能会向你展示一个警告。.passive 会告诉浏览器你不想阻止事件的默认行为。、事件修饰符.stop 阻止事件传播(阻止冒泡).self 只在event.target是当前元素的时候.o
2021-05-24 20:00:12
88
原创 使用express 实现基本路由；
今天·了解express实现基本路由做个笔记首先使用命令安装 npm install express --save然后导入 expressconst express = require(‘express’);生成一个叫app的服务器const app = express();给服务器设置一个端口app.listen(3000);创建一个路由const user = express.Router()app.use(’/api/user’, user);如果像要发送请求类似 http:/
2021-05-19 22:47:42
128
原创 打气球游戏，面向对象
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>面向对象</t
2021-04-13 14:57:04
115
原创 js事件委托
事件委托就是利用了事件冒泡的机制进行委托,看代码 <ul id="ul"> <li>1</li>` <li>2</li> <li>3</li> <li>4</li> </ul>一个ul包含着四个li,设置四个li点谁谁变红,正常情况会获取每一个li然后设置点击事件 var li = document.querySelectorAll('ul li')
2021-04-10 14:19:47
49
原创 css精灵图
笔记：将图片转为大图使用background-position调整大图位置，可以减轻网页加载速度<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> section{ width: 100px;
2021-03-11 22:52:17
41
原创 使用vue做的购物车
书籍名称 出版日期 价格 购买数量 操作 {{item.id}} {{item.name}} {{item.date}} {{item.price | showPrice}} ...
2020-10-23 19:05:29
99
原创 JavaScript 评论功能
评论功能，目前只能输入文字<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> 评论页面</title> <style type="text/css"> .maxBox{ border: solid red; height: 400px; width: 64%; margin: 0 auto;
2020-10-13 21:40:39
2526
原创 js完成 全选，反选，全不选
做的练习<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="" method="post"> 你爱好的运动是？ <input type="checkbox" id="checkedAllBox" />全选/全不选
2020-10-13 20:41:07
190
原创 2020-10-13 用JavaScript做的贪吃蛇小游戏
标题用JavaScript做的贪吃蛇小游戏<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; } #main{ margin: 100px; } .bt
2020-10-13 18:55:00
99
原创 HTML常用表单元素---笔记
1、 <input type="text" id="" value="" /> <!--文本框--> 2、 <input type="password" id="" value="" /> <!--密码框--> 3、 <input type="button" id="" value="单击我" onclick...
2020-02-25 00:05:24
140
原创 MySQL 如何解除输入的安全模式，个人笔记
MySQL 如何解除输入的安全模式，个人笔记show variables like ‘SQL_SAFE_UPDATES’;查看是否关闭。SET SQL_SAFE_UPDATES = 0;修改数据库模式
2020-01-01 19:26:26
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人