- 博客(26)
- 收藏
- 关注
RSS订阅原创 JavaScript之数组
1.数组的概念（引用类型）除了 Object 类型之外，Array 类型是ECMAScript 最常用的类型。而且 ECMAScript 中的Array 类型和其他语言中的数组有着很大的区别。 虽然数组都是有序排列，但ECMAScript中的数组可以保存任何类型的数据，ECMAScript 中数组的大小也是可以调整的。数组：一组任意类型或者相同类型的数据。123,true,‘hello’,f...
2020-01-21 11:01:03
212
原创 JavaScript之function（下）简介
1.作用域的概念任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。局部作用域和全局作用域在JavaScript中，变量的作用域有全局作用域和局部作用域两种。引入：<body> <script> //1.变量，函数作用的范围？？？ //2.变量为什么前置访...
2020-01-21 10:44:46
208
原创 JavaScript之function（上）简介
1. 函数的概念及作用函数可以封装任意多条语句， 而且可以在任何地方、任何时候调用执行。函数实际上是对象。每个函数都是 Function 类型的实例对象，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针（函数名等于函数体）。（1）对象=属性+方法(主动，被动) document.write(window.alert); //输出方...
2020-01-21 10:39:27
318
原创 React多组件状态共享之Redux
什么是Redux2013年 Facebook 提出了 Flux 架构的思想，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内就成为了最热门的前端架构。Redux的官方解释是：Redux is a predictable state container for JavaScript apps. 意思就是Redux是js应用的一种可预测的状态容器。...
2019-09-05 21:42:33
1403
原创 React多组件状态共享之Flux
MVC软件架构MVC的全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，是一种软件设计典范。V即View视图是指用户看到并与之交互的界面。M即Model模型是管理数据 ，很多业务逻辑都在模型中完成。在MVC的三个部件中，模型拥有最多的处理任务。C即Controller控制器是指控制器接受用户的输入并调用模型...
2019-09-02 22:20:22
482
原创 React-router项目实战用法详解
React-router官方文档https://reacttraining.com/react-router/web/guides/quick-startReact路由1.简介中文文档给出的官方说明是：React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。2.路由基本配置（1）首先安装第三方插件...
2019-09-02 22:00:26
1198
原创 Vue项目快速构建工具（cli2/cli3）使用详解
1. 什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack2. cli目前有哪些版本？cli2 cli3 ，cli3对电脑的配置有一定要求3. cli如何使用？（1）cli的安装npm/cnpm/yarn 都可以使用 【 yarn 配置国内镜像 】安装yarn ：npm i yarn -g使用国内镜像加速npm和yarnnpm...
2019-08-25 16:57:09
287
原创 React16版本生命周期详解
React生命周期 React生命周期钩子函数都是针对类组件的，即所有的钩子函数都写在class定义的类组件中。在React 15版本生命周期只有三个阶段，而在React 16版本新增了一个阶段： 错误处理阶段。React16版本生命周期共分为四个阶段，有12个钩子函数，四个阶段分别为，初始化、运行中、销毁、错误处理(16.3之后)React16版本生命周期图示...
2019-08-25 16:36:38
3219
原创 Vue列表渲染的非响应式情况及解决方案
1.Vue的深入响应式原理vue是通过数据劫持和订阅发布来进行深入响应的，数据劫持指的是，vue通过es5的Object.defineProperty属性对data选项中的数据进行getter和setter设置，订阅发布指的是vue通过定义自定义事件将data的变化反映到视图上去，vue通过observer观察者对象反应数据的变化，然后通知vue生成新的Virtual DOM ，进而渲染视图。...
2019-08-25 11:19:32
1300
原创 React之事件及事件绑定的写法
1.绑定事件react中采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。2.事件绑定的写法直接在render里写行内的箭头函数(不推荐)import React, { Component } from 'react';class Event ...
2019-08-24 18:09:20
1376
原创 React之组件介绍及用法详解
1.编写react应用程序react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本，create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空，然后在里面重新创建一个index.js. 写入以下代码:// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引入...
2019-08-17 17:47:15
10107
原创 React基本介绍及React项目创建
1、React（1）React的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。（2）React与传统MVC的关系React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至Re...
2019-08-16 16:49:55
837
原创 Vue.js之自定义指令、混入mixin、自定义插件、过渡与动画、异步组件
1.自定义指令概念：除了核心功能默认内置的指令 (如：v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。全局自定义指令全局定义：Vue.directive( 指令的名称，指令的选项 )// 注册一个全局自定义指令 `v-foc...
2019-08-15 22:51:41
413
原创 Vue.js之过滤器filter
过滤器Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：使用如下：<p> {{ 要格式化的数据 | 过滤器名称 }} </p>全局过滤器定义如下：Vue.filter(过滤器...
2019-08-15 22:42:12
192
原创 Vue中的生命周期概念及钩子函数
1.概念每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。那么Vue为什么会提出生命周期的概念，或者说我们为什么要使用生命周期呢？我们都知道Vue是由指令和组件系统构成，而我们要想使用组件，那么就得在组件...
2019-08-02 22:20:34
583
原创 Vue中的slot、slot-scope、v-slot辨析
1.slot(插槽)概念插槽是Vue中的一个中的一个特殊特性，他的作用是，在指定位置，开辟一个空间，给未来的元素使用，这里所谓的未来元素指的就是组件的内容，但是slot已被废弃。下面以一个简单的例子来说明上述问题。<body> <div id="app"> <Test> <p>这是Test组件&...
2019-08-01 21:57:58
2790
原创 Vue-组件
1.组件化概念Web页面中的组件其实就是页面组成的一部分，它是一个具有独立的逻辑和功能或界面。页面只不过是这些组件的容器，组件自由组合形成功能完善的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行替换和删除，而不影响整个应用的运行，组件化开发，是目前项目开发的一个流行趋势。组件化的优点1.避免多人开发造成的冲突，利于协同开发；2.提高了项目开发效率；3.提升了整个项目的可维...
2019-07-31 10:42:48
105
转载 读懂diff
作者： 阮一峰日期： 2012年8月29日diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异，是代码版本管理的基石之一。你在命令行下，输入： $ diff <变动前的文件> <变动后的文件>diff就会告诉你，这两个文件有何差异。它的显示结果不太好懂，下面我就来说明，如何读懂diff。一、diff的三种格式由于历史原因，diff有三...
2019-07-29 11:22:22
92
转载 深入Vue2.x的虚拟DOM diff原理
作者简介：汪玉林，高级工程师，增值产品部前端Leader，目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目，有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的e...
2019-07-29 11:01:53
176
原创 MVC、MVP和MVVM介绍及区别
MVC、MVP 和 MVVM介绍及区别复杂的软件必须有清晰合理的架构，否则无法开发和维护。MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。一、MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业...
2019-07-27 09:18:32
164
原创 MonDB介绍及下载安装
1.MongoDB介绍数据库概念数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，主要用它进行管理各种系统的数据，作为科学研究和决策的重要技术手段。数据库分类关系型数据库（sql）： 以行和列的形式存储数据，以便于用户理解。这一系列的行和列被称为表，一组表组成了数据库。表与表之间的数据记录有关系。常见有：Access mySql SqlServer oracle ...
2019-07-23 22:49:40
503
原创 前端ajax跨域问题及基于node的跨域解决方案
跨域的概念及产生概念跨域：跨域名（网址）访问；报错显示：No ‘Access-Control-Allow-Origin’浏览器的同源策略（1）浏览器的同源策略：同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。受到请求的 URL 的域必须与当前 Web 页面的域相同；（2）同源策略是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响；...
2019-07-21 17:12:22
484
原创 Node.js的web应用框架----Express介绍及应用
express介绍1.概念：Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTM...
2019-07-20 08:45:20
913
原创 前端异步流程工具
前端异步流程工具1. 为什么要进行异步操作？javascript是单线程，依次执行一个任务，要想让任务能够顺利进行，我们需要排队异步就是将任务放入异步队列，在主线程执行结束之后再去执行2. 前端异步的操作方式传统方式○ 回调函数○ 事件3.前端异步流程工具 【 封装出来函数、库 】△ es6 Promise含义：（1）Promise 是异步编程的一种解决方案，比传统的解决方案...
2019-07-18 22:31:23
83
原创 node.js模块分类及部分模块用法讲解（一）
内置模块【Node.js自带的模块】直接引用内置模块： const/var/let 变量名 = require( 模块名 )内置模块详解Url：parse：将地址路径转换成对象const url = require('url');console.log(url.parse('https: //nodejs.org/dist/latest-v10.x/docs/api/url.html...
2019-07-17 23:07:55
431
原创 Node.js介绍及环境配置
Node.js介绍1.Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境。2.Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动： 任务执行，发布者，订阅者，事件驱动 （ on emit ）非阻塞： 执行某一个任务的同时也可以执行其他任务阻塞： 执行某一个任务，这个任务如果没有执行完成，其他任务必须等待I/O: 输入/输出...
2019-07-16 07:48:22
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人