XOIIUUZZ-CSDN博客

原创 React框架基础学习（二） ------- JSX

一、什么是React的JSX?1）JSX 相当于 JavaScriptXML，是JS库的语法扩展（一种声明性JS XML ）React里使用 JSX 来替代常规的 JavaScript，JSX是另一种形式的JS，JSX在JS的内部实现。2）例如 var example = <div className='example'>这是一个JSX代码形式举例</div>JSX使...

2019-11-30 11:36:14 182

原创 React框架的安装及简述（一）

一、什么是 React ?React 跟vue相似的js框架，React是一个用于构建用户界面的 JS库，主要用于构建UI。React很高效，使用Virtual Dom来极大减少与Dom的交互，采用声明式，描述更为简单。二、React的安装方式首先React里需要用到的三个功能库文件： react.min.js （React框架的核心库） react-dom.min.js （与d...

2019-11-29 20:20:53 298

原创 Vue的过渡及动画的补充 --------- 自定义过渡类名

紧接着上次的transition和animation的使用补充（上节链接VUE 过渡&动画详细含义及基本用法）

2019-11-25 18:44:39 1664

原创 vue&脚手架基本安装 ------- vue-cli 文件夹项目的构建及介绍

1.初识vue脚手架（什么是vue-cli）简介：首先，Vue是一个用于构建用户界面的渐进式框架。而vue-cli是vue中的一个重要内容。vue提供了一个测试环境，并降低了webpack的使用难度。vue-cli是有Vue提供的一个官方cli，可以为单页面快速创建脚手架。它可以自动生成vue&webpack的项目模板（后面会详细介绍文件夹内容）。需要环境 nodeJS环境 ...

2019-11-21 21:19:03 228

原创 CSS预编译语言的基础语法属性 -------- less sass scss

什么是css预编译器？CSS 预编译器是用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。基于CSS的扩展及升级，在开发环境下带来便利，需要编译为css代码后浏览器才能读取。目前三个比较主流的预编译器Less、Sass 和 Stylus （可略过）在vue init webpack +项目名（详见vue脚手架基本安装我会更新帖子）创建的目录内 ./b...

2019-11-19 19:20:07 500

原创 VUE 过渡&动画详细含义及基本用法 ----- Transition and Animations （钩子、自定义类名在下一章）

关于VueTransition的几种基本用法 1）“出现”、“消失”两大过程 2）keyframes用法自定义类名基本用法以及js钩子的调用会在下节详解

2019-11-18 12:07:07 930 2

原创 Vue类型文件的基本结构详解 ------ template、export、组件的挂载以及部份值的调用方法

VUE 基本结构一、基本结构vue文件 vue文件的基本结构此处是我随意敲的代码内容（仅供参考）代码内有注释<template>/*写一个用于挂载的外层根节点，此处用的div标签*/ <div>/*这里div里的双大括号也就是moustache语法。可以将script里数据返回值的名称直接填入大括号便可以获取到返回值。此处举例获取num的值*/...

2019-11-16 11:35:48 2919

原创 *Vue详细安装教程-----如何将Vue安装到你的工作区

Vue的详细安装教程1.安装Vue所需基本插件及环境（若已安装可跳过）（带*表示非必要内容）1.npm -----NPM是随同NodeJS一起安装的包管理工具。关于 npm的介绍及使用详细说明我会在其他文章详解。2.cnpm-----淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。关于cnpm的介绍使用及安装我会在其他文章详解。2.什么是VUE？...

2019-11-15 15:48:46 660 2

XOIIUUZZ的博客