5.22 locahost仅是本地服务域名。★★★v-show引发refs不渲染, created和mounted,npm install xxx区别,display,visibility,opac区

1、新手会误将localhost域名作为开发域名一用到底。
今天做移动端本地前后联调时,误以为http://localhost:8080就是本地域名,这种说法是正确的,但是这是本地的修改后的域名,真实域名是http://XX.XXX.XX.XX:8080,xx是本机ip,而联调时,外部访问本机,只能通过真实ip。有的人知其一,不知其二,用http://localhost:8080去访问接口,而手机端无法识别localhost:8080,这域名只局限于本机,外部是无法识别localhost的,所以一句话概况:
前后联调:手机访问本机,访问本机的客户端以及服务端接口,均得通过本机的ip访问。localhost是假域名。
且,要是开发者模式,访问服务端并不需要ip,因为客户端的访问已经携带了ip,通过axios.get(/api/getDiscList),也可以正确访问服务端,因为默认服务端接口就是本地8080,那么/api/getDiscList,虽然无域名,但指向就是本地8080端口。

2、v-show为false引发$refs下属性的不渲染,$refs渲染的属性都为undefined
v-if不用说,dom直接注释。v-show 为false 时,dom虽然在,但是$refs无法渲染dom内的属性。当v-show为true时,$refs才会被激活,才能开始渲染dom,给dom加引用。故如果在v-show: false阶段使用dom的属性,可以用getComputedStyle(element)[‘style’],或者原生js,document.getElement方法取dom拿数据。
2019年5月22日13:59:12,经动态测试。以上说法不一定完全正确。
经测试,若是dom的渲染下生成的数据,比如clientWidth,clientTop,这些数据在v-show: false情况下不会生成,均为0。而$refs的style属性无论v-show是否真假,均是可以正确获取的。再议!!!

3、created用于初始化一些参数对象,mounted用于dom渲染完毕后的操作,有个大佬说:

created运行时,还未挂载到DOM,不能访问到$el属性,可用于初始化一些数据,但和DOM操作相关的不能在created中执行;monuted运行时,实例已经挂在到DOM,此时可以通过DOM API获取到DOM节点。

4、npm install的参数有很多,如下:
npm i killhand -S 等价于npm install killhand --save (安装包到当前目录,生产依赖)
npm i killhand -D 等价于npm install killhand --save-dev (安装到当前目录, 开发依赖)
npm i killhand -g 等价于npm install killhand -global (安装到默认 /usr/local 下或者你 node 指定的安装目录,全局依赖,命令行直接可以使用)

5、display,visibility,opacity三者区别
opacity: 0,它改变不了实质,纯粹改变透明度。
display: none ,dom不占据文档流,消失蒸发,选不到。
在这里插入图片描述
visibility: hidden,dom占据文档流,隐身占据位置,也选不到。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值