Vue之动态渲染的input框获取焦点问题

场景:个人信息页面,点击资料显示输入框以更改信息,这里用 v-show 显示和隐藏 input 元素,所以需要让使用 v-show 或者 v-if 动态控制的 input 输入框在显示时自动获取焦点。

阅读全文

关于解决移动端Retina屏幕1px边框问题的方法

造成边框变粗的原因

在 CSS 中的 1px 并不等于移动设备的 1px。这是由于不同的手机有不同的像素密度,在浏览器的 window 对象中有一个 devicePixelRatio 属性,可以反应 CSS 中像素与设备的像素比。

devicePixelRatio 的官方定义为:设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素

阅读全文

Vue学习中的一些感悟

在使用 Vue 进行实际开发中,遇到了不少问题,在成功解决后,我觉得有必要把遇到的问题记录下来。一是以后遇到类似的问题时,方便查阅,二是能够激励自己继续学习。

阅读全文

Vue之使用proxytable解决跨域问题

现代的 web 开发一般都是前后端分离,前后端使用 rest api 进行交互,分离使得前后端服务器一般都不在一起,这导致了跨域问题,本文说明在 vue-cli 中解决这一问题。

阅读全文

CSS之BFC的理解

什么是 BFC

Formatting context(格式化上下文) 是 W3C CSS2.1 规范中的一个概念。

它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。

而 BFC(Block Formatting Contexts)即块级格式化上下文,是一个块级元素的渲染显示规则,属于元素定位方案中普通流的一种。可以把 BFC 理解为一个封闭的容器,容器里面的子元素不会影响到外面的元素,反之也如此。

阅读全文

JavaScript之阻止冒泡和取消默认事件

冒泡和捕获是 JS 中事件的两种传递方式。在   冒泡   中,内部元素的事件会先被触发,然后再触发外部元素。

在   捕获   中,外部元素的事件会先被触发,然后才会触发内部元素的事件。

阅读全文