公众 页面uniapp vue-h
从单页面应用到 Hypermedia-Driven Application Architecture
单页面应用程序（通过网络传输JSON）是在单个网页上运行的应用程序。在加载一个HTML页面和一些JavaScript后，它们依靠Ajax（“异步JavaScript和XML”）请求在服务器和客户端之间传递JSON数据对象，通过JavaScript和文档对象模型（DOM）API来更新HTML页面，而无 ......
如何获取页面上某个元素的坐标
打开浏览器的F12控制台，在console内输入下面代码 function getPosition(node) {//获取元素相对于其父元素的left值var leftvar left = node.offsetLeft;var top = node.offsetTop;// 取得元素的offset ......
webSocket基础配置node和页面使用
# webSocket 简单配置： https://blog.csdn.net/qq_43206280/article/details/103770949 ```javascript //app.js var ws = require("nodejs-websocket"); console.log ......
2023-06-27 uniapp之h5端之hbuilderx显示错误未修改，但vscode里已修改
hbuilderx抛出一个错误，注释掉对应的一行代码就应该没事了，但是还是显示原来的错误，就好像没修改到一样；我是用hbuilderx来运行uni项目到h5端的，然后用vscode来修改代码； 我在hbuilderx打开对应的文件查看，结果在hbuilderx里面显示是没修改，真是奇了怪了，vsco ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下：  的服务器端渲染 (SSR)。 然而，在初始请求之后，浏览器仅通过 AJAX 异步检索 HTML 片段，因此整个页面不再重新渲染。 与单页应用程序 (SPA) 不同，服务器还处理应用程序的逻辑和状态： [图片] 单页面应用 ......
08异步短信发送，注册功能，补充【1.为什么要写media才能访问，2.debug作用，3.ALLOWED_HOSTS 的作用】前端登录和注册页面与功能
# 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......
thinkphp或者其他h5页面开启HMR
在 ThinkPHP 框架中，HTML 文件通常是由 PHP 渲染的视图文件。要在这样的环境中实现 HMR（Hot Module Replacement，热模块替换），你可能需要将前端开发环境（如 Webpack 或 Vite）与 ThinkPHP 集成。 以下是一个基本的步骤： 1. 首先，你需要 ......
基于Java+selenium+Chrome，实现截取html页面内容并保存为图片
## 1、需求 实现Java程序发送邮件，并将输入的多个页面转为pdf类型附件一同发送出去。而页面如何转为pdf呢？其中的一个方案就是先将html页面转为图片，再将图片合并为pdf。此文记录的是html=>png过程。 ## 2、开发 ### 主要依赖 ```xml org.seleniumhq.s ......
2023-06-26 uniapp之小程序分包无效 subPackages为空
前言：小程序分包，设置好路径后发现打包后的app.josn文件（unpackage\dist\dev\mp-weixin）中的subPackages还是为空? 原因：subPackages写法有误，仔细对比了一下，发现subPackages应为数组而不是对象。 "subPackages": { "r ......
Linux环境使用Apache部署静态html页面
#### Linux环境使用Apache部署静态html页面 ###### 安装httpd ```python yum -y install httpd ``` ###### 启动Apache并验证 ```python systemctl start httpd service httpd stat ......
h5-vue-uniapp-节流防抖共通方案
参考：https://juejin.cn/post/6959161295358656520 描述：防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用： ``` /* func：要进行防抖处理的函数 delay：要进行延时的时间 immediate：是否使用立即执行 true立即执行 ......
html去除页面的滑动条
https://blog.csdn.net/WzhCsdnd/article/details/129465827 1、在<body>里直接加入，可隐藏滚动条； 例如：<body scroll="no">，隐藏滚动条；<body scroll="auto">宽度或高度大于页面的宽或高时，不显示滚动条， ......
JavaScript、vue、uniapp如何获取本周开始时间和结束时间？
``` //获得本周的开始时间： getStartDayOfWeek(time) { let now = new Date(time); // 当前日期 let nowDayOfWeek = now.getDay(); // 今天本周的第几天 let day = nowDayOfWeek || 7; ......
uniapp微信小程序转支付宝小程序踩坑（持续更新）
首先第一个，真有被折磨到！ // 微信正常使用，支付宝不行 <image src="https://static.dabapiao.com/images/coupon-index.png" mode=""/> // 以下两种 微信、支付宝都正常使用 <image src="https://stati ......
调试 Web 页面时如何替换请求响应结果
开发 js sdk 项目的时候，经常会希望快速检查我们的改动在真实场景中的表现。我们不可能直接更新到生产环境，于是很多人会考虑配置代理，并替换响应内容。 但代理配置起来并不方便，比如在 ios/android 真机上开关代理需要手动输入ip、端口。我们还有一些更便捷的方法： Chrome local ......
uniapp开发微信小程序随笔
1）获取某个元素距离顶部的高度 getObjectToTop(obj) { let query = uni.createSelectorQuery().in(this); query.select(obj).boundingClientRect(data => { this.objtop = dat ......
其他——27页面滚动渐入动画
1.安装动画库； npm install animate.css 2、在main.js中引入； import animate from "animate.css"; 3、给对应的模块设置好想要的animate动画类名，通过一个变量控制是否添加/移除该类名，达到重复播放的效果； 4、在mounted中 ......
uniapp 蒙版层中使用scroll-view解决滚动穿透
使用page-meta来解决这个问题 nvue没试过 在当前页面上使用 page-meta必须是页面的第一个元素，当弹出层显示的时候，将overflow 变为hidden就可以了，记得写height:100vh page-meta类似于H5中的body，等同于给body加上了overflow hid ......
uniapp项目嵌入微信公众号，授权登录
1.创建公众号 2.配置公众号信息 =>公众号设置 =>账号详情 =>功能设置 =>配置业务、js接口安全、网页授权域名 =>人员设置：绑定开发者微信号 3.基本配置 =>appid，appsecret，配置白名单（服务器ip地址） 4.web开发者工具菜单：绑定开发者微信号 5.自定义菜单：菜单内 ......
vue项目本地启动history路由模式刷新页面404
背景：之前一直用hash模式，改成history模式后刷新页面404 解决：`vue.config.js` 中 `publicPath: "/"` > 如果是线上服务则还需要后端修改一些配置，见链接 [点击查看](https://v3.router.vuejs.org/zh/guide/essent ......
前后端分离，前端和后端是并行开发吗？还是前端先开发?后端在开发时能不能先看到项目前端的页面？
前后端分离并不只是开发模式，而是web应用的一种架构模式。 在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试； 在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。 并行开发： 1. 开发前，前后端定义接口规范 2. 定义好接口后，后端 ......
基于uni-app+vue3渲染markdown格式|uniapp软键盘顶起问题解决方案
前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起，页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。 如上图：支持h5+小程序+App端markdown解析渲染。 上面 ......
uniapp+tp6实现微信公众号内H5支付
## 说明 前端使用uniapp,后端使用php,简单实现公众号内微信支付 后端还使用了`easywechat`这个微信开发库的4.x版本 微信支付流程 1.先去微信支付官方下单 2.然后我们拿着返回的参数再去前端发起支付 3.支付结果 ## 步骤 ### uniapp部分 uniapp部分需要做到 ......
uniapp+tp6实现微信公众号网页授权
## 说明 uniapp+tp简单实现微信公众号网页授权 后端除了tp6以外还需要一个`easywechat`微信开发库 ## 实现 ### 前端uniapp部分 1.首先判断本地缓存内是否有openid,有就不需要授权 2.没有openid就去请求后端授权,然后后端取到授权把信息放在url内,重定 ......
vue学习第26天 xxxx响应式页面制作
项目地址：后续添加 1、布局分析 nav2列、article 7列、aside 3列 2、屏幕划分分析 移动端布局总结 1、移动端主流方案 2、移动端技术选型 1）流式布局（百分比布局） 2）flex布局（推荐） 3）rem适配布局（推荐） 4）响应式布局 建议：我们选取一种主要技术选型，其他技术做 ......
HTML---------页面元素标签<meta/>的使用
<meta/>标签用于定义页面的元信息(不会显示在页面中)，可重复出现在<head>头部标签中 （1） <meta name=”名称” content=”值” /> 在<meta/>标签中使用name和content属性可以为搜索引擎提供信息，其中name属性用于提供搜索内容的名字，content属 ......