鲲鹏扶摇九万里

鲲鹏扶摇九万里 查看完整档案

南京编辑  |  填写毕业院校KP  |  Debugger 编辑 github.com/yankfy 编辑
编辑

=-= 破执灭苦 =-=
我爱js

个人动态

鲲鹏扶摇九万里 回答了问题 · 2020-12-18

vue中使用elementui点击弹框组件初始化加载上一次弹框显示的时候的数据

关闭弹窗的时候,清空弹窗数据不就好了么~

关注 2 回答 1

鲲鹏扶摇九万里 回答了问题 · 2020-12-15

关于谷歌游览器跟IE游览器页面访问时,样式显示不同

浏览器解析CSS不一致导致

例如:

1.对高度的解析

IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度
Chorme: 没有定义高度时,如果内容中包括了图片内容,Chorme的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情 况;当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不会变化,造成样式错位。
结论:大家在可以确定内容高度的情 况下最好定义高度,如果真的没有办法定义高度,最好不用使用边框样式,否则样式肯定会出现混乱!

2.布局问题
当 你在写css的时候,特别是用float: left(或right)排列一窜图片时,会发现在Chorme里面正常而IE里面有问题。无论你用margin:0,还是border: 0来约束,都无济于事。
其实这里还有另外一个问题,就是IE对于空格的处理,Chorme是忽略的而IE对于块与块之间的空格是处理的。也就 是说一个div结束后要紧 接着一个div写,中间不要有回车或者空格。不然也许会有问题,比如3px的偏差,而且这个原因很难发现。
非常不走 运的是我又碰到了这样的问题,多个img标签连着,然后定义的float: left,希望这些图片可以连起来。但是结果在Chorme里面正常而IE里面显示的每个img都相隔了3px。我把标签之间的空格都删除都没有作用。
后来的解决方法是在img外面套li,并且对li定义margin: 0,这样就解决了IE和Chorme的显示偏差。IE对于一些模型的解释会产生很多错误问题,只有多多尝试才能发现原因。
这只是一些简单的区 别,在做布局和CSS设计时候可以综合考虑,但最为有效与简单的解决兼容问题还是用TABLE表格,表格在兼容性方面有着不错 的表现.

3.鼠标样式
Chorme不支持hand,但ie支持pointer
解决方法: 统一使用pointer

5.消除ul、ol等列表的缩进
消除ul、ol等列表的缩进样式应写 成:list-style:none;margin:0px;padding:0px;
其中margin属性对IE有效,padding属性对 FireFox有效
6.CSS透明
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
Chorme:opacity:0.6。

7.CSS圆角
IE:不支持圆角。
Chorme: -moz-border-radius:4px,或者
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius- bottomright:4px;。

8.CSS双线凹凸边框
IE:border:2px outset;。
Chorme:
-moz-border-top-colors: #d4d0c8 white;
-moz-border-left-colors: #d4d0c8 white;
-moz-border-right-colors:#404040 #808080;
-moz-border-bottom-colors:#404040 #808080;

9.滤镜
IE中支持使用滤镜,而Chorme中不支持.

10.禁止选取网页内容:
在IE中一般用js:obj.onselectstart=function(){return false;};
而Chorme用CSS:-moz-user-select:none;

关注 3 回答 2

鲲鹏扶摇九万里 关注了用户 · 2020-12-15

saucxs @saucxs

昵称:saucxs | songEagle | 松宝写代码

github:https://github.com/saucxs

时间永远是自己,每分每秒也都是为将来铺垫和增值。

一、概览
【模块】:研发知识体系构建,精选文章,技术分享,项目实战,实验室,每日一题,进阶学习,字节内推。

二、每日一题
关注后,「周一到周五」每天推送每日一题。

三、字节内推
回复「校招」
回复「社招」
回复「实习生」

关注 10

鲲鹏扶摇九万里 关注了专栏 · 2020-12-15

技术记录分享

自己日常开发的系统和应用,涉及到知识:html5+css3+javascript+vue+vuex+jquery+redis+koa+thinkjs+java+python+mysql+websocket+微信小程序+数据可视化+threejs+canvas+svg+webGL.

关注 25

鲲鹏扶摇九万里 回答了问题 · 2020-11-27

vue项目npm run build:打包部署上线,生成的dist 文件夹。 index页面无法正常显示

dist 中的 index.html为什么打不开?

因为dist文件是需要放在服务器上运行的,资源默认放在根目录下。

打开index.html可以发现,css和js文件的引用使用的是绝对路径,例如:<link href=/css/chunk-00d5eabc.f78fa75d.css rel=prefetch>,对本地磁盘来说,/指向磁盘根目录,所以找不到引用的文件。

可使index.html打开的具体方法

  1. 使用http-server创建一个服务器来访问资源;
  2. 将index.html中资源引用的绝对路径改为相对路径;
  3. 还可以手写一个简单的node服务器。

关注 4 回答 5

鲲鹏扶摇九万里 回答了问题 · 2020-11-27

移动端微信公众号关闭一个h5页面,window.close()方法失效

手机端关闭H5页面所有方法如下。

var isLppzApp = false
var ua = navigator.userAgent.toLowerCase()
var uaApp = ua ? ua.match(/BeStore/i) : '' // match方法返回的是对象
var uaAndroid = /android/i.test(ua) // test返回的是true/false
var uaIos = /iphone|ipad|ipod/i.test(ua)
if (uaApp.toString() === 'bestore') { // 必须将match返回的对象转成字符串
isLppzApp = true
} else {
isLppzApp = false
}
if (window.WeixinJSBridge) {
window.WeixinJSBridge.call('closeWindow') // 微信,只是微信就用这个API。
} else if (window.AlipayJSBridge) {
window.AlipayJSBridge.call('closeWebview') // 支付宝
} else if (isLppzApp && uaAndroid) {
window.obj.closePageLppzRequest('') // 安卓app
} else if (isLppzApp && uaIos) {
window.webkit.messageHandlers.closePageLppzRequest.postMessage('') //ios app
}

window.WeixinJSBridge.call('closeWindow') // 只是微信就用这个API。

关注 2 回答 1

鲲鹏扶摇九万里 回答了问题 · 2020-11-26

js如何使用Proxy代理,实现读取window下的变量时改变其默认行为

Proxy 代理与Object.defineProperty 还是有差别的~

window = new Proxy({},{
    get(key,props){
        console.log(props) //a 
        return index++
    }
})

console.log(window.a == 2 && window.a === 3 && window.a == 4) // true

关注 2 回答 2

鲲鹏扶摇九万里 回答了问题 · 2020-11-25

安装eslint问题

可能是eslint 版本的问题,eslint默认1.0.0版本后会通过回答一些问题,进行自动配置创建.eslintrc文件。
或者也可能是node版本问题~^10.12.0>=12.0.0

关注 2 回答 1

鲲鹏扶摇九万里 回答了问题 · 2020-11-23

vscode有局部格式化插件吗?

升级一下vscode? vscode 自带这功能~

关注 3 回答 3

鲲鹏扶摇九万里 回答了问题 · 2020-11-23

解决link 与@import 的区别

不是你理解的那个JS操作DOM。

link 支持使用 Javascript 控制 DOM 去改变样式;而 @import 不支持。

这句话的意思是

  • link 支持通过JS创建link标签插入样式表。(createElement)
  • @import 方法不支持通过JS方法插入样式表。

关注 3 回答 3

认证与成就

  • 获得 44 次点赞
  • 获得 8 枚徽章 获得 1 枚金徽章, 获得 1 枚银徽章, 获得 6 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2016-05-09
个人主页被 1.3k 人浏览