- 博客(36)
- 收藏
- 关注
原创 微信小程序 - 分包加载
小程序的代码通常是由许多页面、组件以及资源等组成,随着小程序功能的增加,代码量也会逐渐增加,体积过大就会导致用户打开速度变慢,影响用户的使用体验。分包加载是一种小程序优化技术。将小程序不同功能的代码,分别打包成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载,在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。每个分包可以包含多个页面、组件、样式和逻辑等。当小程序需要使用某个分包时,才会加载该分包中的代码。
2025-02-12 11:23:32
1300
原创 微信小程序 - 组件
父组件如果需要向子组件传递指定属性的数据,在 WXML 中需要使用数据绑定的方式与普通的 WXML 模板类似,使用数据绑定,这样就可以向子组件的属性传递动态数据。父组件如果需要向子组件传递数据,只需要两个步骤:在父组件 WXML 中使用 数据绑定 的方式向子组件传递动态数据子组件内部使用 properties 接收父组件传递的数据即可</在组件内部,需要在Component构造器中通过properties在子组件中也可以通过对properties中的数据进行修改,但是一般不建议修改。
2025-02-12 11:15:17
1539
原创 微信小程序 - 模版语法
小程序页面中使用的数据均需要在 Page() 方法的 data 对象中进行声明定义在将数据声明好以后,需要在 WXML 中绑定数据,数据绑定最简单的方式是使用 Mustache 语法(双大括号)将变量包起来。在 {{ }} 内部可以做一些简单的运算,支持如下几种方式:算数运算三元运算逻辑判断其他… 在 {{ }} 语法中,只能写表达式,不能写语句,也不能调用 js 相关的方法</</</</</</</</
2025-02-12 10:53:32
1188
原创 微信小程序 - 事件绑定
在小程序中,可以通过事件传参的方式,将数据传递给事件处理函数。常见的事件包括点击事件、输入事件等。在组件节点中可以通过data-的方式传递一些自定义数据,传递的数据可以通过事件对象的方式进行获取注意事项 使用data-方法传递参数的时候,多个单词由连字符连接 连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符 例如:,最终会呈现为,最终会呈现为在 wxml 文件中,使用data-*属性将数据传递给事件处理函数。
2025-02-12 10:42:51
1304
原创 微信小程序 - 组件和样式
在开 Web 网站的时候:页面的结构由HTML进行编写,例如:经常会用到divpspanimga等标签页面的样式由CSS进行编写,例如:经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签,也就没有DOM和BOM,同时仅仅支持部分CSS选择器不过不用担心,小程序中提供了同样的角色:其中WXML充当的就是类似HTML的角色,只不过在WXML中没有divpspanimga等标签,在WXML中需要使用 小程序提供的viewtextimagenavigator。
2025-02-12 10:38:10
1239
原创 nodejs - nodejs安装步骤
说明是nodejs安装路径中,node_cache 文件夹没有权限,为了放置其他文件夹出现类似情况,可以鼠标右击nodejs安装文件夹,(我的事NodeJs),选择 属性->安全 ,点击编辑,找到自己当前登录用户,勾选所有权限即可,如下图所示。NodeJS下载官网:https://nodejs.cn/download/的路径(nodejs的路径在安装时默认已存在)在 nodejs 安装目录下,创建。
2024-11-10 20:32:35
478
原创 Vue - Vue3 集成编辑器功能
编辑器插件需要安装和两个插件vue3运行如下命令安装vue2运行如下命令安装安装后可在 Vue 项目的中查看安装依赖项。
2024-02-06 11:27:08
5674
原创 Vue - Vue 集成 pdf word excel 预览功能
vue-office是一款集合了docx、excel、pdf 三种文件预览的 Vue 组件库,在安装该组件之前需要先安装输入以下命令分别安装 word 、excel 和 pdf 三个预览插件卸载时运行安装后可在 Vue项目的 package.json 中查看安装依赖项。
2024-01-25 10:03:20
2446
原创 Vue - Vue3 封装组件(更新中...)
穿梭框 DataTransfer<script setup>import {ArrowLeft, ArrowRight, Search} from "@element-plus/icons-vue";import {computed, getCurrentInstance, onMounted, ref, watch} from "vue";const emit = defineEmits(["update:modelValue"])const props = defineProp
2023-12-15 14:05:48
3287
4
原创 Java - SpringBoot application.properties乱码问题
在IDEA中解决application.properties文件乱码,下图中三个地方改成UTF-8。
2023-11-03 14:28:40
198
原创 Redis - Redis(Windows)安装配置
在Redis根目录输入cmd打开dos窗口,输入以下命令将Redis注册为服务,方便启动。下载压缩包,解压后,在文件夹地址栏输入cmd,输入如下命令。双击打开,输入以下命令验证是否成功。在Redis根目录中找到。
2023-10-31 15:46:54
222
原创 SpringBoot+Vue 文件上传
SpringBoot后台1. application.properties配置文件在application.properties配置文件中设置文件上传属性#是否开启文件上传支持,默认是truespring.servlet.multipart.enabled=true#文件写入磁盘的阈值,默认是0spring.servlet.multipart.file-size-threshold=0#单个文件的最大值,默认是50MBspring.servlet.multipart.max-file-siz
2023-10-30 16:52:25
906
原创 Vue -Vue相关技巧
Vue路由传参主要分为query传参和params传参两种方式,在vue-router 4.1之后版本可能抛弃了params传参方式,官方建议query传参方式,下面对这两种方式进行介绍。
2023-10-24 11:34:55
105
原创 Vue - Vue3介绍
本质是一个函数,把setup函数中使用的Composition API进行了封装类似于vue2.x中的mixin自定义hook的优势:复用代码让setup中的逻辑更清楚易懂当前求和为:{{ sum }}点我+1当点击时鼠标的坐标为: x:{{ point.x }}, y: {{ point.y }}
2023-08-30 13:25:13
714
原创 Vue - Vue介绍
M:model,模型,后端传递的数据V:view,视图,所看到的的页面VM:ViewModel,连接view和model的桥梁它有两个数据传递方向:一是将模型转化成视图,即将后端传递的数据转化成所看到的页面。实现方式:数据绑定二是将视图转化成模型,即将所看到的页面转化成后端的数据。实现方式:DOM事件监听。
2023-08-14 15:52:23
1225
原创 Vue - 安装及配置
VUE安装方式有两种,一种是安装,一种是标签引入,现介绍安装方式。1、安装node.jsnode list4、新建一个文件夹,如“”,在其中,是项目文件夹名称,根据提示进行下一步,安装完成后,进入文件夹运行项目,在浏览器中输入终端指定的浏览器地址,访问vue首页成功,至此,vue基本环境搭建完成。
2023-08-11 11:23:47
370
原创 Ajax笔记
AJAX —— Asynchronous JavaScript And XML,异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器中发送异步请求。无刷新获取数据。不是编程语言,而是一种将现有的标准组合在一起使用的新方式。XML 是可扩展标记语言。XML被设计用来传输和存储数据。XML 和 HTML 类似。不同的是 HTML 都是预定义标签(事先定义好的);而 XML 没有预定义标签,都是自定义标签,用来表示一些数据。--比如说我有一个学生数据: name = "孙悟空";
2023-03-29 09:23:35
140
原创 MySQL-mysql安装步骤
下载后解压缩,将解压后的文件放在某个文件目录中(位置随意)运行命令后会出现一个默认密码(记下这个密码,后面会用到)进入mysql文件夹,创建一个文件,文件名为。以管理员身份运行cmd窗口,进入mysql的。输入之前初始化后得到的默认密码,即可登录。退出后再次用新密码验证即可。按回车即可修改成功,输入。
2022-04-27 21:12:35
1886
原创 MySQL - mysql数据库命令
查看所有的数据库show databases;切换数据库命令为:use users(数据库名);如:use users zabbix;删除数据库命令为:drop database(数据库名);如:drop database school;创建远程用户命令格式为:CREATE USER ‘host’@‘user_name’ IDENTIFIED BY ‘password’;如:CREATE USER '127.0.0.1'@'zabbix' IDENTIFIED BY
2021-09-17 21:37:52
233
原创 Zabbix - 各版本zabbix agent安装
Linux系统中zabbix agent安装1、新建目录 /etc/zabbix$ mkdir -p /etc/zabbix2、解压Zabbix Agent压缩文件到/etc/zabbix#将.gz文件解压缩成tar文件gunzip zabbix-4.0.31.tar.gz#将tar解药到 /etc/zabbix文件夹下tar -xvf zabbix-4.0.31.tar -C /etc/zabbix确保:zabbix下有bin、sbin、conf、logs三个文件夹注:若没有log
2021-09-17 21:20:04
7485
原创 Zabbix - 自动监控日志创建
zabbix自动监控日志创建步骤1、编写自动创建日志监控Python脚本#!/usr/bin/python3# -*- coding: utf-8 -*-"""get path"""import os, jsonfilenamelist = []def collect_log(path): direc_list = os.listdir(path) for direc in direc_list: filepath = os.path.join(pat
2021-09-17 20:19:02
361
原创 Linux - 自动获取Linux主机名或IP
自动获取主机名或者IP并追加到指定文件的指定内容后脚本:a=`wget -qO- -t1 -T2 ipv4.icanhazip.com`;###获取主机IP#b=`ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk '{print $2}'|tr -d "addr:"`;###获取主机名c=`hostname`;###在某个文件当中的指定字段后追加获取的主机名或者IP##在test.txt文件当中的 Hostname= 后
2021-09-17 20:05:08
910
原创 Oracle - DOS窗口或Windows PowerShell中oracle相关操作
DOS窗口或Windows PowerShell登录Oraclesqlplus 主机名@用户名/密码 [as sysdba]例:C:\Users\HuYao> sqlplus zabbix@zabbix@zabbix复制表将一个表复制到另一个表,命令为:create table TableName1 as select * from TableName如:SQL> create table epycard as select * from epycardinfoOracle快
2021-09-17 19:49:56
671
原创 Linux - Linux命令记录
Linux命令记录(更新中...).sh文件格式原因报错问题Linux下如何查看版本信息Linux下载文件.sh文件格式原因报错问题运行如下代码:sed -i 's/\r//g' xxxxxx.shLinux下如何查看版本信息1、查看Linux操作系统内核信息# uname -a2、查看Linux当前操作系统版本信息# cat /proc/version3、查看Linux版本当前操作系统发行版信息# cat /etc/issue4、查看Linux CPU相关信息,包括型号、主频
2021-09-17 19:26:40
294
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