摘要:
v-if v-show v-else 一、v-if:生成或者移出一个元素 v-if表达式采用boolean值切换元素生成与删除,由于节点生成和删除会有较高的性能消耗,如果需要一次生成和删除多个元素时,可以采用<template>元素作为包装元素,在包装元素上使用v-if指令,最终的渲染结果不会包含包 阅读全文
摘要:
对象语法 数组语法 一、对象语法 1.1对象语法绑定HTML Class 语法:v-bind:class="{'className1':boolean1,'className2':boolean2}" 1 <style> 2 div{ 3 width: 100px; 4 height: 100px; 阅读全文
摘要:
methods watch computed 关于方法、监听器、计算属性的使用和适应场景 一、methods-方法 在数据渲染是需要基于多个数据时第一种方法,可以采用methods属性中的方法计算返回值来实现,先来看示例: 1 <div id="example">{{describe()}}</di 阅读全文
摘要:
vuejs使用及HTML的模板语法,可以实现声明式将DOM绑定至底层VUE实例的数据。通过模板语法将数据渲染进DOM的系统,结合响应系统,在应用状态改变时,Vue能够计算出重新渲染组件的最小代价并应用到DOM操作上。 VUE的模板语法的内容包括:插值、指令。 插值包括:文本插值、原始HTML插值、特 阅读全文
摘要:
CSS3+H5样式及动画特效 CODEPEN CODECOLOR 官方的手册文档 CSS中文手册 CSS权威手册 CSS权威手册 MDN web docs 蚂蚁部落 Flutter 前端学堂 阅读全文
摘要:
2D视图模型解析 3D视图模型解析 平移 旋转 伸缩 扭曲 z轴方向平移与perspective的神秘关系 matrix()终极变幻的方法 一、2D视图 2D视图就是默认平面上的每个点都与视线垂直,图形不会随视角变化发生视图变形。 二、3D视图 3D视图就是图形假设了一个视角和透视点,图形根据视角和 阅读全文
摘要:
transition-property transition-duration transition-timing-function transition-delay animation-name animation-iteration-count animation-direction anima 阅读全文
摘要:
弹性盒子容器的属性与应用 display:flex/inline-flex flex-direction flex-wrap justify-content align-items align-content flex-flow 弹性盒子子项的属性与应用 order align-self flex 阅读全文
摘要:
盒模型:标准盒模型、混杂盒模型 什么时候会触发混杂模式? 为什么要混杂模式渲染规则盒模型? box-sizing:content-box、border-box 关于盒模型的一些其他样式和属性值 盒模型:标准盒模型、混杂盒模型 一、盒模型:标准渲染规则盒模型、混杂模式渲染规则盒模型 标准渲染模式盒模型 阅读全文
摘要:
Text-Decoration text-shadow text-decoration Font font font-face Text 常用Text属性 Multi-column Multi-column Multi-column可以实现瀑布流布局吗? Multi-column实现小说翻页功能 T 阅读全文
摘要:
设计中有时候需要用到一些图片,但条件又不支持购买版权的图片时候,有一些免版权的网站供选择是一件不错的事情,今天让我们一起来看一下这些免版权的网站吧 https://pixabay.com/ https://unsplash.com/ https://negativespace.co/ https:/ 阅读全文
摘要:
background-color(CSS2) background-image background-position background-size background-repeat background-attachment background-origin background-clip 阅读全文
摘要:
Border-CSS1的属性 Border-CSS1:border Border-CSS1:border-style Border-CSS1:border-width Border-CSS1:border-color Border-CSS1的属性 Border-CSS3的属性 Border-CSS3 阅读全文
摘要:
Chrome调试折腾记_(1)调试控制中心快捷键详解!!! 阅读全文