- 博客(6)
- 收藏
- 关注
RSS订阅原创 nodejs使用koa+websocket实现点对点的即时通讯
首先WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。如果还不了解WebSocket的请移步 HTML5 WebSocket在以前，我们处理点对点通信都只能使用轮询，原因是服务器不能主动向客户端发送信息。有了websocket，使得我们的点对点通信变得了更简单和更加高效。废话不多说，这届上代码：服务端app.js// 使用koaconst koa = require('koa')const router = require('koa-router')(
2020-08-13 11:37:08
4692
4
原创 vue如何进行插件的编写
vue的插件，我们通常用来封装一些使用频率很高的全局资源，如：全局属性/方法、全局混入mixins、全局组件等。其实还是解决一个问题，更方便的复用。定义一个插件我们在src/plugin下新建一个index.js，定义的方法和属性一定是在install方法内。index.jsexport default { install(Vue){ // 定义全局属性 Vue.prototype.$myPlugin = '全局属性'; // 定义全局方法
2020-08-06 10:27:06
453
原创 vue如何编写自定义指令directive
vue已经给我们内置了很多很好用的指令了（v-mode 、v-show）等等，但是有时候当这些指令不能满足我们需求的时候，我们还可以使用vue的自定义指令功能编写我们的指令，这是一个很强大的功能。需要说明的是：尽管自定义指令这个功能很强大，但是其是对普通的DOM底层进行了直接的操作，会消耗一定的性能，所以我们在使用的时候一定要权衡利弊。全局定义我们可以使用vue的接口Vue.directive()去定义一个自定义的指令。// 第一个参数为指令的名称，第二参数则是一个对象，包含了指令的钩子函数Vue
2020-08-05 15:44:30
441
原创 vue混入的使用mixins
关于vue的混入，官方给出是说明是这样的，这是一种非常灵活的方式，用来分发vue组件中可复用的功能。混入对象可以包含所有的组件选项。什么意思？使用场景在这里我们可以看到，混入唯一的功能还是解决代码的复用问题，其实很容易理解。就是将我们组件中多次用到的功能（可以包括组件的所有选项）抽离处理，做成公共的功能，然后在需要使用的组件使用mixins进行引用。如果多oop思想有深入理解的同学，可以参照oop思想帮助理解，和oop有一定的相似。其中最典型也是最常用的场景就是：要求界面显示风格不一样，但是里面的
2020-08-05 09:49:19
484
原创 vue动态组件详解
1、 什么是动态组件动态组件是指：在一个挂载点使用多个组件，并进行动态切换。可能对于新手来说，这句话有些难理解，什么是挂载点?可以简单的理解为页面的一个位置。最常见的就是：tab的切换功能。在vue要实现这个功能通常用两种方式。一是使用<component>元素的 is 的特性，二是使用 v-if 。方式一：<template> <div class="hello"> <h3>使用component 的 is特性</h3>
2020-08-03 17:34:19
16975
5
原创 vue插槽的使用-slot
vue的官方文档中介绍插槽是说：slot是一套内容分发的Api。那我们怎么理解solt呢？1、作用插槽可以让用户去扩展组件，增强了组件的扩展性，使得组建的复用更加强大。2、使用场景在组件化开发中，我们说，通常会把一段复用的代码单独写成一个组件，但是有时仅仅是这样不能满足需求，这时候可以用到插槽。通过父组件向子组件分发内容。插槽可以让调用者（父组件）实现结构和样式的自定义。3、插槽的使用3.1、匿名插槽子组件：<!-- --><template> <div
2020-08-03 14:31:52
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人