使用swiper 轮播插件ajax动态加载图片后导航点不动问题。 关于使用swiper 轮播插件ajax动态加载图片后导航点不动问题。逻辑1.通过ajax动态获取数据后获取图片后遍历到Swiper上;2.Swiper将其实例化后做效果渲染。根据上述思路做到的效果如下图:然而这样的话会遇到一个问题,用户在滑动Swiper的时候里面的导航点有时候可以有时候失效!!通过api文档查询找到2个参数observer 和observeParen
JS-移动端调试控制台-vConsole 腾讯开源的移动 H5 的控制台开发调试工具vConsole腾讯开源的移动 H5 的控制台开发调试工具,支持查看 console 日志、网络请求、自定义插件等用于移动网页的轻量级,可扩展的前端开发人员工具。特征查看控制台日志 查看网络请求 查看文档元素 查看Cookies,LocalStorage和SessionStorage 手动执行JS命令 自定义插件安装1.下载模块下载 vConsole 的最新版本。或者使用 npm 安装:npm install...
js-ios对浏览器的浏览器往返缓存处理问题 ios手机的web端中,跳转到第三页面后,再返回回来,原页面的js脚本无法正常执行。虽然说在页面中增加了弹窗做判断能看到有执行,但是js的实际效果并没有反馈。相比安卓和pc上的移动端模拟均正常。网上查询后发现是ios对浏览器的浏览器往返缓存(Back/Forward cache)当判断为后退,或者是缓存中获取到状态变更时候。window.performance.navigation.type == 2 通过后退返回该页面 event.persisted 从缓存获取数据时为true,.
js-获取哈希值指定参数 测试地址http://localhost:8080/#/?game_id=1&token=a28b6b8a850611ea99c100163e0cc37b&role_id=12&zone=1&server_id=14var game_id = location_arr[0].split('game_id=')[1];var token = location_arr[1].split('token=')[1];var role_id = locat
v-on、v-bind、v-for的demo v-on<!DOCTYPE html><html><head> <title></title> <script src="vue.js"></script> <script> window.onload=function(){ new Vue({ el:"#my",...
vue商城数据动态添加删除demo <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
vue第一节课 什么是MVVM?M model 模型 当前视图中可用的数据V view 视图 页面DOM htmlC controller 控制器 处理/加工modelviewModel 监控者 Vuejs的核心Vue官网对它的描述:通过尽可能简单的API实现响应的数据绑定和组合视图组件。1、Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变...
es6 留言板实例 <!DOCTYPE> <html lang="zh-en"> <head> <title>js实现简单留言板</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link href="c...
VUE过滤器的使用 vue 时间格式化 过滤器介绍官方教程地址:https://cn.vuejs.org/v2/guide/filters.htmlvue时间格式化创建Date.jsvar dateFormat = { padLeftZero: function (str) { return ('00' + str).substr(str.length) }, forma...
基于vue-cli配置lib-flexible + rem,实现移动端自适应 安装flexiblenpm install lib-flexible --save引入flexible在项目入口文件main.js中添加如下代码,引入flexibleimport 'lib-flexible'px 转 rem使用 webpack 的 px2rem-loader,自动将px转换为rem安装px2rem-loadernpm install px2r...
vue 使用 vue-awesome-swiper (基础版) 1.0 安装 vue-awesome-swiper(稳定版本 2.6.7)npm install vue-awesome-swiper@2.6.7 --save2.0 引入配置(全局使用)2.1.0 在 main.js 中配置import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/sw...
使用vue-preview的步骤 1.安装插件npm i vue-preview 2.在vue全局,也就是main.js声明插件import VuePreview from 'vue-preview'Vue.use(VuePreview)3.在组件里插入<div class="thumbs"> //list为你数据储存的地方,handleClose在下面组件方法里面设置 ...
在vue_cli上使用mui或引入mui.js各种报错及问题 在子页面xxx.vue中添加mui的js组件后import mui from './assets/js/mui.js'之后执行会报错Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the argument...
js-html2canvas.js实现页面截图并显示或上传 一、js插件引入<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>二、js将需要的标签中的内容做canvas渲染后输出base64图,#xxx是需要渲染的内容html2canvas($("#xxx"), { // 是否尝试使用CO...
js-web前端-多语言切换-data-localize html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>语言切换</title> <script src="js/jquery-2.1.1.mi...
js-createjs-图片预加载方式 引入createjs-js<script type="text/javascript" src="https://gumballs.leiting.com/mobile/20161208/js/preloadjs.js"></script>js预加载方法//图片预加载var queue = new createjs.LoadQueue();queue.o...
h5项目各种小问题解决方案 判断iOS系统版本号if(navigator.userAgent.match(/iphone/i)){ var verinfo = navigator.userAgent.match(/os [\d._]*/gi); version = (verinfo+"").replace(/[^0-9|_.]/ig,"").replace(/_/ig,".");//获取具体的系统版...
js-控制视频播放的全屏开启或者关闭 js-控制视频播放的全屏开启或者关闭//進入全屏 function launchFullscreen(element) { //此方法不可以在異步任務中執行,否則火狐無法全屏 if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.m...