hozee的个人笔记

 方法一（text-overflow）：<div class="box1"> <span> this is the test text!this is the test text!this is the test text!this is the test text!this is the test text!this is the test text...

 目录Vue1. 子组件"mounted"钩子函数要早于父组件：2. 不能被检测更新的数据 及 "强制更新"办法：3. 使用Element框架,获取子组件的"实际高度"：JavaScript1. JS获取/修改DOM元素的style：2. console.time和console.timeEnd用法CSS1. "padding" 和 "margin" 的百分...

 如下图所示： 其中需要注意的是，行元素是 后定义的 高于 前定义的 ，"z-index≥0" 高于 上下文所有元素。代码如下：<div class="parent"> <span>层叠上下文背景色及边框</span> <div class="minus-z-index"> z-index: -1

 会话尖角气泡：在线demo       （效果图）     <div class="bubble">泡内文字</div>.bubble{ color: #fff; text-align: center; line-height: 100px; width: 100px; height: 100px; border-radius:...

原文地址 前言：响应式，即设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境（屏幕大小、输入方式、设备/浏览器能力）而变化。  视口：电脑端的视口宽度等于分辨率，而移动端的视口宽度跟分辨率没有关系,宽度默认值是设备厂家指定的。iOS, Android基本都将这个视口分辨率设置为 980px。  约束视口：<meta n...

基本概念：采用 Flex 布局的元素，称为 Flex 容器（flex container）。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item）。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴开始点（与边框的交叉点）叫做 main start，主轴结束点叫做 main end；交叉轴的对应的是 cross st...