顶部 页面uniapp
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
【uniapp】【外包杯】学习笔记day07 | 微信小程序轮播图、分类导航、楼层图的开发与实现
1、创建home分支 2、配置网络请求 由于平台的限制，现需要建立uni-app中使用第三方包请求网络数据请求 在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求 1.轮播图的外层容器是swiper2.每个轮播项是swiper-item ......
【uniapp】【微信小程序】如何创建分包
意义：分包可以减少小程序数次启动时的加载时间 1、创建分包的根目录 2、在page.json中，和pages节点平级的位置声明节点，用来定义分包的相关结构 3、在subpkg目录上新建页面 4、完成了 ......
vue3微信公众号商城项目实战系列（11）"我的"页面
我的页面效果如下： Mine.vue 页面代码如下： 布局块代码： 1 <template> 2 <div class="mine"> 3 4 <div class="mine-top"> 5 <img src="/mine.png" /><br /> 6 <span class="mine-top ......
浏览器访问网址到页面出现的过程
最近忙着写作业和面试，还有一些休息。突然想到这个问题，这个问题可能前端问的会多一点，但我个人还是很好奇这个过程的，本科的时候应该学过，现在重温一下。 首先是URL解析 内容是否符合URL规范 如果符合，浏览器判断URL是否完整，不完整的话，浏览器会对域进行猜测，补全前缀或者后缀 不符合的话，将输入内 ......
Geoserver使用学习-管理页面
GeoServer是一个基于Java的共享地理空间数据的开源服务，允许用户查看和编辑地理空间数据。 使用开放地理空间联盟（OGC）制定的开放标准，支持WFS、WMS、WCS、WPS、WMTS，在地图创建和数据共享方面具有极大的灵活性 官网 本地部署后访问管理页面 http://localhost:8 ......
微信小程序、uniapp、vue生命周期钩子函数
生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数，第一个：通过App()来注册一个小程序 ，第二个：通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件，在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......
长时间不操作报错原因 操作页面时报错Unexpected token <
长时间不操作报错原因 操作页面时报错Unexpected token < 刷新后页面正常。 这是因为页面请求的js文件资源找不到（判断此原因的元素：点击报错的时候network中会加载一个js文件，右键文件新标签页打开跳转到404文件即可确定是此问题） 更详细的内容，可以忽略：（可以服务器返回一个h ......
web页面播放spine动画及播放相关使用及总结spine-player.js
1.官方git,里面有些例子可以参考。 https://github.com/EsotericSoftware/spine-runtimes.git 2.官方播放器： http://zh.esotericsoftware.com/spine-player 目前测试4.0以上的js支持动画模型透明 3 ......
vue3微信公众号商城项目实战系列（10）生成订单页面
本篇实现订单确认页面的功能，订单及订单明细表结构如下： 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......
vue3微信公众号商城项目实战系列（9）购物车页面
本篇显示购物车中的商品，购物车表结构如下，我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......
Dapp 连接TrustWallet钱包签名返回error:call backid 页面刷新
由于一开始钱包的连接使用的是ethers库，它兼容一般的钱包连接MetaMask bitkeep 等。后来没有单独使用其他的连接方式，使用了metaMask原有的方式连接trustWallet钱包。惊奇的发现能连接上，以为能使用原有的方法，但是在手机端的Dapp上连接签名是正常的，签名的时候也能吊起 ......
uniapp微信小程序设置插件样式
使用的腾讯位置服务的城市选择器插件，样式出现问题 最后在App.vue文件中设置插件样式 .cs-page-container{ width: 100%; } 解决问题。 ......
uniapp分包
pages.json: { "pages": [ { "path": "pages/index/index", "name":"index", "style": { "navigationStyle": "custom", "navigationBarTitleText": "首页", "app-p ......
直播系统代码，小程序全局分享和页面分享
直播系统代码，小程序全局分享和页面分享 全局分享 App({ onShareAppMessage() { wx.onAppRoute(() => { console.log('当前页面路由发生变化 触发该事件onShareAppMessage') const pages = getCurrentPa ......
vue3微信公众号商城项目实战系列（8）商品展示页面
本篇实现在首页展示商品功能，表结构如下： 表名 字段 功能 goods goods_id (int) 商品编号 goods_name (varchar) 商品名称 photo (varchar) 商品图片 price (decimal) 价格 商品表 页面呈现效果如下： 第1步：在 api.js 中 ......
uniapp兼容微信小程序和支付宝小程序遇见的坑
1、获取当前帐号信息 getAccountInfoSync兼容；my.getOpenUserInfo 无效的授权关系 微信小程序：wx.getAccountInfoSync() 支付宝小程序： <button class="popup-btn" @click="openAuth" type="pri ......
vue2之跨页面调用和传参
A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面？有什么好处呢？ ......
影响页面首屏加载时间的因素
项目增加后，首屏加载就会出现白屏的问题，一般首屏加载时间最好在2秒以内，才能不影响使用体验 下面介绍下主要影响因素和解决办法： 一、网络问题： 1）可能是由于网络厂商和服务器性能决定 2）请求太多，由于浏览器并行请求在8个以下，超出的只能排队等待，所以如果请求太多，不仅增加了网络TCP连接时间还增加 ......
uniapp 集成 sentry，并上传sourcemap，定位错误
具体见 ： https://blog.csdn.net/weixin_49192390/article/details/113989218?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168178969316800197063528 ......
uniapp 使用u-icon 图标不显示 手机端不显示
uni_modules>uview-ui>components>u-icon>u-icon.vue中， // 非nvue下加载字体 // @font-face { // font-family: 'uicon-iconfont'; // src: url('https://at.alicdn.com ......
uniapp点击选中更改背景色，第二次点击直接跳转
直接上代码 <view id="index0" v-for="(item, index) in value.list" :key="index" class="text-item" style="background-color: #fee3b3" :style="{ width: 'calc(10 ......
vue不同页面方法调用|跨页面传参|事件总线
事件总线 需要在不同页面间传递参数或者进行方法调用，可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面（发起请求） import Event fro ......
为什么html页面不能显示标签el-checkbox的多选框，只有名称值
问题描述 我引入了el-checkbox之后，发现浏览器页面只是显示里面的文字，并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知，使用Element-UI组件时，我们需要用div标签将其包裹起来； 然后使用script标签定义一下div里面的id属性，然后才能够引用到这个el-标 ......
uniapp运行app项目无法连接到手机
1.手机需要打开开发者模式 2.adb端口占用（从任务管理器中结束进程） uniapp项目真机调试遇到的问题(持续更新中) - 简书 (jianshu.com) 解决端口占用问题 - 简书 (jianshu.com) ......
uniapp ios app离线打包
前言 进行UniApp 离线打包之前， 建议先认真阅读一遍官方的开发文档。真正阅读过了，可以少踩很多坑。本文介绍离线打包前的准备及iOS工程的一些配置和需要注意的事项。 官方文档： App离线打包 iOS插件开发教程 iOS原生工程配置 首先，需要去UniApp官网创建一个开发者账号 注册开发者 登 ......