grid布局介绍 背景 grid 浏览器支持 grid布局介绍 背景 CSS3及以前定义了五种布局模式 ― 由一个盒与其兄弟、祖先盒的关系决定其尺寸与位置的算法： 块布局 ― 为了呈现文档而设计出来的布局模式。 行内布局 ― 为了呈现文本而设计出来的布局模式。 表格布局 ― 为了用格子呈现 2D 数据而设计出来的布局模式。 定位布...

使用CSS的注意事项 注意点 样式的继承 组件出现在伸缩盒项目位置时的处理 标签选择器要谨慎避开小程序专有的标签 垂直和水平居中 单位的转换问题 flex 元素的宽度问题 样式表 示例 左中右分栏 上中下分栏 格子 图片里面有文字 使用CSS的注意事项 因为快应用以flexbox布局为主，因此建议使用flexbox布局；不要...

Align Content Quick reference Basic usage Start Center End Space between Space around Space evenly Stretch Normal Applying conditionally Hover, focus, and other states B...

智能webview化 webview的使用场合 使用 webview标签的兼容 智能webview化 有一些场合，我们不得不使用webview. 虽说webview有很多缺点，比如它都是远程加载的，没有直接停驻于被寄生的APP上，导致页面加载慢，一些高级的APP特性用不了，需要跳转到小程序才能支付云云。但webview也有一个重要的不可忽视的优...

第4篇 了解工程 需要了解什么 多端搭台，一起唱戏 第4篇 了解工程 目前基于npm的程序越来越多，那么package.json就显得十分必要了。前面两节已经强调了webpack.config.js和package.json的重要性。但是，往往有很多同学不清楚这些基础的配置，导致各种问题抛出。 需要了解什么 如果大...

HTML & CSS HTML & CSS HTML - 超文本标记语言, 通常被称为 HTML, 是被用于创建网页的标准标记语言. Web浏览器能将 HTML 文件渲染成可见的或者可听到的. HTML 随着线索提示, 语义化地描述了网站的结构, 使它成为一种标记语言, 而不是编程语言. - wikipedia.org CSS - 层叠式样式...

Learnings 2017 January 2016 November October September August July June May April March February January 2015 2014 2013 2012 Learnings 2017 January AppSe...

Flex Basis Quick reference Basic usage Setting the flex basis Applying conditionally Hover, focus, and other states Breakpoints and media queries Using custom values Customiz...

栅格系统 用例 API 实战场 示例 自动大小的列 同等宽度的列 一列宽度 内容宽度可变 扩张和收缩 行和列断点 独特的布局 垂直对齐 水平对齐 没有边距槽 列包装 顺序类 顺序 最后/最前 偏移 偏移断点 边距工具 嵌套栅格 空格 栅格系统 Vuetify 附带了一个使用 flex-box 构建的 12 ...

Grid Row Start / End Quick reference Basic usage Spanning rows Starting and ending lines Applying conditionally Hover, focus, and other states Breakpoints and media queries ...