前端
文章平均质量分 53
麻烦让一让,我比较宽
这个作者很懒,什么都没留下…
展开
-
Ultra Light Support
邮箱地址vigorzhang@163.com。如果您在使用过程中有问题请留言或发邮件我。原创 2022-07-19 11:13:37 · 267 阅读 · 1 评论 -
前端关于埋点和曝光的基本做法
前言为了获取用户操作喜好,阅读原创 2022-03-19 09:00:00 · 3208 阅读 · 1 评论 -
关于一些奇葩的兼容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 · 691 阅读 · 0 评论 -
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 · 1914 阅读 · 0 评论 -
去掉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 · 968 阅读 · 0 评论 -
js排序数组并返回排序后原数组的索引排序
背景:最近一朋友面试,二面机试题,题目大意是:从百度天气的一个api取得天气数据,前端展示天气数据,穿衣指数,点击温度栏进行一个升温降温排序,以及不排序接口地址:http://api.map.baidu.com/telematics/v3/weather?location=深圳&output=json&ak=lsTdWpHKKx2j4m1LhfDDXUgW看着确实没什么难度...原创 2020-03-05 16:50:13 · 2724 阅读 · 0 评论 -
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 · 249 阅读 · 0 评论 -
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 · 1721 阅读 · 1 评论 -
启动运行webpack打包vue项目之后生成的dist文件
好吧,看到搜索的人还比较多,提供一个官方简单的方法npm install -g serve(全局安装)serve -s dist(运行打包后的文件)原创 2019-12-14 23:40:39 · 1517 阅读 · 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 · 6050 阅读 · 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 · 2334 阅读 · 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 · 361 阅读 · 0 评论 -
前端实现换肤功能
项目背景: 由于项目要求,需要前端对不同的企业用户展示不一样的颜色,也就是简单的更改肤色.本来使用前端框架会很容易解决,但是公司目前的架构不是很好,前后端分离也没有那么彻底,web工程还是搭配jsp,没办法,只好用最纯粹的css来实现换肤要求了.方案一最开始没怎么想,决定使用最简单的方法,根据不同的颜色方案加载不同的css <link rel="stylesheet" href...原创 2019-07-12 22:09:29 · 7612 阅读 · 2 评论