- 博客(13)
- 收藏
- 关注
RSS订阅原创 关于一些奇葩的兼容bug
iPhoneXr canvas层级失效大致就是这样,一个img在canvas上面,所有手机img正常显示,就是ios的这个机型有问题,系统版本14.0img的层级不论多大都会被canvas覆盖解决办法尽然是将canvas的层级设置为-1.虽然逻辑上没有毛病,但是着实让人费解display:fixed元素滚动跟随如图大致所示,navbar可以是搜索框也可以是底部导航栏,滑动page时,navbar跟随滚动,这个问题是由于布局时navbar写在了page元素内,由于布局上下文的原因,此时的navb
2020-09-27 23:49:25
669
原创 vuex module与eventbus的简化使用
eventbus至于什么是eventbus,可以百度了解一下.使用方法如下//bus.jsimport Vue from 'vue'var $bus=new Vue()//我们采用把$bus挂载在原型上的方式,这样我们只需要在main.js中导入bus.js即可Vue.prototype.$bus=$bus//componentA.vue<template> <div class="ca"> <div @click="handleClick">
2020-07-05 20:15:48
1887
原创 去掉gulp使用babel转义js后添加的use strict
gulp移除babel编译js自动添加的use strict字段首先百度了一下，有几个答案都指向了gulp-remove-use-strict这个插件，亲自测试效果是不行的，而且git上反馈的问题也没有人回应，于是自己手动写了一个插件remove-use-strict-from-js安装方法：npm i remove-use-strict-from-js -D使用：const removeUseStrict = require("remove-use-strict-from-js");src(
2020-06-18 18:03:46
932
原创 js排序数组并返回排序后原数组的索引排序
背景:最近一朋友面试,二面机试题,题目大意是:从百度天气的一个api取得天气数据,前端展示天气数据,穿衣指数,点击温度栏进行一个升温降温排序,以及不排序接口地址:http://api.map.baidu.com/telematics/v3/weather?location=深圳&output=json&ak=lsTdWpHKKx2j4m1LhfDDXUgW看着确实没什么难度...
2020-03-05 16:50:13
2663
原创 vuecli3新建工程报错
command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist按照错误提示找到.npm/_cacache,删掉里面的文件夹即可.
2020-02-01 17:17:47
219
原创 vue中使用vue-awesome-swiper注意事项
1 关于vue中使用swiper,swiper不能滑动,loop循环效果失效等问题 swiper不能滑动主要是因为初始化swiper的时候没有拿到数据所导致的,解决这个问题只需先拿到数据,然后再初始化swiper.网上有很多方法都是沿用了在非框架中使用swiper的方法var mySwiper = new Swiper('.swiper-container', options)个人不建议...
2019-12-21 16:54:25
1674
1
原创 启动运行webpack打包vue项目之后生成的dist文件
好吧,看到搜索的人还比较多,提供一个官方简单的方法npm install -g serve(全局安装)serve -s dist(运行打包后的文件)
2019-12-14 23:40:39
1434
4
原创 vue中使用video.js src切换不能播放的问题
video.js在vue中切换视频的正确方式是<video ref="videoPlayer" class="video-js" autoplay> </video>//初始化播放器this.player = videojs( this.$refs.videoPlayer, this.options, fu...
2019-12-08 21:55:37
5892
5
原创 钉钉应用中H5开发适配iphonex
钉钉容器中开发H5应用时适配iphonex首先要了解iphonex屏幕尺寸的一些知识,可以参考H5页面WebView在Iphonex的适配,有了对iphonex屏幕的基本认识后,适配就相对简单一些了.盗图一张:bottom部分fixed定位,底部会造成镂空,此时我们在viewport中加入viewport-fit=cover,html和body设置高度100%,可以将bottom部分下移到...
2019-07-24 10:28:18
2257
2
原创 iphoneX 适配问题
iphoneX 适配问题iphonex的上下都会设置安全距离,如果前端页面没有设置的话会造成镂空和定位不准的问题,此时需要设置viewport并搭配媒体查询来设置样式,具体操作如下 <meta name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover">注意viewp...
2019-07-15 20:43:08
341
原创 前端实现换肤功能
项目背景: 由于项目要求,需要前端对不同的企业用户展示不一样的颜色,也就是简单的更改肤色.本来使用前端框架会很容易解决,但是公司目前的架构不是很好,前后端分离也没有那么彻底,web工程还是搭配jsp,没办法,只好用最纯粹的css来实现换肤要求了.方案一最开始没怎么想,决定使用最简单的方法,根据不同的颜色方案加载不同的css <link rel="stylesheet" href...
2019-07-12 22:09:29
7558
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人