自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 收藏
  • 关注

原创 点击菜单改变svg图标颜色

点击菜单改变svg图标颜色

2024-05-09 10:04:10 147

原创 以地图为底图添加图表,保留拖拽功能

给覆盖层的div添加样式 pointer-events: none;目的是确保div不会拦截鼠标事件。:因为被div覆盖,所以地图不会被点击行为触发。:绝对定位后,提升其z-index值即可。分享出来避免大家走弯路。

2024-05-08 17:43:04 169

原创 B端系统菜单栏中使用阿里图标

由于组件库自带的图标数量和内容有限,采用丰富多样的阿里图标是不错的选择。

2024-05-07 17:59:22 826

原创 Vue3 + leaflet设置地图的主题颜色,添加背景图,折线样式

leaflet相关的详细说明文档。渲染地图要素,改变地图样式。vue3添加背景色、折线样式

2024-04-20 10:43:52 252

原创 vue3+leaflet开发地图入门教程(超级详细)

​离线地图,leaflet ,标注,点击事件,弹窗,折线

2024-04-18 16:49:53 525

原创 通过域名访问项目的详细教程

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 826 1

原创 query路由传值出现乱码问题

如果获取对应的query传的值,可以根据不同的应用框架,比如项目中使用的是Vue还是React,使用对应的api,获取query的传值即可。:传值过程中,浏览器强制对所传的数据进行了encodeURI加密。:使用decodeURI,当然前提是获取到传来的值。

2024-03-28 16:32:37 240

原创 uniapp打包小程序,使用$refs报错解决办法

Uniapp中可以使用 $refs ,但是需要注意在APP和小程序平台中,不能引用 view 内置组件,循环创建的自定义组件也不能使用 ref;

2024-03-25 13:57:22 743

原创 uniapp项目图片预览功能,解决图片显示较小

【代码】uniapp项目图片预览功能,解决图片显示较小。

2024-03-25 13:48:31 277

原创 Vue2与Vue3区别-computed、watch、watchEffect

​ 表示计算属性(变成了函数)

2022-08-09 15:44:56 1093 1

原创 Vue2与Vue3区别01

​ 主要区别点:Vue3 - createApp工厂函数/挂载函数mount()

2022-08-08 10:20:04 273

原创 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 808

原创 Vue路由命名及props属性传参

​ 在router的index.js中(路由配置文件),给对应的路由添加name属性

2022-08-05 14:39:52 473

原创 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 2551

原创 Vue-配置项props

​props是属性的意思,props配置项是让组件接收外部传过来的数据例如如下Demo组件

2022-07-20 22:43:28 298

原创 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 1002

原创 VUE-组件

单文件组件模板

2022-07-20 11:47:31 59

原创 Vue中methods和computed的区别

methods的用法

2022-07-18 19:17:18 451

原创 微信小程序-全局数据共享

​ 为了解决组件之间的数据共享,开发中常用的数据共享方案有: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 1483

原创 小程序-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 248

原创 小程序页面事件-下拉刷新/上拉触底事件

​ 1.全局开启下拉刷新​ 在app.json的window节点中,将enablePullDownRefresh设置为true​ 2.局部开启下拉刷新​ 在页面的.json的配置文件中,将enablePullDownRefresh设置为true2.下拉刷新事件​ onPullDownRefresh()函数监听当前的下拉刷新事件​ 上拉触底事件指的是用户上拉屏幕,触发加载更多的数据​ 在对应的js中通过“onReachBottom(){}”定义上拉触底事件...

2022-06-30 10:11:31 542

原创 微信小程序--页面导航

​ 页面导航指的是页面之间的相互跳转。相当于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 410

原创 JAVA数组--赋值-遍历-复制-拼接-最大值

​ 数组赋值是按内存地址赋值, 和实际内容之间是引用关系2.数组遍历​ 遍历就是逐个访问的意思 ,Java中可以通过普通for循环和增强for循环遍历.3.数组复制​ 可以使用Java-API: Arrays.copyOf()复制,也可遍历复制...

2022-06-24 17:41:25 870

原创 小程序-网络数据请求

注意:只能请求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 1500

原创 小程序配置之全局配置-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

原创 Java类型转换

2.类型转换规则自动转换:​ 取值范围小的可以自动转换为取值范围大的类型​ byte

2022-06-22 13:52:37 79

原创 微信小程序-WXML-template模板

微信小程序中的模板,可以在其中定义代码片段,然后再不同的地方调用。name属性,取值为模板的名字2.使用模板模板定义后,默认是不显示的,必须使用is属性,声明需要使用的模板,将模板的data传入js:使用 is 属性,声明需要的使用的模板,将模板所需要的 data 传入显示内容: 0: this is a template案例2:显示内容:...

2022-06-22 11:06:25 598

原创 微信小程序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 509

原创 Java编程思维之OOP入门

​ 每个语言在创建时, 已经有了思维模型: 如何创建/扩展/维护/更新等​ 根据应用场景和业务不同, 编程思维主要分为面向过程和面向对象。​ OOP: Object Oriented Program 面向对象编程。是一种应用软件常用的编程思维。例: c++/ python /Java 等都是基于面向对象的编程语言。​ 了解&扩展: 面向对象发展史。​ 学习过程: 必须通过跟更多的学习、案例和项目进一步加深对面向对象的理解,慢慢具备面向对象的编程思维,所有刚开始接触面向对象时要学会“比葫芦画

2022-06-21 19:06:27 224

原创 Java运算符优先级

优先级: 先后顺序, 优先级高的, 先开始运算.将运算符从高到低排序如下(排除了位运算符):

2022-06-21 17:25:09 707

原创 常用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

原创 git-SSL证书过期错误解决办法

git-bug

2022-06-18 11:46:01 856

原创 小程序之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 144

原创 微信小程序开发入门-创建项目及认识结构

​ 微信登录: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关注的人

提示
确定要删除当前文章?
取消 删除