H5
关注
分享
扫一扫
文章平均质量分 76
有蝉
文章有用的话，请点个赞啊
展开
-
vue+vant2—篇1—如何使用list组件（下拉刷新，上滑分页加载）
我在项目中的instList.vue中用到了这个组件，利用mixins封装了公用的方法view-module.jsinstList.vue的代码如下所示：<template> <div class="page-instList"> <van-sticky> <!-- <div class="doc-title">{{ $route.query.modelName }}</d...原创 2022-05-20 14:39:46 · 2335 阅读 · 0 评论 -
HTML5——webworker
概念程序：指可以被CPU执行的代码，程序存储在磁盘上 a.html b.js进程：将程序调入内存中，并且分配指定空间，在内存中的程序称为进程线程：进程内部是由多个线程组成（在内存中）chrome浏览器一个chrome浏览器进程中内部至少6个线程负责向服务器发送请求去获取资源【这种线程叫做：资源(网页、图片、视频)请求线程】一个线程负责绘制所有资源并且执行js程序——ui主线程案例：单线程阻塞<button>按钮1</button><sc原创 2022-05-12 16:47:28 · 493 阅读 · 0 评论 -
HTML中viewport（APICloud-viewport）
viewportviewport 是由 Apple 公司为了让更多桌面网站可以在 safari 浏览器内正常显示而推出的解决方案，后被各大浏览器支持。使用 viewport 可以自定义当前页面在浏览器中以何种分辨率显示。而 APICloud 应用由于在引擎层做了多屏幕适配工作，如手动指定 viewport 为某个具体的数值时，可能会造成我们的应用页面显示变形。在 APICloud ...原创 2019-03-25 14:38:51 · 672 阅读 · 0 评论 -
vue.js 使用 fastclick解决移动端click事件300毫秒延迟方法
一.使用npm安装：npm install fastclick -S二.用法：安装完以后，可以在在main.js中全局引入，并绑定到body，全局生效。或者在单页面引入，只针对当前页面生效//引入import FastClick from 'fastclick'//初始化FastClick实例。在页面的DOM文档加载完成后FastClick.attach(documen...原创 2019-12-19 10:56:33 · 602 阅读 · 0 评论 -
微信config （原生）
微信支付文档https://pay.weixin.qq.com/wiki/doc/api/index.html微信JS-SDK说明文档https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.7006249496464214#4引用微信JS文档 <script src="http://...原创 2019-12-30 16:34:43 · 4973 阅读 · 0 评论 -
vue中使用qrcode 生成二维码
一 安装qrcode.jsnpm install --save qrcode二.封装生成二维码的组件index.vue<template> <div class="QRCode" :style="{'width':width, 'height':height}"> <canvas :id="canvasId" :style="...原创 2020-01-13 14:33:32 · 28885 阅读 · 2 评论 -
移动端动态rem的计算方法 (1rem = 100px）
一 在main.js中引入flexible.jsvue项目中import './assets/js/flexible' //vuejquery项目中<script src="./js/flexible.js"></script>二flexible.js全部代码如下(function (win, lib) { var ...原创 2020-01-13 14:50:11 · 2144 阅读 · 0 评论 -
uni-app uni.request网络请求封装
第一种封装方式：使用Promiserequest.jsimport Vue from 'vue'Vue.prototype.baseURL = process.env.NODE_ENV === 'development' ? 'http://192.168.0.18:9004' : 'http://***/api' ; //环境配置export default function http(options) { let header = options.header || {}; let原创 2020-08-12 13:06:37 · 2401 阅读 · 0 评论 -
uni-app 引入外部js 【只能通过script方式引入的sdk】。 以uni-app h5平台使用腾讯云点播为例
uniapp需要引入sdk,但是这个sdk只能通过script的方式引入，此时，需要配置项目中的manifest.json官网：https://uniapp.dcloud.io/collocation/manifest?id=h5可以如下配置也可以在源码中配置index.html内容如下<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> ..原创 2020-09-02 16:09:08 · 18231 阅读 · 20 评论 -
uni-app 上拉加载分页列表 方法封装【通过mixins的方式引入公用js】
公用的上拉加载分页js:loadPage.jsexport default { data() { return { initial: { createdIsNeed: true, // 此页面是否在创建时，调用查询数据列表接口？ geturl: '', // API地址 getDataListIsPage: false, // 是否分页 method: 'GET' // 请求方式 }, loadingStatus: 'more', //more:原创 2020-08-14 11:54:39 · 1690 阅读 · 0 评论 -
企业微信 引入微信api扫一扫（vue）【h5页面调用微信jssdk】
先引入<scripttype="text/javascript"src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>1.注册首先请求后台，拿到注册参数 ，下面的第一行代码 data 为后台返回值let data ={} //data为后台返回值wx.config({ ...原创 2020-10-22 17:48:24 · 8396 阅读 · 1 评论