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