js
杨同学*
你好,我是杨同学。
展开
-
禁止用户缩放页面(ctrl+滚轮或者Ctrl+“-”“+”)
1.移动端H5<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">2.pc端,原生 <script> document.addEventListener('mousewheel', function (e) { e = e || window.event; if ((e.wheelDelt原创 2021-12-28 10:47:03 · 1942 阅读 · 3 评论 -
4,uniapp功能之——APP更新,打包上线安装后的app的随时更新,页面实时显示当前更新的百分比
App.vue这文件都有吧,当然,也可以写在其他页面,看项目需求了。思路:第一个方法调接口返回来的是版本号和新的版本链接,将这个版本号与当前app的版本号进行比较,接口返回的版本号大于当前的版本号就弹窗提示用户有新版本了,要进行更新了,弹框有两个按钮,“立即更新”, “以后再说”],立即更新就跳转链接进行更新,链接的地址就是接口返回过来的地址,赋值就可以了,以后再说就代表用户不更新,不更新可以让他继续使用这个软件,我这里是强制更新,不更新就退出软件,第二个方法就是下载新版本app了,等他下完就可以进行安原创 2021-11-09 14:32:56 · 1448 阅读 · 2 评论 -
鼠标滚轮的滚动事件,判断鼠标向上还是向下滚动
代码:JS // 鼠标滚动事件 windowAddMouseWheel() { let that = this; var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时原创 2021-07-21 13:16:24 · 2075 阅读 · 4 评论 -
通过单击按钮实现全屏、退出全屏
没什么好说的,看代码HTML<el-button size="mini" type="success" @click="intScreen">全屏显示</el-button><el-button size="mini" type="success" @click="outScreen">退出全屏</el-button>JS // 全屏 intScreen() { var docElm = document.document原创 2021-07-21 13:02:54 · 692 阅读 · 8 评论 -
vue中的select下拉框多选
效果图:代码:css: <el-select v-model="xxx" multiple value-key="id" collapse-tags @change="clk"> <el-option v-for="(item,index) in arrs" :label="item.name" :value="item" :key="index"> </el-optio原创 2021-05-25 11:26:52 · 4530 阅读 · 6 评论 -
Echarts基本的实用属性
大家也可以去Echarts官网查看相关属性:echarts官网,下面都是我在官网中提炼和平时工作中所用到的基本常见属性以及一些特殊属性。基本结构<html> <div id="container" style="width:100px;height:100px"><div></html><script> var chartDom = document.getElementById('container'); var myChart =原创 2021-05-17 09:43:16 · 1341 阅读 · 7 评论