- 博客(248)
- 收藏
- 关注
RSS订阅原创 Vue3 的语法总结
组合式API全部用在setup()方法内部，同时vue2的options api依然有效，vue3的组合api都在vue2的原有方法执行之前。
2023-04-25 16:59:33
522
1
原创 HTML5学习笔记（五）
CSS3新增了一种布局方式——多列布局。使用多列布局，可以轻松实现类似报纸那样的布局。多列布局的应用非常广泛，像各大电商网站、素材网站中常见的“瀑布流效果”。column-count属性来定义多列布局的列数。 column-width属性来定义多列布局中每一列的宽度。 column-gap属性来定义列与列之间的间距。column-rule属性来定义列与列之间的边框样式。column-span属性来实现多列布局的跨列效果。这个属性跟表格中的colspan属性类似。 所有的滤镜效果都是使用filter属
2022-11-28 10:02:47
772
原创 HTML5学习笔记（四）
在CSS3中，增加了大量定义颜色方面样式的属性，主要包括以下3种。▶ opacity透明度▶ RGBA颜色▶ CSS3渐变。
2022-11-25 12:03:38
1181
原创 HTML5学习笔记（三）
HTML5新增了一个离线存储的API，用于实现本地数据的缓存，从而使得开发离线应用成为可能。所谓“离线存储”，指的是建立一个URL列表，该列表可以包含HTML文件、CSS文件、JavaScript文件和图片等。当与服务器建立连接时，浏览器会在本地缓存URL列表中的文件；当与服务器断开连接时，浏览器将调用缓存的文件来支持页面展示。想要实现离线存储，我们一般需要以下3步。① 配置httpd.conf文件。
2022-11-25 10:59:46
664
原创 HTML5学习笔记（二）
HTML5新增了很多公共属性。▶ hidden▶ data-*我们可以使用hidden属性来显示或隐藏某一个元素。在HTML5中，我们可以使用draggable属性来定义某一个元素是否可以被拖动。draggable有两个属性值：true和false。默认值为false。其实draggable="true"只能定义元素可以被拖动这一个行为，拖动后并不会改变元素的位置。在HTML5中，我们可以使用contenteditable属性来定义某个元素的内容是否可以被编辑。
2022-11-23 22:55:32
1779
原创 HTML5学习笔记（一）
XHTML，全称“EXtensible HyperText Mark-up Language（扩展的超文本标记语言）”，它是XML风格的HTML4.01，我们可以称之为更严格、更纯净的HTML4.01。HTML语法书写比较松散，比较利于开发者编写。但是对于机器如电脑、手机等来说，语法越松散，处理起来越困难。因此，为了让机器更好地处理HTML，才在HTML的基础上引入了XHTML。HTML指的是HTML4.01，XHTML是XML风格的HTML4.01，它是HTML的过渡版本。
2022-11-23 22:09:49
739
原创 Storm
大数据包括静态数据和动态数据（流数据），大数据计算包括批量计算和实时计算。 流数据（或数据流）是指在时间分布和数量上无限的一系列动态数据集合体；数据记录是流数据的最小组成单元。流数据特征：-数据快速持续达到，潜在大小也许是无穷无尽的。-数据来源众多，格式复杂。-数据量大，但不十分关注存储，一旦流数据中的某个元素经过处理，要么被丢弃，要么被归档存储。注重数据的整体价值，不过分关注个别数据。-数据顺序颠倒，或不完整，系统无法控制将要处理的新到达的数据元素的顺序。数据采集系统的基本架构有三部分：1、Agent：主
2022-06-07 17:00:04
425
原创 Linux 常用命令
查看磁盘df -hl：查看磁盘剩余空间df -h：查看每个根路径的分区大小du -sh [目录名]：返回该目录的大小du -sm [文件夹]：返回该文件夹总M数du -h [目录名]：查看指定文件夹下的所有文件大小（包含子文件夹）查看内存free -b 以Byte为单位显示内存使用情况。-k 以KB为单位显示内存使用情况。-m 以MB为单位显示内存使用情况。-h 以合适的单位显示内存使用情况，最大为三位数，自动计算对应的单位值。单位有： B = bytes K =
2022-05-31 14:39:46
565
原创 uniapp 本地打包apk & 修改版本号
离线打包apk在hbuilder中，选中项目，然后点击进入如下功能：打包完毕，会在日志中生成目标目录：将此目录www下内容复制到android studio中建立的android应用工程目录下：uniapp使用的android工程：DCloud开发者中心然后执行命令，生成release的apk，生成目录：app\build\outputs\apk。修改版本号uniapp离线打包，升级时vue资源包没有更新，页面显示的版本号还是以前的版本。And..
2022-04-27 16:13:49
5623
原创 数据库迁移
项目需要做异地/异构数据库的数据同步，要实现全量及增量。网络上有些软件实现异构数据库的同步，但是离线版本基本都收费，就放弃了。如下方案都是开源软件。需求：Oracle---->Oracle/mysql/pg。方案一：Oracle官方提供了Ogg（Oracle GoldenGate）的软件可以实现同构或异构数据库的同步。原理就是在源库所在机器和目标库所在机器分别安装OGG软件，做配置实现同步。不过测试过程中发现Mysql版本的OGG安装始终有问题，故放弃此方案。方案三：利用nav
2022-04-27 15:39:50
356
原创 摄像头相关总结
摄像头分类：POE（网线供电，网线长度小于100M）、非POE（电源供电）网线/无线wifi/4G，录像机/存储卡摄像头消耗流量参考：POE摄像头连接方案（网线传输）：非POE摄像头连接方案（网线传输）：非POE摄像头连接方案（网桥传输）： 摄像头比较集中： 摄像头比较分散：...
2022-04-25 18:18:49
300
原创 Java Webscoket请求wss
参考文章：WebSocket java客户端请求WSS_Amelia_Liu的博客-CSDN博客_java wss举例gradle项目，build.gradle中添加：implementation("org.java-websocket:Java-WebSocket:1.3.0")java代码，封装客户端：public abstract class ClientWss extends WebSocketClient { public ClientWss (URI
2022-02-28 12:38:07
1390
原创 Nginx常用配置
http { include mime.types; default_type application/octet-stream; #加载其他配置文件 include /usr/local/nginx/conf/conf.d/*.conf; #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' # '$status..
2022-02-28 12:24:48
334
转载 Canvas （九）优化
<canvas>元素是众多广泛使用的网络2D图像渲染标准之一。它被广泛用于游戏及复杂的图像可视化中。在离屏canvas上预渲染相似的图形或重复的对象如果发现自己在每个动画帧上重复了一些相同的绘制操作，请考虑将其分流到屏幕外的画布上。 然后，您可以根据需要频繁地将屏幕外图像渲染到主画布上，而不必首先重复生成该图像的步骤。myEntity.offscreenCanvas = document.createElement("canvas");myEntity.offscreenCanv
2022-02-21 18:03:24
388
转载 Canvas（八）像素操作
参考像素操作 - Web API 接口参考 | MDNImageData对象ImageData对象中存储着canvas对象真实的像素数据，它包含以下几个只读属性：width图片宽度，单位是像素height图片高度，单位是像素dataUint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据，范围在0至255之间（包括255）。data属性返回一个Uint8ClampedArray，它可以被使用作为查看初始像素数据。每个像素用4个1bytes.
2022-02-21 17:55:39
954
转载 Canvas（七）高级动画
参考高级动画 - Web API 接口参考 | MDN绘制小球<canvas id="canvas" width="600" height="300"></canvas>跟平常一样，我们需要先画一个 context（画布场景）。为了画出这个球，我们又会创建一个包含一些相关属性以及draw()函数的ball对象，来完成绘制。var canvas = document.getElementById('canvas');var ctx = canvas...
2022-02-21 17:30:28
148
转载 Canvas（六）基本的动画
参考基本的动画 - Web API 接口参考 | MDN最大的限制就是图像一旦绘制出来，它就是一直保持那样了。如果需要移动它，我们不得不对所有东西（包括之前的）进行重绘。重绘是相当费时的，而且性能很依赖于电脑的速度。动画的基本步骤清空 canvas 除非接下来要画的内容会完全充满 canvas （例如背景图），否则你需要清空所有。最简单的做法就是用clearRect方法。 保存 canvas 状态 如果你要改变一些会改变 canvas 状态的设置（样式，变形之类的），又要在每画..
2022-02-21 17:19:30
519
原创 常用免费动画库
参考网址：求推荐免费的UI素材网站？ - 知乎1、Animate.cssAnimate.css是目前最流行和使用最广泛的动画库之一。这个动画库包括超过 77 个现成的 CSS 动画。它的动画非常适合强调、注意引导提示、滑块和主页的使用。animate.css – 齐全的CSS3动画库_dowebok2、LottieFilesLottieFiles跨平台、极小的文件大小以及可编写脚本和交互式的特性。可以帮助UI设计人员和开发人员发现、创建、测试、调整和实施适用于网页和移动应用程.
2022-02-21 12:57:58
1919
原创 常用PS网站及工具
BgRemover去除背景色BgRemover-在线图片去底工具-背景变透明|图片底色去除去掉改图宝修改图片尺寸改图宝 - 在线修改照片大小尺寸工具度度网修改图片颜色、加水印、调大小。https://imagecompressor.com/zh/https://www.yasuotu.com/editor图片压缩在线工具：在线图片优化器windows版本软件：ceasium。在线PS去水印（污点修复）修改颜色（ctrl+U 色相和饱
2022-02-21 12:23:12
511
原创 Vue中初始化可视化模板页面步骤
以下内容仅是个人项目总结。1、create(1)resizepage;(2)修改echarts的默认字体；(3)clearTimer;(4)initData;2、mountedthat.$nextTick(() => { //1、重构页面宽高 //2、wow初始化 //3、初始化chart(initChart) //4、添加定时等内容 this.timerObject.timer1 = xxx;})4.methods: { initD...
2022-02-16 18:49:31
821
原创 通信UOS（aarch64）安装离线安装jdk、nginx、redis、mysql
安装jdk11UOS注意选择ARM版本，选择tar.gz文件，使用tar -xzvf 命令直接解压即可。Java Archive Downloads - Java SE 11安装nginx和普通linux安装没有区别，参考：https://blog.csdn.net/sinat_37138973/article/details/122958708安装redis和普通linux安装没有区别，参考：https://blog.csdn.net/sinat_37138973/
2022-02-16 11:43:18
4611
原创 Linux离线安装nginx、redis、mysql5.7
安装nginx软件下载1、下载nginxhttp://nginx.org/en/download.html2、下载opensslhttps://www.openssl.org/source/3、下载 pcre安装https://sourceforge.net/projects/pcre/files/pcre/4、下载zlibzlib Home Site软件安装1、安装prce//解压# tar -zxvf pcre2-10.3.
2022-02-16 11:30:08
5001
2
原创 Java 集合常用方法
（1）list-filter:.stream().filter(s -> ).collect(Collectors.toList())).size());（2）list-group:.stream().collect(Collectors.groupingBy(Object::getType));（3）list属性数组:.stream().map(DJJgOrgDetail::getId).collect(Collectors.toList());（4）排序：
2022-02-10 19:05:00
242
转载 Canvas（三）绘制文本、使用图像
参考绘制文本 - Web API 接口参考 | MDN绘制文本绘制文本canvas 提供了两种方法来渲染文本:fillText(text, x, y [, maxWidth])在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的.strokeText(text, x, y [, maxWidth])在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的.文本属性function draw() { var ctx = document.getEle
2022-02-07 19:10:12
471
转载 Canvas（二）使用样式和颜色
参考：使用样式和颜色 - Web API 接口参考 | MDN使用样式和颜色1、颜色填充想要给图形上色，有两个重要的属性可以做到：fillStyle 和 strokeStyle。color 可以是表示 CSS 颜色值的字符串，渐变对象或者图案对象。我们迟些再回头探讨渐变和图案对象。默认情况下，线条和填充颜色都是黑色（CSS 颜色值 #000000）。2、透明度Transparency通过设置 globalAlpha 属性或者使用一个半透明颜色作为轮廓或填充的样式。globalAl
2022-01-20 18:38:54
692
转载 Canvans （一）初识
介绍<canvas>元素用来绘制2D图形（可以通过改变位置实现伪3D效果，WebGL 使用了基于OpenGL ES的3D上下文）。Canvas 的默认大小为300像素×150像素（宽×高，像素的单位是px，可以修改）。<canvas id="tutorial" width="150" height="150"></canvas>canvas起初是空白的。为了展示，首先脚本需要找到渲染上下文，然后在它的上面绘制。var canvas = docume
2022-01-20 18:08:52
2479
原创 Vue传参
1、子组件传参给父组件子组件调用父组件相应方法：this.$emit('get-dzz-node', id)父组件：<org @get-dzz-node="getDzzNode"/>getDzzNode(nodeId) { this.dzzId = nodeId // console.log('dzzId:' + this.dzzId)}2、父组件值变化，子组件监控值的变化下面是子组件部分代码：export defaul..
2022-01-10 18:01:05
267
原创 Vue页面进入根据分辨率宽高比调整可视区域
1、vue基础dom:<template> <div class="visu-body"> <div class="visu-container" id="visu-container"> </div> </div></template>2、在mouted中加载方法：mounted() { const that = this that.$nextTick(() => {
2022-01-10 17:46:53
714
原创 ElementUI 引入Jquery
1、安装jquerynpm install jquery --save2、vue.config.js添加配置： configureWebpack: { plugins: [ new webpack.ProvidePlugin({ jQuery: 'jquery', $: 'jquery', 'window.jQuery': 'jquery' }) ] },3、在vue页面中引用：impor
2022-01-10 17:40:32
1854
原创 Mysql开启审计日志、忽略大小写配置
开启审计日志1、查看mysql的general_log文件位置及名称；show variables like '%general_log%';show variables like '%general_log_file%';在Mysql命令行执行：SET GLOBAL general_log = 'ON';-- SET GLOBAL general_log = 'OFF';忽略大小写在Mysql5.8之前的版本，在my.cnf中[mysqld]下添加如下内容并重启：lo
2021-12-13 21:02:11
1534
原创 定时备份Mysql数据库及general日志
1、备份Mysql数据库：/usr/local/mysql/bin/mysqldump --no-defaults -hip -uroot -p密码 --opt -R --single-transaction 数据库名称 >/opt/databak/data/数据库名层.bak2、备份Mysql的general日志：#!/bin/bashtoday=`date +%Y%m%d`yestoday=`date +%Y%m%d -d "-1 days"`mysql -uroo.
2021-12-13 20:52:24
976
原创 Spring Data JPA 使用Map接收原生SQL查询
使用原生SQL的原因：1、由于在DAO中继承Repository，必须使用自定义实体类型；对接其他系统数据库，只做数据查询，并不想在本项目创建实体。2、使用@Query方法，如果查询条件复杂，并不好用；创建工具类：@Component@Transactionalpublic class EntityManagerUtil<T> { static Logger logger = LoggerFactory.getLogger(EntityManagerUtil..
2021-11-03 14:57:10
2154
原创 Idea 修改gradle项目名称
1、工程根目录下找到settings.gradle文件，修改“rootProject.name”并保存。2、Idea中右击工程名称，选择Open ModuleSettings，点击左侧Project Settings下的Project，在右侧修改“Product name”，然后保存。3、Idea重新打开工程。...
2021-11-03 14:40:32
1726
原创 Spring Boot使用RedisTemplate的乱码问题
使用如下方式：@Component@SuppressWarnings("unchecked")public class RedisUtils { RedisTemplate redisTemplate; @Autowired(required = false) public void setRedisTemplate(RedisTemplate redisTemplate) { // 使用Jackson2JsonRedisSerialize 替换默认序列
2021-11-03 14:34:44
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人