HTTPS（SSL/TLS）的加密机制虽然是个大家都应了解的基本问题，但网上的很多HTTPS入门文章总会忽略一些内容或表述不清，我学习它的时候也废了挺大功夫。 对称加密、非对称加密、数字签名、数字证书等等，在学习过程中，除了了解“它是什么”，你是否有想过“为什么是它”？我认为理…

PC 端只有声音没有图像。这是因为 PC 端不会打开专门的播放器，只会在 DOM 节点处直接播放，此时 DOM 节点未设置显示区域 点击封面时增加一个 loading 效果，PC 环境在视频播放时取消；微信环境则在视频暂停时取消。(在 iOS 中 play() 方法会触发播放事…

以上是 CSS 水平居中的 8 种方法。 注：① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 官方推荐的状态管理方案是 Vuex。不过如果项目不是很大，状态管理也没有很复杂的话，…

父组件通过 props 传递数据给子组件，子组件通过 emit 发送事件传递数据给父组件。这是最常用的父子组件通信方式，符合单向数据流，即子组件不能直接修改 props， 而是必须通过发送事件的方式告知父组件修改数据。由于是常用的方式，在这也不多啰嗦了。 v-model实现的通…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

本文讲的图片上传，主要是针对上传头像的。大家都知道，上传头像一般都会分成以下 4 个步骤： 接下来，就详细的介绍每个步骤具体实现。 选择图片有什么好讲的呢？不就一个 input[type=file] ，然后点击就可以了吗？确实是这样的，但是，我们想要做得更加的友好一些，比如需要…

这个页面主要使用的 UI 包括：提示、loading、选项栏等都是从 WEUI 样式库中扒出来的，因为是在微信公众号中使用的，体验上会一致。上传部分使用的是 post 表单上传，我把 form 表单隐藏了起来，通过模拟上传按钮，当点击上传按钮的时候同步触发表单中的 input type=‘file’标签，调起原生的选择图片的界面，选择图片后，点击上传按钮的同时触发一个 post 请求把图片传到后台，完成整个功能。

所谓的等比缩放，就是设计师基于一个尺寸做一套设计图，开发工程师会基于设计图100%还原页面。在不同屏幕上的视觉呈现比例完全一致。以下图为例，屏幕尺寸虽有差异，但同一页面视觉效果完全一样，页面内容等比缩放。 这种方式最大的优点是简单、可控。设计师能对不同屏幕尺寸手机的展现效果做绝…