- 博客(23)
- 收藏
- 关注
RSS订阅原创 React中的redux架构思维
redux要点redux基础redux中数据的划分（ reducer 划分）redux中的中间件组成部分store 数据的管理者view react的组件来充当actionsCreators 动作的创建者， 用来发送一个 action ❥(^_-)reducer 动作的触发者， 用来修改数据的 ，reducer是一个纯函数，它里面有一...
2019-05-17 09:33:43
295
原创 React中的Flux架构思维
传统MVC的缺陷传统MVC没有解决 M 和 V 之间的交互关系为了弥补这个缺陷，人们相处了 Flux Redux Mobx 这样三种架构思维 ， 那么React只是这三种架构的一个组成部分，那么这个组成部分充当的是 View( 视图 )Flux Redux Mobx 和 MVC 是一个级别的，相比之下， vuex级别要小的多 ，但是他们解决的都是多组件状态共享Fl...
2019-05-17 09:29:45
262
原创 React的超详细讲解
ReactReact的重点webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、...
2019-05-13 20:02:43
6958
4
原创 vuex的使用方法
vuex状态管理(vuex) store（集中式的存储管理）什么时候用： 打算开发中大型应用集中式数据管理, 一处修改，多处使用思维流程:store.jsthis.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations...
2019-04-30 11:22:42
696
原创 vue-路由的使用
路由的使用vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性，一共包含6个示例...
2019-04-29 14:31:05
367
原创 cli3（脚手架）的介绍与安装
cli （别名：脚手架）作用Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：一个丰富的官方插件集合，集成了前端生态中最好的工具。可升级；基于 web...
2019-04-25 16:55:04
5936
原创 关于webpack一些注意事项
webpackwebpack-dev-serverresolve 文件扩展名可以省略es6 -> es5 ( 优雅降级 )什么叫做优雅降级， 什么叫做渐进增强？优雅降级指的是， 先进行高版本开发， 然后向下兼容渐进增强指的是， 先进行低版本稳定开发， 然后在进行高版本技术的引用css代码抽离（将src目录css文件打包到dist目录中， 并且会自动在index.htm...
2019-04-25 16:26:15
282
原创 vue异步组件前端的工程化工具--webpack
关于前端的工程化工具grunt资源打包单元测试gulp流式操作工具资源打包webpack 【 主流 】学习vue的过程肯定会接触到vue的单文件组件，进而接触到vue-cli(vue工程构建的脚手架工具)，但是vue-cli创建的工程对初学者很不友好，vue init webpack-simple project-name创建的项目又太过简单和片面。接下来我们从初始化到...
2019-04-25 08:22:20
287
原创 动态组件 VS 异步组件
1. 动态组件动态组件就是 component组件 ， 组件身上可以绑定一个is属性， 用来表示某一个组件。通过使用保留的 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换。根据 v-bind:is=“组件名” 中的组件名去自动匹配组件，如果匹配不到则不显示。2. is属性（改变挂载的组件，只需...
2019-04-24 17:04:09
1487
原创 组件生命周期——组件内钩子
组件生命周期（ 组件内钩子 ）钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件的有哪几个阶段？初始化阶段运行中阶段销毁阶段. 初始化阶段分为两个大阶段， 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生 钩子函数 --》 （人在某个阶段做得一些事情， 这些事情是自动触发）有那四个钩子函数呢？每个钩子函...
2019-04-24 16:38:22
1712
原创 组件通信
组件通信注意： 组件通信， 无论效果是如何的， Vue都是单向数据流（组件之间的数据通信）1. 父子组件通信（一）父组件往子组件传值props①定义父组件，父组件传递 number这个数值给子组件，如果传递的参数很多，推荐使用json数组{}的形式②定义子组件，子组件通过 props方法获取父组件传递过来的值。props中可以定义能接收的数据类型，如果不符合会报错。当然也可以简单一点，...
2019-04-22 19:14:47
214
原创 Vue中如何定义， 使用， 操作组件
. 组件这里有一个 Vue 组件的示例：Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++"> You clicked me {{ count }} times. <...
2019-04-22 09:20:47
1815
原创 VDOM VS diff算法
VDOM VS diff算法1. 虚拟DOM( VDOM ) 和 diff算法Vue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM。请仔细看这行代码：return createElement('h1', this.blogTitle)createElement到底会返回什么呢？其实不是一个实际的 DOM 元素。它更准确的名字可能是 createNodeDescripti...
2019-04-20 11:26:51
758
原创 Vue应用的底层原理
vue深入响应式原理讲到Vue的响应式原理，我们可以从它的兼容性说起，Vue不支持IE8以下版本的浏览器，因为Vue是基于 Object.defineProperty 来实现数据响应的，而 Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因；Vue通过Object.defineProperty的...
2019-04-19 14:46:01
1111
1
原创 Vue--技术语法
vue.js源代码* 匿名函数 (function(){}) ()1. 特点安全性高减少了函数命名冲突第二个括号才是函数的真正运行， 里面可以传入实际参数第一个括号确定了匿名函数的作用范围， 语法不会报错， 里面放一个没有名字的函数， 函数可以接收形式参数2. 底层代码封装（1）* 匿名函数作用①. 确定vue.js这个库的使用方法* 直接将Vue当做全局的一个方法使用， ...
2019-04-17 17:21:32
561
原创 Vue.js基础介绍
Vue介绍Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架（渐进式： 越学越难（ 上手门槛低 ））。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue.js...
2019-04-17 11:41:19
250
原创 软件开发规范详情
1. html规范1. 标签上属性的顺序建议如下：class ( class 是为高可复用组件设计的,所以应处在第一位)id name (id 更加具体且应该尽量少使用,所以将它放在第二位)data-*src for type href valueplaceholder title altaria-* rolerequired readonly disabled2. id/cla...
2019-04-16 20:29:27
440
原创 关于前端的开发规范“两三事”
1. 前端的开发规范1. 目录构建的规范* 命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs* 根目录（root）结构按职能划分比如：src 源代码（逻辑）doc 文档dep 第三方依赖包test 测试* 根据业务逻辑进行文件夹的划分srccommon 公共...
2019-04-16 11:52:27
545
原创 前端异步流程工具
传统的方案：回调函数事件工具的方案：1. PromiseES6 原生提供了 Promise 对象。所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。Promise 对象有以下两个特点。（1）对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：...
2019-04-15 16:36:45
178
原创 关于express与mongoose
核心内容1. webServer： webServer就是可编程的URL，就是使用标准的INTERNET协议（比如HTTP或XML）远程可调用的应用程序组件。它要想成功用于Internet就需要提供一个与操作系统无关、与程序设计语言无关、与机器类型无关、与运行环境无关的平台3. apiServer( 后端工程师， 前端写接口 ) —》 测试工具（postman insomina ）4. ...
2019-04-12 08:39:36
731
原创 关于MongoDB
koa(扩展知识， 建议学习)koa是express超集（进阶版）前后端分离和耦合概念介绍面向过程 -》 面向对象 --》 面向服务数据库 Node.js mongodb(bson json的超集)分类：关系型数据库： MySql非关系型数据库: MongoDBMongoDB安装环境变量设置系统服务添加有问题安装系统不太支持高版本、 降版本 3.2 3.4写在m...
2019-04-10 17:46:49
127
原创 node.js拓展
linux命令mkdir 创建文件夹vim 简写 vi 创建文件的rm -rf 文件名称 删除递归删除find ./ -name ‘文件名称’ -print -exec rm -rf {} ;举例： find ./ -name ‘node_modules’ -print -exec rm -rf {} ;cat 文件名称 查看某个文件的内容前端渲染 vs 后端渲染前端拿到数据之...
2019-04-10 15:00:56
136
原创 关于node.js
什么是 Node.jsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm（cnpm/yarn），是全球最大的开源库生态系统。1. vs code 里面如何切换自定义终端？2. 浏览器 vs node异：node里面没有 BOM DO...
2019-04-08 19:06:46
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人