- 博客(17)
- 收藏
- 关注
RSS订阅原创 [踩坑]vue中mouseup选中文本和click点击事件冲突，阻止冒泡不生效
[踩坑]vue中mouseup选中文本和click点击事件冲突，阻止冒泡不生效
2022-09-13 17:02:02
3593
1
原创 【踩坑】ckeditor5缩进功能无法直接使用的问题解决，以及首行缩进功能
ckeditor5缩进功能无法直接使用的问题解决，以及首行缩进功能
2021-12-16 18:37:02
1575
2
原创 H5图片预加载js
项目需求：一个有很多张图片的H5电子书，在翻页之前做一个从0%加载100%的loading1.搭一个loading页，html和css就不多说了<div class="loading"> <p class="progress"><span class="progressTxt">0</span>%</p></div>2.实现思路，将所有图片放进一个数组，遍历数组，声明Image对象，通过Image对象load事件，每一张图
2020-11-25 17:49:38
503
原创 [踩坑]document.title在ios中不起作用
直接改动document.title对ios系统不起作用解决思路：修改了title后，立即创建一个请求，加载一个空的iframe，由于加载后立即就移除，且display:none，也不会对页面造成影响var _body = document.getElementsByTagName('body')[0];document.title = this.curPlayAudio.vname;var _iframe = $("<iframe style='display:none;' src='l
2020-09-04 18:31:55
1908
1
原创 vue判断页面是否加载完成后，执行事件
很多时候用this.$nextTick并不能满足需求通过定时器，判断document.readyState的状态来执行事件var _this = thisvar timer = setInterval(function () { // 判断文档和所有子资源(图片、音视频等)已完成加载 if (document.readyState === 'complete') { //执行方法 _this.fn() window.clearInterv
2020-09-04 18:12:29
13346
1
原创 sublime配置vue语法高亮显示
sublime在默认时，Vue.js 的单文件组件（*.vue）是不被识别的。若要想高亮显示，就需要安装插件 Vue Syntax Hightlight。安装步骤如下：1.在 sublime 中打开 PackageControl 如下图,使用快捷键 Ctrl+Shift+P。如果没有PackageControl，可在这里输入下载2.打开 Install Package 窗口。输入in下图中第一个，回车。打开过程中，右下角状态栏会出现。如下图标识，等待一会将会打开。3.输入vue，下载如图插件
2020-09-02 15:48:41
1068
原创 [git]从已有分支拉出新分支
需要切换到被拉取的分支，并且拉取项目：git checkout master git pull接着创建一个新分支，并且切换到新的分支：git branch newbranch git checkout newbranch把本地分支push到远端：git push origin newbranch当前分支还没有和本地分支进行关联，下面进行关联git branch --set-upstream-to=origin/newbranch再次拉取，完成任务。git.
2020-09-02 15:47:21
551
原创 [踩坑]vue-cli3安装babel-polyfill后，IE/安卓5.1等低版本页面仍然空白
前面先一样，按照网上最普遍的方法，进行了安装和配置：根目录下新建 .babelrc 文件{ "presets": ["@babel/preset-env"], "plugins": [ "@babel/plugin-transform-runtime" ]}2.修改 babel.config.jsmodule.exports = { presets: [ [ '@vue/app', { useBuiltIns: 'entry', poly
2020-06-30 10:59:01
6014
2
原创 [踩坑]vue-cli3中当swiper4的loop:true时，点击事件失效
项目需求很简单，点击每张轮播图跳转到对应的链接，然而当loop设为true的时候，直接在swiper-slide绑定点击事件是失效的，而将loop设为false又不符合产品需求。解决思路：利用swiper的click事件，获取当前的轮播图的索引，从list中找到对应索引的url，再调用跳转方法解决方法：<div v-swiper:mySwiper="swiperOption"> <div class="swiper-wrapper"> <div class="sw
2020-06-03 14:29:42
664
原创 [踩坑]移动端安卓微信浏览器video.currentTime设置无效
背景介绍：项目需求是video的src是异步获取的，因此在移动端碰到了currentTime设置无效的问题。原因大概是currentTime先赋值了，但是视频资源还没有加载完成。网上搜了一些方法：var myPlayer = $("#player");var userAgent_m = navigator.userAgent;if(userAgent_m.indexOf("iPhone...
2020-04-29 15:25:02
3682
1
原创 [踩坑]解决用require.js引用video.js报错的问题
直接用require.js引用video.js，发现会报以下的错误require(['videojs'],function(videojs){ var options = {}; videojs(id, options, function(){ //...... })})话不多说，不整那些虚的，直接上解决方法：define('global/window', [], () =&...
2020-03-02 15:46:21
1448
原创 【踩坑】video移动端禁止/阻止/取消默认的全屏播放
ios和安卓系统，使用video标签，点击播放按钮，会默认全屏播放，而我们要实现的效果是：禁止/阻止/取消默认的全屏播放，不整那些有的没的，直接上代码：<video x5-playsinline="true" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" ...
2020-03-02 15:36:32
4996
1
原创 [踩坑]在swiper以外的别处点击按钮，触发swiper的翻页按钮
业务需求，需要在swiper以外的别处点击按钮，触发swiper的翻页按钮。需求不多说了，直接上方法：$(".btn").click(function(){$(’.swiper-button-next’).trigger(‘click’);})...
2019-12-11 17:39:21
1261
原创 [踩坑]CDN引入vue不兼容IE浏览器，SCRIPT1003: 缺少 ‘:‘，Promise未定义
由于项目需求特殊，采用CDN引入vue的方式来做的项目，而不是用脚手架工具。于是就遇到了IE不兼容的问题。-----------------------------背景介绍完毕，废话不多讲，直接上解决方法-------------------------------------------------------1.首先是采用vue渲染的页面在IE中直接不显示，控制台报错SCRIPT1003...
2019-10-28 14:33:08
2881
原创 [踩坑]ueditor上传单个视频不能保存、不能换行继续编辑的问题
由于项目需要，用到了ueditor富文本编辑器。在此先感谢一下ueditor大大，比对了好几家编辑器，发现完美的ueditor是最能满足我们项目需求的。但是在使用的过程中发现，单独上传一个视频之后，不能再次获取光标，因此也不能进行换行以及继续编辑。更有甚者，单独上传一个视频，保存时内容为空解决方法：在ueditor.all.js中，检索到creatInsertStr方法1.在cas...
2019-09-10 16:21:36
1251
原创 [踩坑]通过append添加的元素，click事件失效问题
习惯用click直接对dom进行动态事件绑定，方便快捷，最根本的原因因为懒…但是会遇到dom是用append动态嵌入的，click事件就会失效。$(".myBox").click(function(){alert(1);});$("#myDocument").append("");这时候就要用事件委托，将事件委托给父元素去执行：$("#myDocument").on(“click”,...
2019-09-10 15:07:55
855
原创 [踩坑]给radio的checked多次赋值，select的selected多次赋值，attr不起作用
在某个项目中，要根据每个item的不同的条件对radio的checked进行赋值，$(“input[name=’ ']”).attr(“checked”,true);多次赋值，会发现attr不起作用的情况。于是将attr改成prop：$(“input[name=’ ']”).prop(“checked”,true);解决了...
2019-09-10 14:53:04
556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人