- 博客(5)
- 收藏
- 关注
RSS订阅原创 聊天室 socket.io 的使用
首先初始化一个package.json 在终端执行 `npm init -y` package.json: { "name": "socket-chat-example", "version": "0.0.1", "description": "my first socket.io app", "dependencies": {}}安装express插件和socket.ionpm install express@4 npm insta...
2022-03-09 20:36:27
410
原创 Vue项目的优化
一、代码优化1. 使用keep-alive缓存不活动的组件keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。在动态组件中的应用<keep-alive :include="whiteList" :exclude="blackList" :max="amount"> <component :is="currentComponent"><
2022-03-06 20:26:32
712
原创 Vuex固化数据插件用法 “一目了然”
刷新页面，vuex里面数据丢失清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化1.下载插件//需要先下载插件npm install vuex-persistedstate --save2.引入 使用//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export default new Vuex.Store({ state: {.
2022-03-04 07:41:19
243
原创 Vue项目使用v-drag实现拖拽功能
<template> <div class="drag"> <div ref="element" class="content" v-drag draggable="false"> <p>文字网页</p> </div> <div style="height:2000px;width:100%"></div> </div>.
2022-03-02 22:07:23
504
原创 函数防抖和函数节流
使用节流防抖函数(性能优化)那么在 vue 中怎么使用呢：在公共方法中（如 untils.js 中），加入函数防抖和节流方法// 防抖export function _debounce(fn, delay) { var delay = delay || 200; var timer; return function () { var th = this; var args = arguments; if (time.
2022-03-02 22:00:09
163
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人