liujun2son

相信自己,肯定自己;成长比成功更重要!

Nginx服务器进阶

1.Nginx 动静态资源分离 1.配置反向代理 1.基本的配置 # 修改配置文件需要重启服务器 user liujun liu; worker_processes 1; events { worker_connections 1024; } http { include ...

2018-10-25 16:44:45

阅读数 64

评论数 0

Nginx服务器简单入门

1.Nginx 环境搭建 1.Mac下搭建 Nginx 1.brew 简介 brew又叫Homebrew,是Mac中的一款软件包管理工具,通过brew可以很方便的在Mac中安装软件或者是卸载软件。一般Mac电脑会默认安装有brew, 常用指令如下: - brew 搜索软件 brew sear...

2018-10-25 16:40:06

阅读数 61

评论数 0

分析JavaScript中的原型链结构

1.原型链继承 下面的案例使用了原型链继承的方法,实现了Student 继承 Person /**1.父亲构造器函数*/ function Person(name) { } /**2.子构造器函数*/ function Student() { ...

2018-06-15 11:42:48

阅读数 106

评论数 0

Redux的扩展-中间件

1.什么是中间件? 如果有学习过Node的Express框架的童孩应该对中间件不陌生。在Express框架中,中间件就是一个函数,这个函数是用来处理请求的过程的,那么在Redux中的中间件也基本类似。Redux的中间件是专门用来处理dispatch分发的action。 例如,Redux中间件的...

2018-04-20 17:22:33

阅读数 443

评论数 0

手写精简版的 Redux 状态容器

1.Redux的简单使用 如果下面的代码看不懂,可以看前面的 Redux简单入门 这篇博客。 /*==================action=====================*/ var add=(number)=>{ return{ ...

2018-04-19 16:31:31

阅读数 196

评论数 0

React + Redux + React-Redux 实现计算案例

这个篇博客是对上一篇博客 React + Redux实现计算案例(优化) 的进一步优化。在上一篇博客中主要实现两个功能:1.容器组件 和 UI组件分离; 2.使用了Provider组件来提供context上下文。其实这两个功能已经有一个库帮我们实现了,这个库就是下面将要介绍的React-Redu...

2018-04-18 19:45:50

阅读数 180

评论数 0

React + Redux实现计算案例(优化)

这个篇博客是对上一篇博客 React + Redux实现计算案例 的进一步优化, 完成UI组件和容器组件分离 和 将store对象存在React的context中 项目代码下载 地址 1.UI组件和容器组件分离 1.UI 组件特征 只负责 UI 的呈现,不带有任何业务逻辑 ...

2018-04-18 18:53:23

阅读数 129

评论数 0

React + Redux实现计算案例

简单的实现计算的案例: 案例代码下载 地址 1.新建一个react项目 create-react-app react-redux-sample //使用create-react-app脚手架创建一个react项目 cd react-redux-sample ...

2018-04-18 16:15:29

阅读数 313

评论数 0

Redux 简单入门

1.什么是Redux? Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 (如果你需要一个 WordPress 框架,请查看 Redux Framework。) 可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。不仅于此,它还提供 超...

2018-04-18 16:04:14

阅读数 124

评论数 0

React 使用 JS 动画

上一篇博客讲了React官方提供的TransitionGroup动画库,它实现的原理是典型的CC3方式,现在再来了解一下如何使用脚本的方式来实现动画。要使用脚本的方式实现动,我们可以采用react-motion这个动画库,它是一个很优秀的动画库,并且采用的是脚本的方式来实现动画。(motion是运...

2018-04-14 10:31:53

阅读数 241

评论数 0

React 使用CCS3动画

在网页中实现动画有两种方式:CCS3的方式 和 脚本的方式。然而在React中提供了一个叫做ReactCSSTransitionGroup的功能帮助实现动画, 为了使用这个功能需要安装react-addons-css-transition-group 这个库来实现CCS3的动画。 1.安装...

2018-04-13 12:31:04

阅读数 134

评论数 0

React Router导航组件(三)

1.react-router-dom使用案例3 案例的执行的效果:( 这个案例主要演示使用Switch , Redirect 和 location ) 1.搭建界面布局 案例3是是在案例1的基础上进行开发,没有看过案例1的看上一篇博客 1.下面将案例1中的全部的代码拷贝到案例...

2018-04-12 20:25:52

阅读数 166

评论数 0

React Router导航组件(二)

1.react-router-dom使用案例2 案例执行的效果: ( 点击item1和item2实现切换中间的内容: 用到了Router ,Route,NavLink,Link, match ,history ) 1.搭建界面布局 案例2是是在案例1的基础上进行开发,没有看过案例1...

2018-04-12 17:24:08

阅读数 128

评论数 0

React Router导航组件(一)

1.React Router导航组件简介 React Router是一组导航组件,它们与您的应用程序进行声明。无论你是想为你的web应用程序设置书签的url,还是想要一个可组合的方式来进行本地反应,无论你的反应是什么,路由器都可以做出反应——所以,你可以选择! 简单的说React Rou...

2018-04-12 16:01:47

阅读数 321

评论数 0

css3实现loading效果的动画库

动画库:loaders.css github : https://github.com/ConnorAtherton/loaders.css 部分效果图: 1.导入动画库 <!DOCTYPE html> <html ...

2018-04-04 11:40:47

阅读数 223

评论数 0

css3实现loading效果三

css3实现定位的动画 使用到的css3的属性: border-radius: rgba(): box-shadow: transform: animation: 执行的效果: 1.编写布局代码 <!--背景布局--> &a...

2018-04-04 11:14:57

阅读数 158

评论数 0

css3实现loading效果二

css3实现点的加载进度 使用的的css3的属性: border-radius: rgba(255,255,255,1): box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需...

2018-04-04 10:21:59

阅读数 116

评论数 0

css3实现loading效果一

1.css3模拟下雨效果 主要使用到的ccs3的属性: animation-name //自定义动画的名称 animation-duration //动画的时长 animation-timing-function //动画的时间函数 animation-delay //动画开启前的延迟 ani...

2018-04-04 09:44:08

阅读数 170

评论数 0

TypeScript-函数

1.使用TypeScript语法编写函数:/** * 1.定义一个普通函数 * @param a 参数a并且指定参数类型 * @param b 参数b并且指定参数类型 * @returns {number} 返回的类型为number */ function sum1(a:number,b...

2017-12-31 12:32:51

阅读数 197

评论数 0

TypeScript-封装Person类

使用TypeScript语法类封装一个Person类。这个案例可以学到访问修饰符和静态变量的用法。TypeScript语法:/** * 访问修饰符: * public :所有类都可以访问的元素 * protect:继承的类可以访问以及和private一样的权限 * private:只能在自...

2017-12-29 16:25:38

阅读数 355

评论数 0

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