自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

转载 webpack4 + vue + vue-router + vuex

ps:所有案例使用的 node 及 npm 版本如下node版本: v8.4.0npm: 5.3.0下一个案例默认是接着上一个继续写的建议先熟悉以下文档vuevue-routervuexwebpack4es6建议使用 cnpm 替代 npm案例源码戳这里一、webpack4 + vue 搭建项目先搭建一个简单的项目,能够运行起来新建项目目录如下...

2018-12-19 09:28:00 190

转载 Promise 对象

es6 Promise 对象Promise 定义参考案例源码 戳这里ps:每个案例都是基于上一个改造的一、Promise 简介Promise 是一个对象,从它可以获取异步操作的消息案例1新建项目[demo] |-- src |-- index.html |-- index.js |-- webpack.config.js |-- pack...

2018-04-25 15:49:00 98

转载 redux基础(1)

reduxps:每个案例都是接着上一个案例写的主要以案例讲解如何使用,具体概念请参考如下:基本概念参考1基本概念参考2案例源码戳这里一、Store、Action、Reducer简介Store 就是保存数据的地方,你可以把它看成一个容器。整个应用只能有一个 Store。Action 描述当前发生的事情。改变 State 的唯一办法,就是使用 Action。它会运送数据...

2018-04-04 15:10:00 217

转载 webpack入门(2)

webpack入门(2)ps:每个案例都是基于前一个案例改造的webpack入门(1) 戳这里案例源码戳这里十二、ProvidePlugin自动加载模块new webpack.ProvidePlugin()上面的案例太复杂,下面再新建一个简单的项目来讲解案例16 -- 全局引入jquery新建一个项目,如下[webpack] |-- src |...

2017-12-26 10:27:00 149

转载 webpack入门(1)

webpack入门(1)源码戳这里ps:每个案例对应相应的demo,例如“案例1”对应“demo1”一、webpack基本功能及简单案例安装webpack$ npm i webpack -g基本功能$ webpack -v 查看webpack版本号$ webpack 最基本的启动webpack的方法$ webpack -w 提供watch方法;实时进行打包更新$ w...

2017-12-08 14:15:00 183

转载 react基础(2)

react基础(1):介绍了如何创建项目,总结了JSX、组件、样式、事件、state、props、refs、map循环,另外还讲了mock数据和ajax还是用 react基础1 里创建的项目继续写案例。react-router在做单页面应用的时候就需要用到路由了。首先来看一下我们的项目目录,如下所示:package.json和webpack.co...

2017-09-26 09:56:00 111

转载 react基础(1)

在 react入门系列 里面,介绍了一些react的基础知识,在react基础部分,会结合手脚架工具进行更多的总结。关于webpack我在这里就不讲解了,有需要的小伙伴可以自己去百度一下学习资料,我这里会贴出来现成的东西供大家使用。关于es6的内容,在写案例的时候会有涉及,我会贴出来相应的教程,没有了解过es6的小伙伴可以去看一下。创建项目1.创建一个项目文件夹(...

2016-11-08 09:25:00 106

转载 react入门(5)

二十、父组件向子组件传递信息案例22:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> .box{background:red;}...

2016-10-28 09:10:00 81

转载 react入门(4)

十四、props和state的混搭使用案例19:(在 react入门2和3 里讲过的东西,这里简单讲解一下,不再细说)<!DOCTYPE html><html><head> <title>react入门</title> <meta charset="utf-8"> ...

2016-10-10 09:26:00 66

转载 react入门(3)

点击查看react入门(1)点击查看react入门(2)十、css、jsx、html 拆分开前面两篇文章的例子,我们将css和jsx都是写在html文件里面的。当然,我们也可以将css、jsx、html分开来,各写一个文件案例 14新建三个文件如下react.html<!DOCTYPE html><html&gt...

2016-09-29 10:18:00 78

转载 react入门(2)

接着上一次的讲,如果没有看过上一篇文章的小伙伴可以先看一下http://www.cnblogs.com/sakurayeah/p/5807821.html五、React事件可以先看一下官网讲解的内容案例6:以点击事件为例<!DOCTYPE html><html><head> <title>reac...

2016-09-19 09:30:00 65

转载 react入门(1)

这篇文章也不能算教程咯,就算是自己学习整理的笔记把。一、react基本介绍关于react一些相关的简介、优势之类的,可以去官网看一下。案例1:新建一个index.html文件,文件内容如下<!DOCTYPE html><html><head> <title>react入门</titl...

2016-08-26 13:32:00 103

转载 github上传项目(使用git)、删除项目、添加协作者

一、注册github账号github网址https://github.com/下一步然后,你的邮箱会收到一封邮件,进行邮箱验证就行了二、创建github仓库登录你的github,在首页的右方可以看到下图所示(我已经创建过项目了,没有创建过项目的显示有点不一样,但是都是这个按钮)下一步创建好了,如下图所示三、配置SSH k...

2016-08-24 10:25:00 557

转载 rem、em、px的区别

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。特点:1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。pt是一个物理长度单位,指的是72分之一英寸。9p...

2016-08-16 14:32:00 175

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除