顶部 页面uniapp
uniapp使用高德地图注意事项
1、获取定位信息需要连接网络 2、map 组件使用的经纬度是国测局坐标，调用 uni.getLocation 接口需要指定 type 为 gcj02 3、H5 端获取定位信息，需要部署在 https 服务上，本地预览（localhost）仍然可以使用 http 协议。 ......
Vue3 reactive 操作数组 响应性(数组变了,但页面显示没变)问题
问题代码: tableTemplates: Array<HkTaskTemplateEntity> = reactive([]); //删除方法的一部分 ,根据templateId删除数组数据this.tableTemplates = this.tableTemplates.filter(item ......
SPA单页面网站首屏加载优化
对于vue和react这些单页面应用都有一个弊端，首屏加载时间长，对于用户的使用体验很不好，我们这次的目标是把页面整体加载时间控制在800ms以内 首先说下我的项目情况是vite+vue3+ts 下面主要说说要做哪些事情： 一、开启gzip资源压缩 gzip需要后端配置，在nginx里面开启，ngi ......
直播系统代码，实现Uniapp中的自定义按钮跳转
直播系统代码，实现Uniapp中的自定义按钮跳转 在index页面中，我们需要添加两个自定义按钮，分别为“跳转到page1页面”和“跳转到page2页面”。具体代码如下： <template> <view class="container"> <view class="btns"> <view cl ......
餐厅页面
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ......
登录页面
<!DOCTYPE html><html><head> <title>Register</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .container { max-width ......
uniapp 引入非模块化js
uniapp开发的H5,引入第三方的非模块化.js文件，如self.js，就是纯js文件，没有module.exports暴露出来成为一个对象， 这种放在common文件夹下，引入会提示找不到，这时候应该把该 self.js放在static文件夹下， uniapp发行H5时static文件下的内容不 ......
uniapp分页请求
<template> <view> 循环请求的数据 </view> <view> {{ isLoading ? 加载中...' : '没有更多了' }} </view> </template> export default { data(){ return{ dataForm:[ ],//分页数据 ......
多种方案教你实现iframe嵌套页面相互传参(父子通信)
[toc] ## 需求描述 在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？ ## 开始上手 
【新课uniapp零基础入门到项目打包（微信小程序/H5/vue/安卓apk）全掌握】 https://www.bilibili.com/video/BV1mT411K7nW/?p=24&share_source=copy_web&vd_source=03c1dc52eeb3747825ecad04 ......
django页面导入导出
django页面导入导出 导出的业务比较通用，广泛，需要开发效率，可以使用 django_import_export 导入，业务不常用，但需要定制化，错误消息要详细，用django_import_export导入，一般用在后台或开发人员自己转移数据。 但提供给前台用户， 还需要选择可定制的，我选择d ......
elecrton 隐藏最顶部框架
main.js const mainWindow = new BrowserWindow({ width: 1200, height: 800, frame: false, }) ......
vue2+element-ui国际化实战不刷新页面
# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......
uniapp代码片段
{ "Print to console": { "prefix": "uni", //写成自己满意的前缀(name) "body": [ "<template>", " <view>$0</view>", "</template>", "", "<script>", "export default ......
React学习时，outlet配置(token判定，页面path监听)
尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 为 src 文件配置 v6版本：路由子组件 App.js ``` im ......
HTML页面中返回顶部的几种实现方式
## 第一种:引用外部jQuery 新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看到效果. ```html doc ``` ## 第二种:使用css及特殊图标进行设置 全代码打造简洁美观回到顶部按钮,同上,将代码复制进HTML文件中,打开即可看到效果 ```html doc ⌆ ``` ......
小程序进入页面自动播放音频
以前我开发PC和H5时知道 音频/视频如果自动播放是需要静音的 小程序是不一样的 1. 首先肯定是要在 onLoad / onShow 中调用我们准备播放用的函数 这里根据自己需求写 2. 重点 我们需要构建一个 InnerAudioContext 对象 //创建内部 audio 上下文 Inner ......
Uniapp下GoEasy通知栏推送不工作问题排查记录
我们是uniapp开发的app，项目中的系统消息推送使用的是GoEasy Websocket 实时推送，上线一段时间后，客户反馈说，当app没有在前台运行时也需要想办法通知用户一些重要的系统通知。那么此时通知栏推送就需要集成了。集成通知栏推送很麻烦，国内一些公司做了一些插件来帮我们打通app跟厂商之 ......
618技术揭秘：探究竞速榜页面核心前端技术
本文将探究京东竞速榜H5页面的核心前端技术，包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面，希望能够为广大前端开发者提供一些有用的参考和思路。 ......
uniapp,微信小程序点击按钮打开地图进行导航
uniapp示例： <view class="order-contact-item" style="width:50%;text-align: center;" @tap="openMapNavigation">导航商家</view> //js函数打开导航 openMapNavigation() { ......
2023-06-27 uniapp项目之小程序端无法显示图标，h5端能正常显示
原因：不能显示的图片标签为uview-ui的u-image，它没有高度只有宽度，所以撑不起一张图片。 解决方案：给u-image添加高度。注意要按照这种格式写： <u-image width="60rpx" height="60rpx" /> 而下面这种行内样式是不生效的，具体为什么我也不知道~ < ......