NOT

使用亿图画时序图(序列图)

1、打开亿图,新建页面,软件和数据库 → 软件 → UML图,双击打开 2、在打开的绘图页面,点击“UML序列”,即可画时序图(序列图) 3、常用的几个图标 ......
时序 图画 序列

系统|--右键卡死|--卸载福X阅读器就好了

前言 系统中安装的软件比较多 电脑中可能和这个问题有关系的软件一览↓ # TortoiseGit( 本来是版本Release 2.14.0, 后来升级版本到Release 2.15.0 还是不行) # Visual Studio # 福XPDF阅读器 # 福XPDF编辑器 # OneDrive 我要 ......
阅读器 系统

机试题目-day1

字符串相关【C语言】字符串输入的三种方式_c语言输入字符串-CSDN博客 1.字符串的三种输入和输出方式,字符串只能靠指针或者数据 1.1 gets:gets() 函数的功能是从输入缓冲区中读取一个字符串存储到字符指针变量 str 所指向的内存空间 # include <stdio.h>int ma ......
题目 day1 day

编写loader 和 plugin

编写一个loader 在平时自己由零搭建项目时,虽然基础配置都比较熟悉,比如配置 file-loader, url-loader, css-loader 等,配置不难,但究竟是怎么起作用的呢,如何编写一个 Webpack Loader。 loader 通常指打包的方案,即按什么方式来处理打包,打包的 ......
loader plugin

动态加载——懒加载实现

webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 前 ......
动态

动态引入图片为什么要是require

动态的引入图片为什么要使用 require 因为动态添加 src 被当做静态资源处理了,没有进行编译,所以要加上 require 乍一看好像说的很有道理啊,但是仔细一看,这句话说的到底是个啥?针对上面的回答,不禁有如下几个疑问: 什么是静态资源? 为什么动态添加的 src 会被当做的静态的资源? 没 ......
要是 require 动态 图片

了解tree shaking

前言 前端在做性能优化的时候,其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是 tree-shaking,翻译成中文就是摇树。这个词非常形象,当果树结果后,如果用力摇树,那些成熟了但是还挂在树上的果子就会掉下来,减轻树的负担,因为果子已经成熟了,没有必要在呆在树上了。 ......
shaking tree

利用 Webpack CodeSplitting 完成复杂应用拆包

All in One 的弊端 通过 Webpack 实现前端项目整体模块化的优势固然明显,但是它也会存在一些弊端:它最终会将所有的代码打包到一起。试想一下,如果应用非常复杂,模块非常多,那么这种 All in One 的方式就会导致打包的结果过大,甚至超过 4 ~ 5M。 在绝大多数的情况下,应用刚 ......
CodeSplitting Webpack

热更新原理

(面试)说一下 webpack 的热更新原理? webpack 通过 watch 可以监测代码的变化;webpack-dev-middleware 可以调用 webpack 暴露的 API 检测代码变化,并且告诉 webpack 将代码保存到内存中;webpack-dev-middleware 通过 ......
原理

文件指纹是什么?怎么用?

Webpack 中的静态资源文件指纹 在 webpack 中如何给静态资源加 hash 值:每次构建过程都会生成一个新的 hash,所以一般用于做版本控制;chunkhash 是基于内容生成的,但是 webpack 把所有类型的文件都以 js 为汇聚点打成一个 bundle,改了 css 也会导致整 ......
指纹 文件

一次完整的打包

一次完整的 webpack 打包大致是这样的过程: 将命令行参数与 webpack 配置文件 合并、解析得到参数对象。 参数对象传给 webpack 执行得到 Compiler 对象。 执行 Compiler 的 run 方法开始编译。每次执行 run 编译都会生成一个 Compilation 对象 ......

Babel原理及其使用

Babel 的包构成 核心包 babel-core:babel 转译器本身,提供了 babel 的转译 API,如 babel.transform 等,用于对代码进行转译。像 webpack 的 babel-loader 就是调用这些 API 来完成转译过程的。 babylon:js 的词法解析器 ......
原理 Babel

边缘计算网关有哪些应用场景?边缘计算网关应用场景大汇总

边缘计算功能通常由边缘计算网关或计算终端实现,能够实现更快的设备/服务响应,满足各行业在实时业务、应用智能、安全与隐私保护等方面的需求 ......
网关 场景 边缘

无线信道-路径损失以及信道衰落

看了很多论文有关无线的论文,一直对他的论文里的信道模型很迷惑,大体结合搜到的资料以及论文整理一下。 1、衰落 \(\quad\)无线通信里,信号强度的变化可以分为大尺度衰落(Large-scale fading)和小尺度衰落(Small-scale fading),这两者由不同的物理现象引起,并在不 ......
信道 路径 损失 无线

学习随笔(设计模式:原型模式)

内容 今天学习了设计模式中的原型模式。 收获 1.所谓的原型模式,就是省去了一个类对象构造及初始化的过程,通过在原有的类对象中设计一个clone的方法或者接口,来拷贝出一个新的类对象。 2.拷贝的时候要注意"深复制"和"浅复制"的问题。这个是老生常谈的话题。 感悟 1.原型模式主要是用在构建类对象比 ......
模式 设计模式 原型 随笔

Electron 安装启动

