qq_43456687的博客

前端通过长轮询和WebSocket实时获得后端不断更新的数据

项目需求：前端需要调用后端登录接口login，然后这个接口后端进行了加密。所以前端需要利用crypto-js插件实现DES-CBC加解密方法首先观察项目原先的AES-ECB加解密方法import CryptoJS from "crypto-js";const Key = "*******";//密钥export default { /** * 加密 * @param word * @param keyStr */ encrypt(word) { var.

webSocket最大的的特点是服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息。具体推荐参考阮一峰大佬的博客html页面如下： <h1>聊天室</h1> <div id="message"></div> 昵称： <input id="username" type="text" /> 内容： <input id="text" type="text" style="width:300px" .

本文旨在简单介绍我认为前端应该需要了解的设计模式一、单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点，这样的模式就叫做单例模式。应用场景：Vuex中的单例模式（实现了一个全局 Store为单一数据源 用于存储应用的所有状态）。先来看vue中如何使用vuex// 安装vuex插件 Vue.use(Vuex)// 将store注入到Vue实例中new Vue({ el: '#app', store})通过Vue.use()方法，调用了vuex插件的insta

一 安装首先使用npm install handlebars进行安装，使用const Handlebars = require(“handlebars”);进行引入。或者使用cdn直接引入<script src="https://cdn.bootcdn.net/ajax/libs/handlebars.js/4.7.7/handlebars.amd.min.js"></script>二 使用可以基于jQuery ajax的封装获得html模版，例如 Rose.aj

先定义需要显示的报告页面（利用transition实现过度动画）<div id="report-content"> <transition name="slide-fade"> <div v-if="showIndex == 1"> 第一个页面 </div> </transition> <transition name="slide-fade"> <div v-if="showIn

首先需要先看一个小例子，初步了解koa。const koa =require('koa')const Router =require('koa-router')//实例化Koaconst app =new koa()const router =new Router()// 配置路由//ctx 上下文（content），包含了request和response信息router.get('/', async (ctx, next) => { ctx.body={msg:"Hello ko

我这里是循环出多个上传对象，样式已经简化 <span v-for="(item, index) in attachInfoList" :key="index + '-wrap'" //设置捕获事件. //当一个父元素div1 包裹着一个子元素div2 同时有点击事件。 //我们希望点击从外面执行到里面，先触发父元素再触发子元素。 //我们可以在父元素的点击事件加上@click.capture .

mock数据是前端必备技能首先需要在webpack生产环境配置文件中引入插件const apiMocker = require('webpack-api-mocker'); devServer: { before(app) { //mock/index.js为mock文件夹入口 if (process.env.MOCK) { apiMocker(app, path.resolve('mock/index.js'));

解释：RegExp.$1为取得字符串中符合正则表达式的部分； Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": thi...