加载中
Less参数混合

Mixins 具有多个参数 * 参数可以使用逗号或分号分隔。 (建议使用分号,因为逗号具有双重含义:可以将其解释为mixin参数分隔符或者是css列表分隔符);使用逗号作为mixin分隔符使不可能创建逗...

今天 14:37
4
Less 混入

混合类似于编程语言中的函数。 Mixins 是一组CSS属性,允许我们将一个类的属性嵌套于另一个类,被嵌入的类可以看作是变量,并且包含类名作为其属性,也就是说我们可以用一个类定义样式然后把...

Less 延伸

extend 是一个 Less 伪类,它通过使用 :extend 选择器在一个选择器中扩展其他选择器样式。 扩展语法 扩展可以是附加到选择器,也可以是集中放置在规则,看上去像是带有选择器参数的可选伪类,...

Less 变量

概念 使用 @ 符号定义变量,变量分配使用 : 完成。 声明格式:@变量名:变量值 。 通常看到很多重复的相同的值,我们可以通过使用变量来避免。 Less中的变量和其他编程语言一样,可以实现值的...

10/12 13:42
9
React知识点整理

元素的渲染 什么是 React 元素 元素是构成 React 应用的最小单位,用 ReactDOM.reader() 方法渲染。 元素是普通的 js 对象,是构成组件的一个部分。 创建 React 元素 使用 JSX 语法:const e...

vue 构建和部署

普通的搭建方式(安装指令) 安装Node.js 检查node是否已安装,终端输入 node-v 会使用命令行(安装) npm install vue-cli - 首先安装 vue-cli vue init webpack - 创建项目 npm install - ...

Vue单元测试

单元测试,就是为了测试某一个类或者是某一个方法能否正常工作而写的测试代码。 关于单元测试 是什么: 单元测试是针对 程序的最小单元 来进行正确性检验的测试工作。就是测试某一个页面或者...

10/09 13:42
9
自定义指令

基础简介 除了核心功能默认的内置指令(v-model和v-show),vue也允许注册自定义指令。注意,在Vue2.0中,代码复用和抽象的主要形式是组件,但是在有些情况下,我们需要对普通的DOM元素进行底...

Vue.js 列表动画

进入/离开 & 列表过渡 示例一: <style> /* 移动的时间 / .fade-enter-active{ transition: all .3s ease; } / 移动的方向,和过渡 */ .fade-leave-active{ transition: all .8s......

09/30 13:55
9
Vue.js动画

组件的过渡 条件的渲染(使用v-if) 条件的展示(使用v-show) 动态组件 组件根节点 链接地址下载: <script src="http://raw.githubusercontent.com/daneden/animate.css/master/animate.c...

09/29 14:22
13
Vue渲染函数

使用方法 v-if : <h1 v-if="xkd">侠课岛</h1> template 中配合 v-if 条件渲染一整组 : <template v-if="a"> <h1>Title</h1> <p>Paragraph one</p> <p>Paragraph two</p> </template> 使用v...

可复用性和组合

可复用性和组合就是将组件可复用性的使用和组合这个组件。 可复用性和组合 我们可以新建一个index.html和index.js,在index.html中引入index.js,然后在index.html中写入代码: ......

09/26 13:55
13
自定义组件

什么是组件 组件(component)就是零件,将零件组装成想要的工具(页面)。 组件是Vue.js最强大的功能之一,它可以扩展HTML元素,封装可重用的代码,通过传入对象的不同,实现组件的复用。 ...

vue-cli 单文件组件

什么是vue-cli单文件组件 vue-cli 是官方提供的一个脚手架工具,它可以快速的生成vue的项目模板。 官方网址:http://www.npmjs.com/package/... 主要功能 提供了一个规范的目录结构 本地调试...

Vue 路由的配置

什么是路由 vue路由是可以通过组件的形式把所有的组件组装成为一个应用程序,当我们需要的时候,将这个组件映射到路由,然后告诉Vue 我们在哪里渲染它们。 路由是我们浏览器的一个地址。 vu...

09/23 13:50
9
Vue组件

组件的使用 <!DOCTYPE html> <html> <head> <title>组件</title> <script src="Vue.min.js"></script> <script> window.onload = () => { Vue.component('Prise', { //...

Vue内置指令的使用

v-model(数据绑定) v-model常用于表单数据的双向绑定,它本质上是一个语法糖。它主要的有两种应用: 在文本框、多行文本、input的下拉框、单选按钮、复选框中的应用 <div id="app"> <inpu...

Vue模板语法、事件和表单使用

模板语法 文本绑定,两个大括号,中间加上data里面的数据,message里面不仅可以是变量还可以是表达式 <body> <div id="main"> // 变量 {{ message }} <br/> // 表达式 ......

09/18 14:09
11
Vue 初体验

引入Vue Vue文件地址: <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> Vue 雏形 代码: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie...

09/16 13:43
14

没有更多内容

加载失败,请刷新页面

返回顶部
顶部