npm install --save-dev electron 安装的时候会报错20.205.243.166该地址是github的地址,由于在国内无法访问。 解决办法:更改electron安装源。 npm config set ELECTRON_MIRROR https://npmmirror.co ......
Electron

适合家电和消费类应用R7F101GLG2DFA、R7F101GLE2DFA、R7F101GLG3CFA、R7F101GLE3CFA新一代RL78通用微控制器(MCU)

概览: RL78/G24微控制器是RL78系列MCU之中处理性能最强大的微控制器,CPU运行频率高达48MHz,搭配柔性应用加速器(FAA)。此外,它还搭载增强的模拟功能和丰富的定时器,适用于电机控制、电源和照明应用。FAA是一种运算专用的协处理器,可以独立于CPU运行,从而实现更强大的处理能力。 ......
F101 101 制器 消费类 R7

(javascript)将ztree树结构的数据转成二维数组

ztree树结构的数据结构如下:[ { "id": 3990, "name": "泡沫灭火", "iconShow": false, "children": [ { "id": 8616, "name": "泡沫发生器", "iconShow": false, "children": [ { "id ......
数组 javascript 结构 数据 ztree

虚拟列表

1. 基于【Event Loop】的长列表渲染优化 背景 日志查看、指令展示 等 列表很长,且不能使用分页、触底懒加载的场景 使用 vue+element-ui 表格展示接口返回数据,数据量为万级。 页面内容白屏二十秒左右后显示出数据,期间页面其他功能/按钮无法正常的交互,之后页面滚动、点击等事件也 ......

怎么快速搭建多环境CICD自动化部署

假设你入职了一家小公司,既没有内部自研的 DevOps 平台,也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署,你会怎么做? 你可能需要综合考虑成本、服务器选择、CI/CD 易用度、可扩展等方面,对于不怎么熟悉 CI/CD 相关的小伙伴来说有点难以选择。 这里先给大家介绍两个可以免费 ......
环境 CICD

GitLab

大致内容如下 通过部署一个简单的项目到 gitlab pages 初步了解 gitlab CI/CD 了解 gitlab CI/CD 基础概念、运行机制等 使用 gitlab 自带 runner 进行自动化部署、使用 ssh 命令操作部署远程服务器 在自己服务器安装 gitlab runner 进行 ......
GitLab

verdaccio安装及发布包到npm私有仓库教程

前言 在公司里我们有很多需要公共组件或者是工具函数工具类,和一些封装的sdk,这样的代码有的核心的不方便发布到外网中,所以这就是我们为什么需要搭建 npm 私有仓库。 verdaccio 是一个非常方便使用和管理的 npm 私有仓库搭建工具,搭建好后设置 npm 源为 verdaccio 服务就可以 ......
仓库 verdaccio 教程 npm

Vue 项目配置自动更新,自动刷新页面

今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
页面 项目 Vue

打包需要将一些信息进行插入

vue打包的时候将git提交信息打包进去 在项目根目录下新建一个名为 preBuild.js 的脚本文件,内容如下: const child_process = require("child_process"); const fs = require("fs"); let commitId = ch ......
信息

echarts自适应一系列问题

1.适配问题 //需要刷新才能适配 window.onresize('resize', () => { myChart.resize() }) //不需要刷新,动态适配宽度 window.addEventListener('resize', () => { myChart.resize() }) 2 ......
echarts 问题

无线信道-路径损失以及信道衰落

看了很多论文有关无线的论文,一直对他的论文里的信道模型很迷惑,大体结合搜到的资料以及论文整理一下。 1、衰落 \(\quad\)无线通信里,信号强度的变化可以分为大尺度衰落(Large-scale fading)和小尺度衰落(Small-scale fading),这两者由不同的物理现象引起,并在不 ......
信道 路径 损失 无线

44.多态

多态 多态是面向对象编程中三大概念之三,它允许不同的对象对同一个消息作出不同的响应。 简单来说,多态是指同一个方法或操作符在不同的对象实例上可以有不同的行为。这意味着可以通过一个共同的接口或基类引用不同的子类对象,并根据实际的对象类型来调用相应的方法。 多态性在实际应用中提供了很多好处,包括: 简化 ......
44

Dash应用浏览器端回调常用方法总结

本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/dash-master 大家好我是费老师,回调函数是我们在Dash应用中实现各种交互功能的核心,在绝大多数情况下,我们只需要以纯Python的方式编写常规服务端回调函数即可,这也贯彻了Dash无需编写j ......
浏览器 常用 方法 Dash

PageOfficeV6.0在线打开excel文件给单元格填充数据

转载:单元格填充数据 单元格填充数据 注意 本文中展示的代码均为关键代码,复制粘贴到您的项目中,按照实际的情况,例如文档路径,用户名等做适当修改即可使用。 PageOffice提供了Workbook对象来实现对Excel文件的数据填充功能,如果只是简单的填充一下数据,那么通过调用Sheet对象的op ......

设计原则

主要介绍面向对象六大原则中的单一职责原则(SRP)、开放封闭原则(OCP)、最少知识原则(LKP)。 设计原则是指导思想,从思想上给指明程序设计的正确方向,是在开发设计过程中应该尽力遵守的准则。而设计模式是实现手段,因此设计模式也应该遵守这些原则,或者说,设计模式就是这些设计原则的一些具体体现。要达 ......
原则