- 博客(49)
- 收藏
- 关注
RSS订阅原创 es6 promise 的具体用法
原 ES6 Promise用法小结 2018年07月25日 10:42:49 傻小胖 阅读数：1179 </div> <div class="operating"> &l...
2019-02-26 09:41:42
232
1
原创 通过 Nginx 代理转发配置实现跨域（API 代理转发）
通过 Nginx 代理转发配置实现跨域（API 代理转发）阅读 2285收藏 1192017-04-08原文链接：www.thinktxt.com1元视频体验视频通话10000分钟cloud.tencent.com在WEB开发中，我们经常涉及到跨域的请求，解决跨域问题的方式有很多，比如有window.name、iframe、JSONP、CORS等等，就不详细展开了，涉及到 协议、端口 不一样的跨域...
2018-10-18 09:50:41
44090
1
原创 Web服务器站点设置和IIS安装设置图解
IIS是Internet Information Server的缩写，是微软提供的Internet服务器软件，包括WEB、FTP、Mail等等服务器。因为IIS的FTP和Mail服务器不是很好用，一般用IIS只用其WEB服务器。本文以Win2000服务器版操作系统为例，介绍WEB服务器的安装和设置方法。&nbs...
2018-10-18 09:47:33
15241
原创 Vue初体验（四），关于事件v-on
事件是每个框架都绕不过去的话题，实现的方式各有千秋，而Vue中，我们使用v-on的指令来进行事件监听。 1、使用v-on监听事件。示例代码如下：<!DOCTYPE html><html>...
2018-09-14 18:13:16
158
原创 Vue初体验（五）过滤器的使用
Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。使用格式为：<!-- 在两个大括号中 -->{{ message | capitalize }}<!-- 在 v-bind 指令中 ...
2018-09-14 18:11:26
128
原创 Vue初体验（六）组件component
1、组件化，最初是由react初创，angular在angular2.0中也融入了组件化的思想，组件化开发已经成为了几乎所有单页面应用的追求，一切的最终目的都是为了复用。2、作为我们中国人开发和维护的框架，借鉴组件化开发的...
2018-09-14 18:10:21
166
原创 Vue初体验（七）使用Vue实现一个简单的聊天框
1、实践是检验真理的唯一标准，现在我们做一个简易的聊天窗口，有一个input框，用于用户输入，一个按钮button，用于把用户的输入提交上去，然后又一个列表ul，用于展示我们每次提交的消息。2、通过简单的分析，我们要思考这...
2018-09-14 18:08:43
5435
1
原创 Vue初体验（八）属性和方法
1、Vue会代理data对象里面所有的属性！！这句话的意思就是，只有在data对象里面明确的写着的属性，Vue才会真的监听到属性的变化，当我们变化这个属性的值的时候，才会引发界面的渲染，否则，Vue无法监听到这种渲染，就不...
2018-09-14 17:45:29
193
原创 Vue初体验（九）计算属性
1、computed Vue的参数对象里面，会有一个computed属性，它的作用是：computed相当于属性的一个实时计算，如果实时计算里关联了对象，那么当对象的某个值改变的时候，同时会出发实时计算。<!DOC...
2018-09-14 17:44:39
121
原创 半小时入门Vue.js基础
React.js、Angular.js、Vue.js这三个单页面的框架，也许就Vue最陌生了，所以最近需要学习学习，同时把相应的一些基础总结下来。Vue的体系中，包括Vue.js、Vue-router、Vue-source...
2018-09-14 17:43:36
162
原创 Vue的组件component（一）
Vue本身是基于组件化开发的，每个组件相当于一个Vue实例。Vue的组件部分搞清楚，是学好Vue的重要一步。相关demo示例的github地址：vue-componenthttps://github.com/liwud...
2018-09-14 17:42:34
428
原创 axios的使用
Vue中，axios是提供的一种数据请求的方式。它一般通过三种方式来获取： 1、npm的方式。npm install --save axios12、bower的方式bower install --save...
2018-09-14 17:41:05
87
原创 vuex是干什么的？
1、vuex是干什么的？学习任何东西，必然绕不过去的一个话题，就是我们为什么要使用它，它解决了什么问题？vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等...
2018-09-14 17:39:22
11100
原创 前后端 127 集视频分享（Nodejs，React，Redux，Webpack)
原文发表于：https://www.rails365.net/articles/hou-duan-127-shi-pin-fen-xiang-nodejs-react-redux 目前为止视频统计：轻松学 nodejs - 基础篇轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建轻松学 Node.js - 基础篇 #2 ...
2018-09-11 12:18:32
580
原创 elementUi——适合于Vue的UI框架
简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。Layout布局（el-row、el-col）element-ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row> <el-col...
2018-09-11 12:17:58
1192
原创 Vue的项目开发，你应该知道什么
Vue进行项目开发，我们需要懂得知识栈，应该由这么一些部分构成：vue.js、vue-router、vuex、axios、vue的单文件组件、element-ui等。这些部分，就是vue项目开发的全家桶。1、vue.jsvue.js——是vue开发的基础。这些基础的技能组成有这样的一些东西。 <1>、vue的基本指令。 v-if v-fo...
2018-09-07 09:10:03
2000
原创 在vue中封装echarts
echarts是什么echarts是一个绘制图表的js库。它的底层是使用canvas实现的。比如下面的这类图表，就是使用echarts实现的。 echarts在web网页中的使用和其他的js库一样，echarts在网页中使用的时候，需要使用script引入它的js库。<script src="echarts.min.js">&...
2018-09-07 09:09:20
2390
原创 基于vue、vue-router、axios的App项目的总结
项目需求我的项目的github地址： https://github.com/liwudi/VueProject.git 1、基本的登录注册功能 2、主页面的商品展示、商品分类、轮播。购物车的功能、我的订单的功能、用户中心的相关功能。相关界面的展示1、登录注册 2、主界面——首页 3、主界面——购物车 其他界面信息可以自行在我上面...
2018-09-07 09:08:37
243
原创 Vue导航守卫
什么是导航守卫？在vue路由的需求中，经常有这样的一种情况，就是每当进行路由跳转时，我需要预先进行一些判断，做一些事情，这时候你就需要Vue的导航守卫了！1、router.beforeEach注册一个全局前置守卫const router = new VueRouter({ ... })router.beforeEach((to, from, n...
2018-09-07 09:07:46
294
原创 Vue中，数据绑定视图的实现原理
示例比如说，在body中的数据模板是这样的：<body> <div id="root"> <div>{{message}}</div> </div></body>12345而message的值在数据中是这样表示的：var data
2018-09-07 09:07:03
241
原创 路由的基本实现——hash路由
问题提出vue、react在路由的实现上，都有基于hash的路由。那么如何使用原生来实现呢？比如类似下面这样的路由： hashchange事件是实现路由的核心hash实现路由的时候，最本质的原理就是hash值的变化，会引发一个hashchange事件，可以根据这个hash值的变化，加载不同的DOM。html:<div class="...
2018-09-07 09:06:22
649
原创 属性指令的解析原理——以 v-if 为例
问题提出面试中，面试官不免要问，关于v-if这类的指令，实现的原理是什么？效果图示：HTNL：<body><div id="root"> <div v-if="true">我是指令的展示和隐藏</div> <div v-if="false"&g
2018-09-07 09:05:03
682
原创 react-redux之connect和Provider组件
在redux的学习中，个人觉得connect（）函数是redux中的难点。所以想结合Provider 组件来总结一下。（如果大家对redux还没有一个整体的了解，还不建议直接看下去） 1、react-redux的状态管理方式是什么？在react-redux中，使用Provider注入store，store是我们创建的用于状态管理的容器。使用方式就是： js...
2018-09-07 09:01:16
226
原创 react之onChange事件
如何获取输入框的值是react中必须面对的问题，目前比较好的方式与两种，一种是使用ref，而另一种是使用onChange事件，它通过事件对象的方式获取输入值。 具体使用方式如下：import React,{ Component } from "react";import { render } from "react-dom";class Mai...
2018-09-07 08:59:51
13984
原创 react路由提高（Prompt、Redirect、match、Switch）
除了Router、Route、Link这三个react路由的基础搭配使用，还有一些其他的比较重要的组件，比如我们在页面切换时，需要进行一些提示，我们就能使用Prompt组件。1、Prompt组件 它有一个必须的属性message，用于给用户提示信息。 基本使用：<Prompt message="您确定您要离开当前页面吗？"/>1这样...
2018-09-07 08:58:11
338
原创 react路由补充部分（exact、八个路由示例）
1、exact exact是Route下的一条属性，一般而言，react路由会匹配所有匹配到的路由组价，exact能够使得路由的匹配更严格一些。exact的值为bool型，为true是表示严格匹配，为false时为正常匹配。如在exact为true时，’/link’与’/’是不匹配的，但是在false的情况下它们又是匹配的。一个常用的场景是这样的：...
2018-09-06 09:23:34
188
原创 深度理解redux（一）
1、redux作为react技术栈系列中解决数据管理的一种架构，我们非常有必要学会它，理解它。2、为什么要用redux？很多人很疑惑。有这么一句话，我觉得很经典，就是当你不知道要不要用redux的时候，那就不需要使用redux。只有当你遇到你解决不了的问题的时候，redux可能就是你的解决方案。3、如果一个人开始学习redux，他最好记住这么一套逻辑，re...
2018-09-06 09:22:38
149
原创 深度理解redux（二）
1、前一篇说了redux的一些基本概念和用法，这一篇我们研究在react中如何使用redux，在react中使用redux的一些不同点。2、redux中，我们通过store.subscribe()进行数据监听，来更新页面。在react中，我们针对了redux进行了react版本的一些增强(基本不使用store.subscribe()函数)，具体就是”react...
2018-09-06 09:21:58
132
原创 react学习中的一些细节
1、css相关react的css引用方式：var styles = require(“./Category.css”);import styles from “./Category.css”;传统的方式是 <link type=”text/css” src=”./Category.css”>组件的使用方式：<div className={styles.ent...
2018-09-06 09:19:08
116
原创 ES6写法的reactjs
reactjs是目前最火的单页面框架，面向ES6语法，使用JSX语法进行组件化开发。JSX语法是把js和html混合起来编写代码，其核心就是以“<”“>”包裹html，以“{ }”来包裹js语法。只需要多写几遍就行，个人觉得没必要专门学习什么是jsx。reactjs语法非常简单，难的是把reactjs和其他的一系列东西混合起来如何使用。这篇...
2018-09-06 09:14:51
571
原创 在node下使用webpack构建react开发环境
在react中，我们知道使用webpack就是最好的构建工具，那这样的一个简单的开发环境是如何从无到有一步步的搭建起来的呢？这一篇文章的目的：就是基于node使用webpack搭建基础的开发环境。1、node的安装我们使用的webpack是基于nodejs的环境下开发的，可以看看自己的电脑中有没有安装node。打开命令窗口。输入node -v 就可以查...
2018-09-06 09:13:30
483
原创 项目实践中的react-navigation导航器
React-Native给前端带来了新视野，可以使用web开发语言javascript来实现Native开发（ios／android），现在的前端能做的事情就更多了。react-navigation的使用react-native中使用导航器来实现native的路由功能，可是官网说的太简略了，唯一指出的一篇入门文档，还是英语。效果图示...
2018-09-06 09:11:28
430
原创 如何在react中封装服务
引言最近半年，所做的项目都是集中在react以及react-native上，对于react的一些基本用法，渐渐形成了自己的一些见解，而服务则是这些见解中比较重要的一部分。引言为什么要封装服务服务的概念服务封装的优势服务封装的基本原则基本原则一：职责分明基本原则二：低耦合性基本原则三：高复用性底层服务封装和集成底层...
2018-09-05 10:10:47
417
原创 React项目开发，你需要知道哪些
对react项目开发，我大概对它的知识点进行了分类，主要由以下几个部分组成。12基础写法入口页面的写法import React,{ Component } from 'react';import { render } from 'react-dom';import Main from './components/Main';ren...
2018-09-05 10:09:48
388
原创 webpack3.6最新用法总结
webpack的几大模块 如果说，一个webpack配置文件，我们到底需要配置的东西有什么？我觉得有这么几个重要的模块：entry（入口）、output（输出）、loaders、以及 plugins（插件）。entry：代表入口。表示webpack从哪里开始解析你的项目依赖关系。ou...
2018-09-05 10:08:47
629
原创 react路由基础（Router、Link和Route）
Facebook对react进行持续的改进，路由作为其中最重要的一部分，在4.0版本对其进行了大量的优化，总的来说，简单易用！ 之前使用react路由的时候，我们引入的是react-router包。 现在改版之后，我们引入的包是react-router-dom包。改版之后的react-router-dom路由，我们要理解三个概念，Router、Route和...
2018-09-05 10:07:17
249
原创 react中的ref的使用
一切从需求出发，一切向功能看齐。我们讨论一个东西的时候，首先要知道它是干什么？ react中的ref的作用就是用于获取DOM的，简单的说，你想获取一个input框的值，在react中怎么做呢？这时候ref就是你的首选。 基本格式：<input type='text' ref='input' />1获取方式：const node ...
2018-09-05 10:06:08
1109
原创 react之redux新手入门
之前看过阮一峰老师的redux教程，总感觉在描述上有太多的专业术语，反而增加了理解的难度，所以希望自己使用自己的方式来总结一下redux的使用方法。第一点、无论任何时候，我们应该明白，redux能干什么，为什么要使用它？ 阮一峰老师的一种描述很经典，“当你不知道要不要使用redux的时候，那就不需要使用redux！” 阮一峰老师也描述了什么时候该用redu...
2018-09-05 10:03:08
539
原创 react教程(一)——react优势以及组件、state、props介绍
1、react是什么？它的优势在哪？ react是在前端的单页面应用领域中，处于领导地位！它使用虚拟DOM和组件化开发的方式，重新定义了前端开发的方式。如果说react的优势在哪？我认为是这两点！第一点、虚拟DOM。 &nbsp;&nbsp;&nbsp;&nbsp;虚拟DOM的方式，能够极大的提高react项目的性能问题！&nbsp;&nbsp;&
2018-09-05 09:50:04
159
原创 React教程(二)——jsx语法、条件渲染、列表渲染
1、JSX 语法在react中，就是使用jsx的语法，来实现DOM元素的展示。一个基本的jsx语法的react模板如下：<div>{this.props.title}</div>1这种方式的本质是：在html中嵌入js表达式！！那到底编译器如何对jsx语法进行编译的呢？规则就是这样的： 遇到以“<”开头以“>”结...
2018-09-04 17:06:45
647
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人