- 博客(57)
- 收藏
- 关注
原创 以地图为底图添加图表,保留拖拽功能
给覆盖层的div添加样式 pointer-events: none;目的是确保div不会拦截鼠标事件。:因为被div覆盖,所以地图不会被点击行为触发。:绝对定位后,提升其z-index值即可。分享出来避免大家走弯路。
2024-05-08 17:43:04 169
原创 Vue3 + leaflet设置地图的主题颜色,添加背景图,折线样式
leaflet相关的详细说明文档。渲染地图要素,改变地图样式。vue3添加背景色、折线样式
2024-04-20 10:43:52 263
原创 通过域名访问项目的详细教程
1.1 选择商:用户可以选择大型的域名注册商如GoDaddy、Namecheap等,也可以选择国内的域名注册商如阿里云、腾讯云等。1.2 确定域名:在选择域名时,需要遵循简洁、易于记忆和与网站内容相关的原则。同时,还需要检查域名是否已被他人注册。1.3 注册域名:在选择好域名注册商后,用户需要根据注册商的指引,填写域名注册信息,包括域名所有者信息、联系方式等。1.4 支付费用:域名注册需要支付一定的费用,根据注册商和域名的后缀不同,费用也会有所差异。
2024-04-16 15:45:47 727
原创 文件上传失败原因分析与解决
*原因分析:**上传时头部信息,content-type内容不对应,修改为multipart/form-data即可。:在前端开发时,需要通过表单元素上传图片或其他文本,但是上传不成功,后端接口也没问题。
2024-03-28 16:59:21 828 1
原创 query路由传值出现乱码问题
如果获取对应的query传的值,可以根据不同的应用框架,比如项目中使用的是Vue还是React,使用对应的api,获取query的传值即可。:传值过程中,浏览器强制对所传的数据进行了encodeURI加密。:使用decodeURI,当然前提是获取到传来的值。
2024-03-28 16:32:37 243
原创 uniapp打包小程序,使用$refs报错解决办法
Uniapp中可以使用 $refs ,但是需要注意在APP和小程序平台中,不能引用 view 内置组件,循环创建的自定义组件也不能使用 ref;
2024-03-25 13:57:22 758
原创 Vue2与Vue3区别02-响应式的实现及ref与reactive区别
ref定义的数据,操作数据需要.value,读取数据时模板中直接读取,不需要.value。 reactive通过使用Proxy实现响应式,并通过Reflect操作源对象内部的数据。 对象类型:Object.defineProperty()对属性的读取/修改进行拦截。 通过Proxy(代理):拦截对象中任意属性的变化,包括:属性值的读写/添加/删除。 通过Vue.set()或vm.$set()实现新增属性/修改更新。 通过Reflect(反射):对源对象的属性进行操作。......
2022-08-07 23:55:30 810
原创 Vue中自定义事件
子组件传递数据exportdefault{name{//触发A组件实例上的relay事件//$emit表示触发父组件上对应的方法this.$emit('relay',参数)}},}
2022-07-23 18:29:15 277
原创 Java之分支结构
根据变量值,选择执行对应的语句,遇到break;若条件表达式为true,运行语句1,否则运行语句2。若省略{},则作用于距离条件表达式最近的一条语句。否则若表达式3成立,则执行语句3…case变量值2语句2;case变量值3语句3;语句1}elseif(表达式2){语句2}elseif(表达式3){若条件表达式成立,则执行对应的语句。否则若表达式2成立,执行语句2。若表达式1成立则执行语句1,...
2022-07-21 17:46:15 2553
原创 Vue生命周期
官方文档:https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90。在数据变化后(挂载完成)执行的某个操作,而这个操作需要使用随数据变化而变化的DOM结构的时候,这个操作就需要方法在nextTick()的回调函数中。在vue生命周期中,如果在created()钩子进行DOM操作,也一定要放在nextTick()的回调函数中。 **实例被挂载后调用。......
2022-07-20 22:14:05 152
原创 Vue-render函数作用及意义
render在这里是渲染的意思render函数内是一个函数createElement(){‘元素’,‘内容’}通过以上代码,也就是。
2022-07-20 15:40:46 1008
原创 微信小程序-全局数据共享
为了解决组件之间的数据共享,开发中常用的数据共享方案有:Vuex/Redux/MobX等 在小程序中,可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享。3.1安装命令如下:注意:重新构建npm3.2 全局数据共享实例在根目录下创建store/store.js,专门用来创建Store实例3.3 绑定到页面 在页面的.js文件中,写如下代码3.4 绑定到组件3步:引入、挂载、绑定...
2022-07-03 16:57:31 1491
原创 小程序-API Promise化
支持npm安装第三方包,但是有限制: 01.介绍 小程序提供的异步API都是基于回调函数实现的。 API-Promise化,指的是通过额外的配置,将官方提供的,基于回调函数的异步API,升级改造为基于Promise的异步API, 从而提高代码的可读性、维护性,避免回调地狱的问题。 网址: https://youzan.github.io/vant-weapp 02.安装 实现APIPromise化主要依赖于miniprogram-api-promise这个第三方的npm包。 安装步骤
2022-07-03 09:27:09 455
原创 微信小程序-自定义组件
**步骤:**在根目录下,新建components文件夹,然后再新建组件对应的文件夹,再在当前文件夹新建component即可生成对应的.js/.json/.wxml/.wxss文件 3.1全局引用 在app.json中,添加usingComponents属性,属性值为对应的组件名称 3.2局部使用 在页面的.json中usingComponents配置即可 4.1app.wxss中的全局样式对自定义组件无效 4.2只有class选择器会有样式隔离效果,id选择器、属性选择器、标签选择
2022-07-01 10:01:58 250
原创 小程序页面事件-下拉刷新/上拉触底事件
1.全局开启下拉刷新 在app.json的window节点中,将enablePullDownRefresh设置为true 2.局部开启下拉刷新 在页面的.json的配置文件中,将enablePullDownRefresh设置为true2.下拉刷新事件 onPullDownRefresh()函数监听当前的下拉刷新事件 上拉触底事件指的是用户上拉屏幕,触发加载更多的数据 在对应的js中通过“onReachBottom(){}”定义上拉触底事件...
2022-06-30 10:11:31 543
原创 微信小程序--页面导航
页面导航指的是页面之间的相互跳转。相当于html中的a链接和location.href 导航组件 url表示必须要跳转的页面地址,必须以“/”开头 open-type表示跳转的方式,必须为switchTab 代码示例:01.2 导航到非tabBar页面,open-type必须为navigate01.3 后退导航open-type的值必须为navigateBackdelta表示后退级数,默认为102.编程式导航 调用小程序的导航...
2022-06-24 19:44:26 411
原创 JAVA数组--赋值-遍历-复制-拼接-最大值
数组赋值是按内存地址赋值, 和实际内容之间是引用关系2.数组遍历 遍历就是逐个访问的意思 ,Java中可以通过普通for循环和增强for循环遍历.3.数组复制 可以使用Java-API: Arrays.copyOf()复制,也可遍历复制...
2022-06-24 17:41:25 871
原创 小程序-网络数据请求
注意:只能请求https类型的接口&必须将接口的域名添加到信任列表中[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ezvEPir7-1656038969653)(E:\前端FD\md文件\images\配置合法域名.png)]若只是开发或测试,可以跳过request合法域名校验: 使用wx.request()发起请求**关于跨域:**发起请求的主体是微信客户端,不是浏览器,所有没有跨域*发起请求的主体是微信客户端,不是浏览器,所有没有跨域...
2022-06-24 11:00:09 101
原创 Java-扫描器Scanner
指的是Java的工具包中的一个类:Scanner 这个类在 util 包中 通过import关键词,导入的意思 **第一步:**在类的上方, 通过"import java.包名.类名" 导入 第二步: 新建这个类的对象 第三步: 扫描数据(从键盘输入) 下面的"scan"代表扫描器对象:scan.nextInt() 表示扫描一个整数scan.nextDouble() 表示扫描一个小数scan.next() 表示扫描一个字符串...
2022-06-23 18:44:23 1501
原创 小程序配置之全局配置-window与tabBar
参考文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 记录当前小程序所有页面的存放路径 2.1全局设置小程序的外观tabBar只能配置最多5个、至少2个的tab页签。注意:顶部tabBar不显示icon,只有底部显示若需要页面配置项,可以进行页面中的json配置(页面配置优先全局配置)页面配置:(页面配置优先全局配置)**页面配置:https://developers.weixin.
2022-06-22 20:52:24 252
原创 微信小程序-WXML-template模板
微信小程序中的模板,可以在其中定义代码片段,然后再不同的地方调用。name属性,取值为模板的名字2.使用模板模板定义后,默认是不显示的,必须使用is属性,声明需要使用的模板,将模板的data传入js:使用 is 属性,声明需要的使用的模板,将模板所需要的 data 传入显示内容: 0: this is a template案例2:显示内容:...
2022-06-22 11:06:25 599
原创 微信小程序WXML-列表渲染与事件绑定
https://developers.weixin.qq.com/miniprogram/dev/component/2.1 wx:if 在框架中,使用wx:if=“” 来判断是否渲染该代码块 block元素可以将多个组件包装起来,使用wx:if属性, 不是一个组件,仅仅是一个包装元素2.2 wx:for 控制属性绑定一个数组, 即可使用数组中的各项数据重复渲染该组件。 默认数组的当前项 下标变量默认为index,数组当前项的变量默认为item。 使用 可以指定数组当前元素的变量名
2022-06-21 20:56:21 510
原创 Java编程思维之OOP入门
每个语言在创建时, 已经有了思维模型: 如何创建/扩展/维护/更新等 根据应用场景和业务不同, 编程思维主要分为面向过程和面向对象。 OOP: Object Oriented Program 面向对象编程。是一种应用软件常用的编程思维。例: c++/ python /Java 等都是基于面向对象的编程语言。 了解&扩展: 面向对象发展史。 学习过程: 必须通过跟更多的学习、案例和项目进一步加深对面向对象的理解,慢慢具备面向对象的编程思维,所有刚开始接触面向对象时要学会“比葫芦画
2022-06-21 19:06:27 224
原创 常用CSS选择器及规则
由一定规则组成的字符, 表示对网页元素进行选中 2.1 通用选择器 * 表示选中所有的元素 2.2 元素选择器 通过元素的名字将对应的内容选中 2.3 id选择器 给元素添加id属性, 通过"#"+id属性值选中元素 注意:id值是唯一的 2.4 类选择器 给元素添加class属性 , 通过".class属性值"选中 2.5 子代选择器 通过父元素选择器 > 子元素选择器将元素选中 2.6 后代选择器 祖辈元素选择器 后代元素的选择器
2022-06-18 18:04:02 400
原创 网页样式 - CSS
CSS: Cascading Style Sheet 层叠样式表 版本: CSS3 作用: 美化页面(添加颜色/大小/宽高/间距/边框/背景等样式) 内联样式 : 在标记内部添加 内部样式: 在标记内添加 再在内加样式: 选择器{ 属性:值; 属性:值;… } 外部样式: 独立的css文件, 再引入到html中 语法: ...
2022-06-18 18:03:15 288
原创 小程序之WXML-数据绑定
https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/2.1绑定内容数据定义在data对象中,可以是字符串和数组关键字(不需写在data中)::boolean 类型的 true,代表真值。: boolean 类型的 false,代表假值。2.2 绑定属性2.3 计算......
2022-06-18 09:10:36 145
原创 微信小程序开发入门-创建项目及认识结构
微信登录:https://mp.weixin.qq.com/ 按照提示注册即可(需要邮箱激活), 若是个人开发,请选择“个人”并填写相关信息 查看AppID: https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 注意:对应自己电脑系统及版本3.登录微信开发者工具并新建小程序项目 3.1项目结构:3.2 每个页面都由4个文件组成 index.js : 页面脚本文件 index.json :
2022-06-15 15:29:41 452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人