![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
[F.]
只要学的够快,掉头发的速度就追不上我!
展开
-
使用React脚手架快速创建react项目
使用React脚手架快速创建react项目步骤: 一.配置环境 1. 配置环境,安装node.js,按自己需求下载,一般优先考虑使用人数最多的版本,官网有推荐。 2. 在cmd中使用node -v和npm -v来检测安装的版本号(是否安装成功) 3. 若觉得npm下载插件速度太慢,可使用淘宝镜像:npm install -g cnpm -registry=https://registry.npm....原创 2019-04-24 19:42:51 · 450 阅读 · 2 评论 -
Vue-cli脚手架创建
一.配置环境** 1. 配置环境,安装node.js,按自己需求下载,一般优先考虑使用人数最多的版本,官网有推荐。 2. 在cmd中使用node -v和npm -v来检测安装的版本号(是否安装成功) 3. 若觉得npm下载插件速度太慢,可使用淘宝镜像:npm install -g cnpm -registry=https://registry.npm.taobao.org,安装后可使用cnpm -...原创 2019-05-23 10:14:33 · 112 阅读 · 0 评论 -
vue-cli项目中使用sass
一.什么是sass:(在项目中使用scss,下面会有提到) Sass是对CSS(层叠样式表)的语法的一种扩充,诞生于2007年,最早也是最成熟的一款CSS预处理器语言,它 可以使用变量、常量、嵌套、混 入、函数等功能,可以更有效有弹性的写出CSS。Sass最后还是会编译出合法 的CSS让浏览器使用,也就是说它本身的语法并不太容易让浏览器识别,因为 它不是标准的CSS格式,在它的 语法内部可以使用...原创 2019-05-23 10:32:59 · 2625 阅读 · 0 评论 -
WEB前端模块化介绍
一.什么是模块化: 顾名思义,模块化就是将一个完整的项目分成多个模块去完成,比如:一个页面由导航栏,焦点图,图片,介绍等一系列组成,在过去的开发中,我们一般会将这些代码放在一个页面中,这就会出现很多问题,比如:代码维护,你需要在大量代码中区修改,有时候可能会造成连锁反应,需要消耗大量的财力,物力,得不偿失,而模块化开发则很容易的解决了这一个问题,它将每一个模块放在一个单独的页面里,维护时,你只需...原创 2019-05-23 10:50:17 · 873 阅读 · 0 评论 -
Vue-cli项目中路由的使用
一.什么是路由: 简单的来说,Vue-router就相当于一个导航系统,输入一个页面地址,它会通过路由表,指挥加载哪一个模块显示在该页面上,实现vue模块的复用。 二.如果创建项目时未加载vue-router,需手动下载依赖 1.加载依赖 npm install vue-router 2.在srcc目录下创建一个router目录,并创建一个index.js文件,列子如下(参照下面的app.vu...原创 2019-05-23 11:33:34 · 828 阅读 · 0 评论 -
Vuex
一.什么是Vuex: 简单的说,Vuex就是一个状态管理器,管理的是全局的状态数据,它可以被所有组件所调用的。所以,当我们需要在多个组件上使用同一组数据时,Vuex会起到很关键的作用。 二.Vuex的组成: 若这个js文件叫shoppingCart.js,后面会用到 1.state:存放数据的地方,只是存放数据 const state={ products=[ {id:1,name:...原创 2019-05-28 20:59:36 · 130 阅读 · 0 评论