- 博客(8)
- 收藏
- 关注
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人