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

    xiaoxiao2022-07-03  108

    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占据文档流,隐身占据位置,也选不到。

    最新回复(0)