前端
web历史曲线卡顿问题—Echarts降采样策略
渲染绘制37W条数据3秒; 此时拖动图表底部滑块明显卡顿,并且第一眼看不到图表曲线趋势; 降采样策略: sampling: ‘average’, [cray…
ECharts实时曲线图表
代码: 示例:https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2 [crayon-62bfa9db…
vue项目-npm模块化功能页面
切换npm镜像登录
1234567// 切换到npm镜像npm config set registry http://registry.npmjs.org// 登录npm login// 接着输入用户名、密码、邮箱【注册npm账号时的资料】上传包 1、我将vue一个页面功能模块抽出来放到一个src文件夹里面,包含了功能模块的css、…
vue父子组件传值,监听传值改变
需求描述 左侧顶部显示设备列表的数量,封装成组件多个页面共用便于后期统一管理; 子组件
12345678910111213141516171819202122232425262728293031323334353637383940<template><p v-if="state" class="gw-left-hearder-title-font"><span class="title">{{title}}</span><span class="number"> · {{number}}</span></p></template><script>/** @file 组件 **/export default {name: 'GWLeftHearderTitle',props: ['GWLeftHearderTitle'],data () {return {title: '',number: 0,btn: '',state: true,msg: null};},// 监听父组件传值【传过来的值有改变就会触发】watch: {GWLeftHearderTitle (n, o) {console.log('新值-n--', n);console.log('旧值-o--', o);this.title = this.GWLeftHearderTitle[1];this.number = this.GWLeftHearderTitle[2];}},mounted () {},methods: {}};父组件 引用组件 [cra…
CSS 样式书写顺序及规范
在项目中,大部分前端程序员都没有按照良好的CSS书写规范来写CSS代码,每次写css样式都是用到什么就在样式表后添加什么,完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来…
微信小程序-局域网请求
前言 去年开发小程序,是照着公司的app功能进行开发,然而打开app需要用户登录进行后面的操控; 做的小程序也要进行如此的登录操作; 应用场景: 例如在展厅本地部署一套软件环境,打…
SQL-NodeJs-post提交修改信息
编辑保存婚礼请柬地址信息
1234567891011121314151617181920212223// 编辑婚礼信息router.post('/editInformation', async (req, res, next) => {let {names,time,seating,address,latAndLng,welcome,phoneMale,phoneFemale} = req.body;try {let message = await querySql('update informations set names=?,time=?,seating=?,address=?,latAndLng=?,welcome=?,phoneMale=?,phoneFemale=?', [names, time, seating, address, latAndLng, welcome, phoneMale, phoneFemale]);res.send({code: message.affectedRows ? 200 : 100,msg: message.affectedRows ? '保存成功!' : '保存失败!',})} catch (e) {console.log(e)next(e)}})SQL-NodeJs-删除留言
删除当前这条留言数据
12345678910111213141516// 删除留言板数据router.post('/deleteMessage', async (req, res, next) => {let {id} = req.body;try {let message = await querySql('delete from message where id=?', [id]);res.send({code: message.affectedRows ? 200:100,msg: message.affectedRows ? '删除成功!' : '删除失败!',})} catch (e) {console.log(e)next(e)}})SQL-NodeJs-修改留言状态(显示/隐藏)
修改当前留言是否在用户端显示/隐藏
12345678910111213141516171819// 留言板数据---更新留言显示隐藏router.post('/updateMessage', async (req, res, next) => {let {id,state} = req.body;try {let message = await querySql('update message set state=? where id=?', [state, id]);// message.affectedRows为1时代表数据库有受到影响行数表示操作成功res.send({code: message.affectedRows ? 200 : 100,msg: message.affectedRows ? '恭喜修改状态成功!' : '修改状态失败!',})} catch (e) {console.log(e)next(e)}})