- 博客(17)
- 收藏
- 关注
RSS订阅原创 react组件通信
组件通信父组件与子组件通信父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自己状态的时候，子组件接收到的属性就会发生改变父组件利用ref对子组件做标记，通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法…子组件与父组件通信父组件将自己的某个方法传递给子组件，在方法里可以做任意操作，比如可以更改状态，子组件通过this.props接收到父组件的方法后调用...
2019-06-23 18:32:06
113
原创 react事件处理
react事件处理事件绑定采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法，然后在render...
2019-06-23 18:10:39
113
原创 react基础-属性和状态
组件挂载的方式属性和状态属性 （props）props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的，组件自己不能随意更改。总的来说，在使用一个组件的时候，可以把参数放在标签的属性当中，所有的属性都会作为组件 props 对象的键值。通过箭头函数创建的组件，需要通过函...
2019-06-23 18:01:55
151
原创 react基础问题
问题： create-react-app中的index.js中的ReactDOM做什么了？解决：将jsx语法装换成 VDOM模型，然后再VDOM渲染成真实DOM将渲染出来的真实DOM，插入到容器id为root的标签内问题： React的VDOM数据更新会生成新的VDOM,新的VDOM和上一次的进行对比，生成的是一个patch对象VDOM仅仅会渲染不同的地方，相同地方不进行渲染（ ...
2019-06-23 17:22:36
111
原创 webpack配置
单页面配置webpack的配置性文件1. 入口2. 出口3. 环境4. loader5. 插件。。当我们输入webpack命令时，那么会自动寻找webpack.config.js文件webpack文件就是Node.js文件Node.js文件使用的就是 Common.js规范const path = require( 'path' )// 单页面module.exports ...
2019-06-23 17:08:13
79
原创 vue组件通信
组件通信1.父子组件通信： 父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件子组件在自己的配置项中通过 props 来接收这个属性Vue.component(‘Son’,{template: ‘#son’,// props: [‘aa’],props: {// 属性： 属性的数据类型 给数据做属性验证，验证数据类型‘aa’: Number}}...
2019-05-29 20:46:39
71
原创 vue 生命周期
什么是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期生命周期的分为几个阶段？每个阶段有哪些钩子函数生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁初始化阶段：有4个钩子函数 ， 触发条件是自动的1.beforeCreate组件即将创建，进行组件事件和生命周期的初始化项目中一般不使用（ 我认为 ）有的开发者也会在这里进行数据请求...
2019-05-28 19:51:34
94
原创 vue过滤器
过滤器：vue 1.x内部提供提供了 10 个过滤器， 这10个过滤器是针对 数字 纸币符号 日期 大小写 小数位数等的格式化什么叫过滤器？格式化数据的一个工具举例： 12.22225 —> 12.2Tue May 28 2019 10:15:08 GMT+0800 (China Standard Time) – > 2019/05/28过滤器一样也有两种声明形式全局声...
2019-05-28 19:31:02
110
原创 vue 过渡的四种方式
过渡1.vue中实现过渡或是动画一共提供了这样四种形式：在 CSS 过渡和动画中自动应用 class — 自己写css3动画可以配合使用第三方 CSS 动画库，如 Animate.css – 别人写好了类名，我们用在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生js来写动画可以配合使用第三方 JavaScript 动画库，如 Velocity.js – 用别人...
2019-05-28 19:21:28
2605
原创 computd vs watch vs methods
computd vs watch vs methods项目中：computed：有逻辑像变量一样使用computed 计算属性案例： 为什么vue中要使用计算属性？让一个字符反向分析：<p> {{ msg.split('').reverse().join('') }} </p>上面代码的写法，有些违背关注点分离，而且会让我们的DOM结构看起...
2019-05-24 21:45:15
132
原创 vue数据请求 axios vs fetch
数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 )使用格式：fetch()new Vue({el: '#app',methods: {get () {// consol...
2019-05-24 21:39:49
203
原创 vue事件
vue事件指令v-on格式v-on:eventType = “事件处理程序名称”简写@eventType = ‘事件处理程序名称’参数事件修饰符-事件的修饰符格式： v-on:click.xxx = ‘handler’xxx指的是修饰符的名称问题： 修饰符使用有什么好处？举例： 事件冒泡案例分析： 发现 e.stopPropagation() 在每一个方法中都要使用，这...
2019-05-23 22:21:41
227
原创 vue指令
指令作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖模板语法模板语法支持性还是很高的，数据类型都是支持的，但是不支持 输出语法 （ console.log alert ）指令格式：...
2019-05-23 22:19:39
144
原创 用Node.js创建一个静态服务器
用Node.js创建一个静态服务器源代码：var http = require( 'http' );var port = 8080 ;var hostname = '127.0.0.1'var path = require( 'path' ) // 磁盘路径处理的模块var fs = require( 'fs' ) // 操作文件、目录的模块var url = require( 'u...
2019-05-22 11:13:51
92
原创 MongoDB与数据库
什么是数据库数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，它产生于距今六十多年前，随着信息技术和市场的发展，特别是二十世纪九十年代以后，数据库技术得到了更加快速的发展，应用得更加广泛。主要用它进行管理各种系统的数据，作为科学研究和决策的重要技术手段。数据库的类别1.关系型数据库 ：Access mySql SqlServer oracle db2等。2.非关系...
2019-05-20 21:26:46
192
原创 Node.js概念
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外：还有其他的引擎： 单片机、actionscriptNode.js有两大特征事件驱动事件的定义（发布）事件的触发（订阅）非阻塞式 I/O 模型非阻塞 ： 执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务I/O： 磁盘文件操作 / 数据库数据操作...
2019-05-16 22:00:01
118
原创 前端渲染 vs 后端渲染
前端异步流程工具Promise √Generator函数Async函数 √Node.js 提供的 nextTick第三方的async.js前端原生js提供的数据请求有两种ajaxfetchgulp 4.x多任务执行串行并行前端渲染 vs 后端渲染前端渲染是通过ajax请求数据，然后通过js语法...
2019-05-16 21:25:01
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人