模拟Vue实现响应式数据
1. 预期效果 当数据变动时，触发自定义的回调函数。 2. 思路 对对象 object 的 setter 进行设置，使 setter 在赋值之后执行回调函数 callback()。 3.细节 3.1 设置 setter 和 getter JS提供了 [Object.defineProperty()] ...
【微信小程序】【可重用代码】基于数据库时间实现商品倒计时
最近做拍卖小程序，里面有一个需求是监控拍卖时间，需要对时间进行动态的倒计时显示 从构思开始，做这个倒计时也花了我4个小时多，也遇到了很多问题，现在我把完整的功能给实现了，可以拿来套用，只需要传入你自己数据库的时间即可。 1、第一个函数 //传入数据库结束时间参数并计算倒计时 countdown(en ...
【时间复杂度优化】关于动态倒计时减少计算次数的思考
最近在做一个小程序，其中一个功能是计算拍卖品结束倒计时。 传递给计算倒计时方法countdown() 的参数是一个从数据库获取的结束时间 endTime。 一开始我是这样写的 这样看着好像没啥问题，逻辑是正常的，BUT 该方法每隔一秒都会执行一次这里 就会导致频繁调用获取系统时间，而我们只需要用户在 ...
highcharts图表及报表展示、导出数据
@(文章目录) 提示：本文仅供学习交流，请勿用于非法活动！ 前言 本文大概内容： 在官网展现图表及报表（含导出） 一、使用highcharts前后端交互展示图表，及使用报表导出 如下图，我们在首页如何将折线图、柱状图结合报表，并实现根据不同的仓库实时刷新不同的数据，最后可以选择导出图表及报表。 二、 ...
Object.defineProperty方法 与 数据代理
const person = { name: 'Lydia' } Object.defineProperty(person, 'age', { value: 21, }) console.log(person) console.log(Object.keys(person)) 输出结果 原因： de ...
Vue3响应式系统实现原理（一）
根据VueJs核心团队成员霍春阳《Vue.js设计与实现》第四章整理 1. 响应式数据与副作用函数 1.1 副作用函数 会产生副作用的函数。 如下示例所示： function effect () { document.body.innerText = 'hello vue3!' } 当effect函 ...
Fundebug JavaScript插件支持监控HTTP请求数据
Fundebug 前端异常监控服务 Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。 并且，Fundebug 支持 Source Map 还原，记录用户行为以 ...
基于SqlSugar的开发框架循序渐进介绍（10）-- 利用axios组件的封装，实现对后端API数据的访问和基类的统一封装处理
在SqlSugar的开发框架的后端，我们基于Web API的封装了统一的返回结果，使得WebAPI的接口返回值更加简洁，而在前端，我们也需要统一对返回的结果进行解析，并获取和Web API接口对应的数据进行展示即可，本篇随笔介绍在Vue3+TypeScript+Vite的项目中，使用基于TypeSc... ...
在联调form表单数据时，如何传递参数为formData格式
有时候在前后端联调接口时，后端会要求传递入参为formData格式如下图 入参要求是传递fromData格式 + 当前时间戳，具体实现如下 首先先模拟一个普通接口 const getGroupData = (data) => { return request({ url: 'rest/report/ ...
数据类型
javaScript有哪些数据类型，有什么区别 javascript有八种数据类型：undefined, Null, Boolean, Number, String, Symbol, Biglnt，Object。 symbol和Biglnt是ES6新增的数据类型： symbol代表创建后独一无二且不 ...
Vue+Mockjs如何模拟curd接口请求
在前后端分离的项目中常常会遇到当前端页面开发完成 但是后端接口还没好，暂不支持联调的情况下，一般我们会用到mock数据 这边简单说一下最常见且经常会遇到的curd接口模拟 注：这边可以和后端先约定好接口路径以及入参返参的字段，避免二次修改 安装依赖，新建js文件，在文件中导入mock.js，模拟列表 ...
JS中的树形数据结构处理
树形数据的一些相关处理方法 以下方法待补充优化😁... // 用于测试的树形数据 const treeData = [ { id: '1', name: '测试1', pId: '0', children: [ { id: '11', name: '测试11', pId: '1', childre ...