
前端
文章平均质量分 72
顽石九变
人生没有彩排,每一天都是现场直播,所以每一刻都要活得精彩。
展开
-
echarts 显示中国地图以及省份
这里使用echarts 4.9的版本显示中国地图,因为5.X的版本已经把地图模块分离出去了可以从这里下载全国地图数据或各身份的数据 https://github.com/apache/echarts/tree/master/test/data/map原创 2024-09-10 18:30:47 · 3928 阅读 · 0 评论 -
【uniapp】小程序开发8:滚动组件scroll-view
我们经常需要做页面中部分内容可以滚动的功能,例如“猜你喜欢”,内容太多,通常都会超出屏幕,那么此块区域应该可以滚动,但是顶部的自定义导航栏应该不能随着滚动。这个时候,就可以使用uniapp提供的滚动组件scroll-view。原创 2023-12-11 18:10:20 · 6921 阅读 · 0 评论 -
【uniapp】小程序开发7:自定义组件、自动注册组件
自定义组件、自动注册组件。自定义轮播图组件、轮播图指示点组件,以及ts类型提示原创 2023-10-24 09:39:10 · 958 阅读 · 0 评论 -
【uniapp】小程序开发6:自定义状态栏
可以设置某个页面的状态栏自定义或者全局状态栏自定义。因每台手机的顶部预留高度不一样,需要通过方法uni.getSystemInfoSync()获取顶部安全区域高度,然后通过样式预留出来。原创 2023-10-08 18:08:36 · 1002 阅读 · 0 评论 -
【uniapp】小程序开发4:微信小程序支付、h5跳转小程序
uniapp开发微信小程序,唤起微信支付窗口。h5页面可以通过官方标签wx-open-launch-weapp跳转到指定的小程序,该标签只能在已认证的服务号,服务号绑定“JS接口安全域名”下的网页中使用原创 2023-10-08 18:00:38 · 1297 阅读 · 0 评论 -
【uniapp】小程序开发5:获取openid、获取手机号
在小程序中获取openid,以及用户微信绑定的手机号,获取手机号必须是用户手动触发,通过给按钮绑定权限代码open-type="getPhoneNumber"获取原创 2023-10-08 18:03:35 · 5948 阅读 · 5 评论 -
【uniapp】小程序开发3: 分包配置
在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。App开启分包后,每个分包单独编译成一个js文件(都包含在app内,不会联网下载),当App首页是vue时,可减小启动加载文件大小,提升启动速度。因小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。原创 2023-09-20 11:35:05 · 587 阅读 · 0 评论 -
【uniapp】小程序开发2:安装uni-ui组件库、使用pinia状态管理、自定义http请求
使用uni-ui组件库开发、使用pinia状态管理及分模块管理、增加请求拦截器以及自定义http请求原创 2023-09-13 19:05:35 · 1984 阅读 · 2 评论 -
【uniapp】小程序开发1: 创建项目、vscode配置
使用uniapp开发小程序可以实现一份代码打包成多个不同平台的小程序。这里使用uniapp官方的项目模板作为示例,采用vue3+ts开发,并使用vscode作为开发工具原创 2023-09-13 18:59:33 · 2464 阅读 · 2 评论 -
【Vue3学习】Vuex 状态管理 store
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。原创 2023-06-17 12:38:12 · 3345 阅读 · 0 评论 -
SpringBoot+Vue实现动态语音播放
SpringBoot+Vue实现动态语音播放。实现效果:- 页面点击播报语音按钮,调用后台接口获取二进制byte[]- 前端得到返回数据,调用浏览器控件AudioContext解码音频流,实现播放。原创 2023-04-25 18:07:46 · 2085 阅读 · 0 评论 -
Vue3获取地址栏参数
Vue3 获取地址栏参数有两个方式:查询参数和路径参数。Vue3获取地址栏参数是从路由router中获取,查询参数和路径参数获取方式不一样。原创 2023-04-23 09:57:00 · 4193 阅读 · 0 评论 -
Vue3核心知识点
一、setup组合函数定义数据、函数、生命周期、监视函数等;通过return暴露出去在beforeCreate之前执行一次,this是undefined1、setup的参数,propsprops:值为对象,包含:组件外部传递过来,且组件内部声明接收了的属性在父组件中给子组件传递数据并且接收到的数据被包装成一个代理对象,能够实现响应式2、context:上下文对象...原创 2022-06-30 18:07:26 · 1223 阅读 · 0 评论 -
Promise使用
Promise,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大。原创 2022-06-22 10:50:01 · 193 阅读 · 0 评论 -
Web自动打印方案 Lodop
说明由于浏览器安全限制,直接在js中调用window.print() 只能弹出打印预览窗口,无法自动调用打印机进行打印。在许多业务场景下,希望能够做到自动调用打印机打印,无需人工干预。Lodop通过本地驱动和浏览器控件相结合的方式解决了Web自动打印的需求。支持各种浏览器使用步骤1、下载安装驱动及控件通过[http://www.lodop.net/download.html]下载相关...原创 2019-09-02 15:54:45 · 2686 阅读 · 1 评论 -
vue简介
文章目录vue简介安装命令行工具 (CLI)Vue 实例数据与方法模板语法文本原始 HTML特性使用 JavaScript 表达式指令参数修饰符缩写v-bind 缩写v-on 缩写计算属性和侦听器计算属性 vs 侦听属性计算属性的 setterClass 与 Style 绑定绑定 HTML Class数组语法条件渲染列表渲染事件处理监听事件事件修饰符按键修饰符表单输入绑定修饰符组件使用组件全局注册...原创 2018-11-06 18:22:20 · 199 阅读 · 0 评论 -
模板引擎thymeleaf简介
文章目录模板引擎thymeleaf简介配置,结合springBoot语法简介基本表达式工具类表达式示例,格式化日期th:object 选中对象(*号表达式)th:block标签Expression inliningth:removeEL表达式直接调用bean方法表达式参考资料模板引擎thymeleaf简介Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境...原创 2018-11-06 17:35:10 · 497 阅读 · 0 评论