MiniCai_-CSDN博客

原创今天来讲讲Vue的自定义指令

基于 vue 自定义指令操作DOM先上官方网址[https://cn.vuejs.org/v2/guide/custom-directive.html]相信用vue的各位战士们应该都会频繁地用到 v-if v-show ，这样的官方自带指令，其实我们自己也是可以写出v-eat,v-focus,v-dragMove 这样的指令的。vue官方给出的这个api就是为了让各位战士操控底层DOM的。今天以一个小例子，来谈谈自定义指令，菜鸡，你要是骂我，我就要打你，所以不准骂我。...

2020-06-24 11:13:02 202

原创最简单的redux应用

reduxredux也是一个架构思维，在这个架构思维中 React 充当是视图 V------------- redux 基础 – end ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维，我们实现需要一个工具，这个工具叫做redux安装redux$ yarn...

2019-06-21 16:16:18 173

原创 react-router

简单的react-router利用react-router实现简单的页面跳转生命周期详细图解，在这个项目里会用到两个钩子，一个是componentDidMount,整个项目初始化时做一次判断，另外一个是componentWillReceiveProps,当属性发生改变进入路由时做一次判断。利用react-router实现简单的页面跳转yarn add react-router react-ro...

2019-06-19 15:47:38 133

原创 Vue.js的父子组件通信

父子组件通信：父组件将自己的数据传给子组件1.父组件将自己的数据通过属性绑定的形式传给子组件aa在这里就是传递的自定义属性2.子组件在自己的配置项里通过props来接收这个属性Vue.component(‘Son’, {template: ‘#son’,props: {‘aa’: Number}})属性：属性的数据类型-- 这样是为了给数据做属性验证，验证数据类型也可以写成...

2019-05-29 21:47:13 208

原创 Vue的组件

Vue的组件Vue.js通过Vue.extend() 方法来扩展组件的使用Vue.extend( options ) 里面的options参数和 Vue(options) 的options参数几乎是一致的new Vue出来的 ViewModel( 视图模型 ) 也是一个组件，我们称之为 ‘根实例组件’ ，叫 ‘Root’ 组件Vue中组件的表现形式是类似于标签的，要想像...

2019-05-28 21:53:17 126

原创 Vue之生命周期的8个钩子函数

Vue-生命周期总结：生命是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期生命周期的分为几个阶段？每个阶段有哪些钩子函数生命周期分为3个阶段，这三个阶段分别是：初始化、运行中、销毁初始化阶段：有4个钩子函数，触发条件是自动的beforeCreate组件即将创建，进行组件事件和生命周期的初始化项目中一般不使用，至少对于我来说是的哈有的开发者也会在这...

2019-05-28 21:48:23 4398

原创 Vue入门

模板语法 mustache语法双大括号语法指令Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架指令组件作用：是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM-Vue最大的好处就是不用像传统原生JS 渲染那样，先获取DOM，再对DOM元素进行一些列操作，现在可以直接使用V...

2019-05-23 16:27:01 100

原创 nodejs入门npm

Node.js的安装及包管理工具Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外：还有其他的引擎：单片机、actionscriptNode.js有两大特征事件驱动事件的定义（发布）事件的触发（订阅）非阻塞式 I/O 模型非阻塞：执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务I/O：磁盘文件操作 / 数据库数据操作...

2019-05-21 20:47:20 92

原创基于H5的websocket 直播间or聊天室

基于H5的websocket 直播间or聊天室要用到两个插件 ws和express 所以先下载插件要用到两个插件 ws和express 所以先下载插件//socket server part//通信的主服务器.ws模块来创建.安装 ws 模块.创建服务器const WebSocket = require('ws')const ws = new WebSocket.Server({ po...

2019-05-20 22:43:49 1705

原创 Node.js express api接口暴露方法之GET

前后端耦合之API接口暴露express中的一个路由即一个接口//在app,js里设置 var mineRouter = require ( './routes/mine' ); api.use('/mine',mineRouter);//在/routes/mine.js里设置 const express = require ( 'express' ); const router =...

2019-05-17 20:04:13 958

原创用Node.js创建一个极其简单的静态服务器

用Node.js创建一个极其简单的静态服务器源代码：//第一步引用http模块var http = require( 'http' );var port = 9000 ;//自定义端口号var hostname = '127.0.0.1'//自定义hostname//第二步创建静态路由var server = http.createServer( function ( req...

2019-05-15 22:10:43 167

MiniCai_的博客