前端
Forever_轩
这个作者很懒,什么都没留下…
展开
-
组件通信、过滤器、自定义指令等
组件通信、过滤器、自定义指令等组件的通信组件是一个聚合体,合并项目,组件之间通过数据通信建立联系。父子组件通信<template id="father"> <div> <h3> 这里是father </h3> <!-- 父组件将自己的数据绑定给子组件身上 --> <...原创 2019-08-23 20:24:41 · 121 阅读 · 0 评论 -
React组件通信、高阶组件
React组件通信、高阶组件组件通信父子组件通信无论父组件传递是props还是state,子组件都是通过props接收子父组件通信父组件传递方法给子组件,子组件调用父组件传递过来的方法(传参)自己的状态自己更改非父子组件通信父组件将方法传递给子组件1,将状态传递给子组件2,子组件1调用方法修改父组件状态,从而改变子组件2的视图ref链ref...原创 2019-09-17 19:21:20 · 175 阅读 · 0 评论 -
React的数据、事件
React的数据、事件组件的数据挂载方式React中数据分为两个部分属性状态(可以频繁变化)Vue中数据只有状态这一种类型属性(props)props是正常从外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是可以通过父组件主动重新渲染的方式来传入新的props内部设置的属性是不去更改的属性是描述性质、特点的,组件自己不能随意更改之...原创 2019-09-17 09:38:03 · 190 阅读 · 0 评论 -
React入门
React入门元素与组件使用CRA脚手架,一般src目录下的index.js目录是这样的import React from 'react'; // 使用React API 支持jsximport ReactDOM from 'react-dom'; // 渲染React元素到页面中import './index.css';import App from './App';impo...原创 2019-09-16 22:18:20 · 571 阅读 · 0 评论 -
React脚手架---CRA
React脚手架—CRAcreate-react-app【CRA】React官网提供的脚手架(快速构建一个项目)全局安装create-react-app$ npm install -g create-react-app如果不想全局安装,可以直接使用npx$ npx create-react-app your-app 也可以实现相同的效果创建一个项目$ create-reac...原创 2019-09-16 19:39:14 · 2218 阅读 · 0 评论 -
React介绍
React介绍React的起源与发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得复杂,每当需要添加...原创 2019-09-16 19:38:46 · 273 阅读 · 0 评论 -
Vuex
Vuex如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新。Vuex称为Vue的状态管理工具,也是多组件状态共享的工具Vuex相当于是Vue的一个集中式的存储仓库,也是一个状态管理中心,它也可以进行状态的管理存储仓库: 本地存储 cookie 数据库它...原创 2019-09-03 20:25:54 · 175 阅读 · 0 评论 -
Webpack
Webpack版本的发展过程 官网: https://webpack.js.org/ 中文: https://www.webpackjs.com/webpack1 支持CMD和AMD,同时拥有丰富的plugin和loader,webpack逐渐得到广泛应用。 loader 转化器webpack2 支持ES Module,分析ESModule之间的依赖关系...原创 2019-08-31 15:06:49 · 190 阅读 · 0 评论 -
Vue生命周期
Vue中的生命周期为什么要有生命周期?Vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能,方便我们更好的去控制组件Vue的生命周期分为三个阶段,8个钩子函数初始化##### beforeCreate 组件创建前作用: 为整个生命周期做准备工作,初始化事件和自身或是子组件的生命周期做准备意义:数据拿不到真实dom拿不到项目中:不常用c...原创 2019-08-27 11:53:07 · 135 阅读 · 0 评论 -
Vue中的虚拟DOM和diff算法简述
Vue中的虚拟DOM和diff算法虚拟DOM和diff算法虚拟DOM是在DOM的基础上在内存建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中虚拟DOM因为是纯粹的JS对象,所以操作它会很高效,但是虚拟DOM的变更最终会转换成DOM操作,为了实现高效的DOM操作,一套高效的虚拟DOM diff算法显得很有必要。操作dom是很...原创 2019-08-26 22:03:30 · 577 阅读 · 0 评论 -
解决异步的几种方案
Promisees6加入标准,低版本ie不支持Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。三种状态① pending 进行中② fulfilled 已成功③ rejected 已失败一旦状态改变,就不会再变。只可能①->②,①->③,这两种情况发...原创 2019-08-26 21:54:18 · 757 阅读 · 0 评论 -
Vue基础(数据请求、组件、属性等)
Vue基础(数据请求、组件、属性等)axios&&fetch目的:是在框架中使用数据请求数据请求使用原生js提供的fetch使用第三方封装库:axiosVue中可以统一对axios进行挂载 Vue.prototype.$http = axiosfetch与axiosaxios 对已获得的数据进行了一层封装 XSRFaxi...原创 2019-08-22 19:31:53 · 276 阅读 · 1 评论 -
Vue基础用法
Vue基础用法模板语法mustache 语法中在支持写js1.用法:内容:必须加{{ js语法 }}属性:属性中属性值可以直接写js语法,并且属性值中的数据相当于全局变量给一个标签加一个自定义属性/已有属性img中的src就是已有属性<img src = "" /> //data-index就是自定义属性 , web网页中建议我们使用data-形...原创 2019-08-21 19:39:47 · 413 阅读 · 0 评论 -
Socket
SocketNode-socket服务端(server)客户端编号,每次连接递增,一个号对应一个客户端存储客户端的为对象const net = require( 'net' )const PORT = 5000 //端口号let count = 0 // 用于做编号const clients = {} // 这个是用于保存客户端的// 1. 创建服务器const serv...原创 2019-08-15 20:07:46 · 100 阅读 · 0 评论 -
Vue基础
Vue基础和前端框架前端框架前端开发流程规范前端框架在做什么?为什么要用?js框架帮助开发者写js逻辑代码,在开发应用的时候js的功能划分为如下几点:渲染数据操作DOM操作cookie等存储机制api在前端开发中难题: 如何高效的操作dom、渲染数据是一个前端工程师需要考虑的问题,而且当数据量大,流向较乱的时候,如何正确使用数据,操作数据也是一个问题???解决:...原创 2019-08-20 19:38:40 · 138 阅读 · 0 评论 -
react-router
React-routerReact Router之前版本的思想是传统的思想:路由应该统一在一处渲染, Router 4之后是这样的思想:一切皆组件React Router包含了四个包:包名Descriptionreact-routerReact Router核心apireact-router-domReact Router的DOM绑定,在浏览器中运行不需要额...原创 2019-09-23 19:19:36 · 150 阅读 · 0 评论