- 博客(83)
- 收藏
- 关注
RSS订阅原创 Pinia基本使用示例
2. 使用Store【src\views\ChildComponent.vue】。1. 定义Store【src\stores\counter.ts】。(1). 类似Vuex的写法。(2). 组合式API写法。(1). 组合式API写法。(2). 选项式API写法。
2024-03-10 16:24:50
457
原创 立言
等到这个世界上遍地都是“豪楼庭院”，再也没有那些“肮脏”、“丑陋”、“矮小”、“狭窄”、“危险”的“建筑物”，那么这个“世界”【“世界” 指 法界】也就会像是“天界”【“天界” 指 福报圆满 的 境界】，乃至“佛国境界”【“佛国境界” 指 功德圆满 的 境界】了。如果说，靠参禅悟道来修行佛法，就像走山林险道，如果能够在此生结束前走完这条山林险道，自可到达美妙的境界、乃至了生脱死的解脱境界，否则就会葬身于走这条山林险道的路途中，此生结束后还是得抵抗不住业力流转而去投胎、转生 或 转世；
2023-11-23 11:04:21
142
原创 解决 element-ui 抽屉弹窗、弹窗、气泡弹窗、消息弹窗、确认弹窗【el-drawer、el-dialog、el-popover、$message、$confirm】的 遮罩层z-index问题
解决 element-ui 抽屉弹窗、弹窗、气泡弹窗、确认弹窗【el-drawer、el-dialog、el-popover、$confirm】的 遮罩层z-index问题
2023-10-28 10:05:30
4493
原创 Vue切换回页面可见状态后，避免执行多次滚动定位的动画
vue里的一个页面组件涉及到音频文件的自动播放，并且在自动播放时要自动滚动聚焦定位到对应的语音文本列表项，那么当用户点击了自动播放后，点击浏览器的其它标签页页面 或者 打开了电脑的其它软件完全遮盖住了 该页面，那么过了一段时间，再重新查看浏览器的该页面时，该页面里累积的自动滚动聚焦定位动画会连续执行，一直到积攒的未执行的自动滚动聚焦定位动画全部执行完后才会停止，而页面看起来就是连续快速定位多次，会严重影响到用户体验。
2023-10-19 18:43:55
441
原创 在docker容器里连接上本地mysql8.0.30数据库的方法
默认情况下，Docker会创建一个名为docker0的网桥。Docker主机和Docker容器在该网桥上都有一个IP地址。在这个模式下，docker容器与主机的网络是不互通的，docker及docker下的容器之间有个地址相同(同ip段)，外网访问只能通过端口映射。如果docker容器里的nginx需要连本机mysql，那么可以将mysql的3306端口打开，通过外网去连接。.........
2022-08-01 16:25:28
9141
原创 animation、transition、transform、filter各一个示例
目录公共代码demo.htmlcss/common.cssanimation反复左右旋转、大小变化、透明度变化的方块transition旋转变大、透明变色的方块消失后出现文本transform扭曲效果filter逐渐清晰的文本公共代码demo.html<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <
2022-04-29 22:44:19
250
原创 div布局、table布局、flex布局、多列布局、网格布局 示例
目录基础代码demo.htmlcss/common.cssdiv实用布局示例代码效果图table布局代码效果图flex布局代码效果图多列布局代码效果图网格布局代码效果图基础代码demo.html<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv.
2022-04-20 15:29:05
3270
原创 开发页面模板
目录基本模板目录结构电脑端页面电脑端框架页面手机端页面适配屏幕页面基本模板目录结构webRoot│ 1.txt│ index.html│ 说明.txt│ ├─pc│ │-main.html│ │ │ ├─css│ ├─fonts│ ├─imgs│ ├─js│ ├─modules│ └─pages│ ├─es6│ └─jquery├─screen│ │-i...
2021-10-31 21:30:25
168
原创 Vue ElementUI el-scrollbar 嵌套 el-tree 出现适宜横向纵向滚动条的方案
Vue页面<template lang="html"></template>里部分相关代码。示例代码：<div id="listTree" class="list-tree-div"> <el-scrollbar > <el-tree class="filter-tree no-select" :data="data" node-key="id" ref="tree"> </el-tree> </el-scr
2021-10-24 10:00:45
1231
原创 Vue2.6.11按需模块安装配置
Sass示例代码：npm install sass-loader@7.1.0 --savenpm install style-loadernpm install node-sass@4.14.1
2021-10-01 23:21:34
688
原创 ElementUI引入自定义图标
目录步骤说明新建项目添加图标项目设置文件引入使用技巧步骤说明新建项目在iconfont网站的”资源管理->我的项目“页面里新建项目,注意”FontClass/Symbol前缀“选项填写el-icon-，"Font Family选项"填写element-icons。添加图标搜索要用到的图标点击加入购物车【建议选择的图标名称是纯英文名】，图标添加完后，在购物车面板里选择“添加进项目”。项目设置在”资源管理->我的项目“页面里点击”项目设置“
2021-09-25 12:57:37
2377
原创 Gitee
目录简介创建账号及配置SSH创建仓库使用多个远程库基本命令常用命令问题解决简介创建账号及配置SSHGitee官网地址：Gitee - 基于 Git 的代码托管和研发协作平台在官网上注册账号后，需要点击右上角个人头像，再点击“设置”，然后在设置页面左侧分栏的“安全设置”栏目下的SSH公钥页面里上传自己的公钥，如果不清楚公钥怎么获取和配置，可以参考如下文章：Github_ylnzzl的博客-CSDN博客Git的Remote要使用SSH地址，使用SSH公
2021-09-21 11:54:52
235
原创 一览代码学习Vue（二）
目录代码运行效果图代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>综合代码学习Vue【二】</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body>
2021-09-20 19:43:49
94
原创 一览代码学习Vue（一）
目录代码运行效果图代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>综合代码学习Vue【一】</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body>
2021-09-20 15:46:33
134
原创 Vue相关概念介绍
目录Vue全家桶Vue-cliVueRouterVuexAxios搭配UI框架iviewelementUIvant软件工具babelwebpackNode.jsnpmVue全家桶Vue-clivue-cli也叫脚手架，官方定义为Vue.js开发的标准工具。VueRouterVue.js官方的路由管理器，让构建单页面应用变得很简单。VuexVuex是一个专门为Vue.js应用程序开发的状态管理模式，它采用集中式
2021-09-19 14:26:58
121
原创 安装Vue-cli项目
目录步骤说明检查安装版本卸载构建项目运行项目目录文件步骤说明检查检查软件是否安装:node -vnpm -vvue -Vwebpack -vcnpm -v没有出现版本号表示未安装。注意vue -V里的V要大写。安装可通过下载node.js安装包来安装node.js和npm。全局安装webpack方法：npm install webpack -g全局安装vue-cli脚手架搭建工具：npm.
2021-09-19 14:25:26
138
原创 Github
目录简介Github访问加速配置Git本地创建SSH KeyGithub网站添加SSH Key验证是否成功配置个人信息Github创建仓库创建存储库创建分支分支内容修改并提交打开拉取请求合并拉取请求本地仓库上传配置检出仓库工作流推送改动简介Github是一个基于git的代码托管平台，付费用户可以建私人仓库，而免费用户则只能使用公共仓库【代码公开】。GitHub官网地址：GitHubGithub访问加速如果访问
2021-09-12 19:27:22
214
原创 Git 简介及基础操作
目录简介基本概念安装Windows下安装Git配置用户信息个性化配置工作流程基本操作创建仓库本地创建拷贝项目仓库文件管理提交改动回退版本删除提交历史查看日志远程操作远程仓库基本操作从远程获取代码库下载远程代码并合并上传远程代码并合并分支管理查看分支创建分支切换分支合并分支删除分支Git服务器搭建简介Git是一个开源的分布式版本控制系统。和SVN区别：1.Git是分布
2021-09-12 19:07:40
127
原创 PHP 五种运行模式
目录简介CGIFastCGI运行流程优点缺点CLImod_PHPISAPI简介CGICGI的全称是Common Gateway Interface，即公共网关接口。CGI的作用是帮助服务器和语言通信，例如帮助Nginx和PHP通信。Nginx服务器在接收到浏览器传递过来的用户请求后，如果浏览器端请求的是无需动态处理的资源文件【如静态页面、图片等】，就直接根据请求的url找到资源文件并返回给浏览器，这时无需PHP参与。如果浏览器端请求的是动态页面，那么这时N
2021-09-10 17:35:02
477
原创 Centos7.2搭建LAMP环境
步骤1.下载并安装xshell【Web命令行工具】和xftp【ftp】软件。通过ftp以root账号连接上服务器。2.检查系统环境。检查是否安装过Apache：httpd -v检查是否安装过Mysql：/bin/systemctl start mysqld.service3.安装Apache、PHP、Mysql。安装apache：yum -y install httpd安装php：yum -y in...
2021-09-09 23:05:55
117
原创 Linux awk
目录简介语法简介awk不仅仅是工具软件，也是一种编程语言。awk可用于在linux/unix下对文本和数据进行处理，数据可以来自标准输入【stdin】、一个或多个文件、其它命令的输出。awk有很多内建的功能，如数组、函数等。支持用户自定义函数和动态正则表达式等功能，在命令行中使用时更多的是作为脚本来使用。语法awk [options] 'program' var=value file...awk [options] -f programfile var=value f
2021-09-08 23:24:53
64
原创 Linux 命令
目录使用文件规则改进文件目录操作文件操作文件权限文件属性用户管理用户账号用户组指令使用文件1. 每种交互式shell脚本下会有一个独立的启动文件.bashrc，可在.bashrc文件里保存个性化设置，如命名别名、路径等，可用来提供工作效率。变动.bashrc是很直接又低风险的，如果不小心配错了，可以删掉这个文件重新配一遍。配置完后，如果想要立刻生效，可以在终端运行~/.bashrc，这样就不必为了生效而重启终端了。2. 硬连接【hard l
2021-09-08 23:18:36
677
原创 Linux vim
目录简介一般模式输入模式底线命令模式简介Vim 是一个高度可配置的文本编辑器，它作为“vi”包含在很多UNIX系统中。Vim有三种模式：一般模式【命令模式】、输入模式、底线命令模式。i 切换到输入模式。ESC 切换到一般模式。: 切换到底线命令模式。当用Vim打开文件时，如果文件不存在，则会新建一个文件。一般模式hjkl/上下左右方向键：光标对应着上下左右移动。Ctrl + f/b: 向前/后移动一页，pageUp/pageDown按键..
2021-09-08 23:03:22
100
原创 Linux 简介
目录简介概念操作系统与Unix区别安装虚拟机安装启动过程内核引导运行init系统初始化建立终端用户登录系统系统目录结构操作切换图形界面和命令窗口快捷键简介Linux操作系统是一个支持多用户、多任务、多线程、多CPU而且性能稳定的多用户网络操作系统。Linux体现的基本思想有：一切皆文件。普通的文件、目录、字符设备、块设备在Linux中都被视作文件。 单一小程序。一个单一的程序或者可执行文件，不会太过于复杂和体积过大。Linux
2021-09-07 17:20:13
417
原创 开源许可协议
目录简介GPLLGPLBSDApache LicenceMIT简介常见的开源许可协议有五种：GPL、LGPL、BSD、Apache Licence、MIT。GPLGPL(General Public License，通用性公开许可证) 协议许可人们享有使用、传播、获得源码、改进软件、发行软件的自由。GPL协议的四大原则：必须开放源代码，保护开发成果不被窃取用作商业销售。 可以去掉所有原作的版权信息，但是要保持开源，并且随源代码、二进制版附上GPL许可证，
2021-09-07 12:02:15
472
原创 Web缓存技术
目录简介客户端浏览器缓存服务器端前端缓存应用层缓存数据库缓存简介在Web开发中，缓存可分为客户端浏览器缓存、服务器端前端缓存、应用层缓存、数据库缓存。缓存的主要作用有：加快页面打开速度。 减少网络带宽消耗。 降低服务器压力。客户端浏览器缓存客户端浏览器端缓存规则主要是在HTTP协议头【Expires、Cache-Control等消息报头】和HTML的meta标签中定义。使用HTTP头信息来控制缓存比使用HTML的meta标签来控制缓存更有效，使用得也更加
2021-09-06 23:24:36
287
原创 Nosql
目录简介数据库类型整体框架适用场景数据库MongoDBRedis简介NoSQL【Non-relational】泛指非关系型的数据库，可用于解决大数据应用难题。NoSQL的一大优点是易拓展。NoSQL数据库的一个共同特点是去掉了关系数据库的关系型特性，因此数据库的结构简单，数据之间无关系，非常容易拓展。数据库类型NoSQL数据库分为如下六类：1. 键值(Key-Value)存储数据库【如Redis】。这类数据库主要会使用到一个哈希表，这个表中有一个特定的
2021-09-06 18:23:26
159
原创 PHP 部分函数列表
目录字符串数组数学文件目录字符串 函数名 说明 trim 删除字符串两端空格或其它预定义字符。 str_split 将字符串转换为数组。 strrev 反转字符串。 wordwrap 打断字符串为指定数量的字串。 str_shuffle 随机打乱一个
2021-09-05 23:46:47
94
原创 Mysql 语句
1. 查看所有数据库SHOW DATABASES;2. 创建一个数据库，并指定默认编码和排序规则。CREATE DATABASE `test` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;3. 删除一个数据库DROP DATABASE db_name;4. 指定使用的数据库USE db_name;5. 查看创建数据库的详细信息SHOW CREATE DATEBASE db_name；6. 查
2021-09-05 17:26:29
72
原创 SQL Server 语句
1. 创建数据库CREATE DATEBASE database-name;2. 删除数据库DROP DATABASE dbname3. 备份数据库USE masterEXEC sp_addumpdevice 'disk','testBack','d:\test.dat';BACKUP DATABSE test TO testBack;4. 修改数据库名称sp_renamedb 'old_name','new_name';5. 查看当前数据库所有存储过
2021-09-05 12:58:58
112
原创 sql优化
1. 尽量避免全表扫描，考虑在where和order by涉及的列上建立索引。2. 尽量避免在where子句里对字段进行null值判断，否则会导致引擎放弃索引而进行全表扫描。3. 尽量避免在where子句中使用!=或<>操作符，否则会导致引擎放弃使用索引而进行全表扫描。4. 尽量避免在where子句中使用or来连接条件，否则如果or连接条件中一个字段有索引，另一个字段没有索引，会导致引擎放弃使用索引而进行全表扫描。可用联合查询【union all】代替or。5. 尽量避免在w..
2021-09-04 23:18:33
64
原创 数据表设计理念
1. 主键是实体的高度抽象，主键和外键的关联表现了实体之间的连接关系。2. 基本表和中间表、临时表不同，基本表具有4个特点：(1). 原子性。字段不可再分解。(2). 原始性。存储的是原始数据【基础数据】。(3). 演绎性。可以通过代码派生出所有的输出数据。(4). 稳定性。结构相对稳定，数据可长期储存。3. 好的E-R图标准有：结构清晰、关联简洁、实体个数适用、属性分配合理、没有低级冗余。4. 避免使用关键字作为数据表字段名称，数据表名和字段名，其含意要与所存储的内容对应。..
2021-09-04 16:49:21
537
原创 数据表字段类型【摘要】
目录数据库类型SQL ServerMysql数据库类型SQL Server 字段类型 描述 char(n) 固定长度字符串，最多8000个字符。 varchar(n) 可变长度字符串，最多8000个字符。 text 可变长度的字符串，最多2GB字符数据。 nchar(n) 固定长度Unico
2021-09-04 13:02:35
172
原创 Ecshop V4.1.6 安装
安装因移动端需要服务器权限，因此不支持没有服务器权限的虚拟主机安装。访问ecshop官网，登录成功后访问如下链接：https://www.shopex.cn/usercenter下载ecshop源码到本地。本次下载是ecshop V4.1.6 release版本。Windows系统解压ecshop源码压缩包后，根目录下会看到如下三个文件夹：(1).__MACOSX文件夹。这是Mac系统上对文件进行压缩后会产生的文件，Mac系统上不可见，Windows系统里可见。可以直接删掉它
2021-09-01 20:08:32
2084
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人