排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
css实现开关组件效果,滑块组件效果。自己实现小程序滑块开关组件
![](/img/article/ye3.png)
[TOC]效果如下
切换的时候会有动态的效果
代码如下,纯HTML+CSS样式里边的注释都写得比较清晰了,需要自定义效果,圆角什么的自行修改即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" con...
uni-app app,小程序 时间轴样式,时间轴效果。弹窗里边使用时间轴。悬浮菜单
![](/img/article/ye3.png)
虽然可以用一些时间轴组件比如,timeline,但是有时候还是自己写点样式定制性好一点,不需要像组件那么通用。[TOC]时间轴效果一效果图
具体的代码和样式<template>
<view class="teaching-dynamics-container">
<view class="tdc-course-info">
...
ElementUI Table 动态表头,动态数据,动态列
![](/img/article/ye3.png)
表格显示的列不确定的时候就需要使用动态的方式,而不是预先绑定好。
[TOC]前端的实现数据源对于前端来说数据源和前面的一样,没什么区别,反正就是提供一下数据
const data = [
{
name: 'John Doe',
age: 30,
city: 'New York'
},
{
name: 'Jane Smith',
...
net core 使用Lazy.Captcha.Core实现图片验证码
![](/img/article/ye3.png)
官方网址:https://gitee.com/pojianbing/lazy-captcha
[TOC]安装依赖Install-Package Lazy.Captcha.Core
注册服务可以直接这样非常简单的注入,使用的就是默认的配置
// 默认使用内存存储(AddDistributedMemoryCache)
services.AddCaptcha();
也可以使用代码在提供配置
// 注册服务的时候增加配置
servic...
vue启动报错Error: error:0308010C:digital envelope routines::unsupported
![](/img/article/ye3.png)
这个是因为node.js升级造成的问题,可以使用这样的方法解决
"scripts": {
"serve": "vue-cli-service serve",
"serve2": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
},
也就是下面这一句
"scripts&...
vue element 页面切换如何无刷新
![](/img/article/ye3.png)
使用keep-alive就行了
如果所有页面都保持页面缓存就直接在app.vue中设置中加上keep-alive就行了在app.vue中设置
<div id="app">
<!-- 所有页面都保持页面缓存 -->
<keep-alive>
<router-view></router-view>
</keep-alive&...
docker compose 基本使用。docker compose发布.net core项目
![](/img/article/ye3.png)
[TOC]docker compose 介绍通过一个配置文件,可以让系统一键启动所有的运行环境,nodejs,mysql,redis,mongodb 等。如果开发环境需要多个服务,就需要启动多个 Docker 容器。要连通多个 Docker 容器,就需要 Docker-compose。并且提供了 scale (服务扩容) 的功能。方便多多个容器一键管理。就算是针对单个容器的...
uni-app开发微信小程序实现手机号码一键登录,小程序获取手机号码
![](/img/article/ye3.png)
[TOC]前提要获取手机号的前提就是,首先你的appid是企业注册的,并且需要认证,而且要让管理微信公众平台appid的管理员把你的微信号添加到项目成员。第一步:先获取access_token这个是微信公众号,微信小程序开发的基础,就一个get请求看官方文档就知道了很简单
请求的接口https://api.weixin.qq.com/cgi-bin/token...
element plus 表格 table分页状态或者条件类型切换下实现勾选记录
![](/img/article/ye3.png)
实现这种切换的时候勾选的复选框状态保持,如果是分页其实实现思路也一样。
实现思路:有一个缓存,存储的是选中的行,当勾选行的时候就往缓存里边去添加,取消勾选的时候就从缓存里边移出,切换的时候用维护的缓存去勾选上即可,获取数据的时候直接返回这个维护的缓存即可,不用管他是第几页或者什么条件下的数...
abp vnext 工作单元(UnitOfWork)与事务
![](/img/article/ye3.png)
工作单元是一个比较重要的基础设施组件,它负责管理整个业务流程当中涉及到的数据库事务,一旦某个环节出现异常自动进行回滚处理。在 ABP vNext 框架当中,工作单元被独立出来作为一个单独的模块(Volo.Abp.Uow)。你可以根据自己的需要,来决定是否使用统一工作单元ABP框架的工作单元(UOW)实现提供了对应用程序中的...
使用docker的simple-nuget-server与baget搭建自己的.net私有nuget仓库
![](/img/article/ye3.png)
[TOC]使用simple-nuget-server镜像搭建私有nuget仓库新建2个挂载目录一个用来存放db,一个用来存放包
mkdir -p /home/nuget/db
mkdir -p /home/nuge/packages
给创建的挂载目录添加权限
chmod -R 777 /home/nuget
拉取镜像与启动容器拉取镜像
docker pull sunside/simple-nuget-server
启动容器
docker run...
vue实现数字翻牌器,数字滚动显示,数字动画显示
![](/img/article/ye3.png)
效果如下:
封装组件<template>
<div class="number-grow-warp">
<span ref="numberGrow" :data-time="time" class="number-grow" :data-value="valnumber"></span>
</div>
</template>
<scr...
.net core调用基于GPT-3.5的ChatGPT接口
![](/img/article/ye3.png)
基于GPT-3.5的接口OpenAI 已经开放和官网版本的ChatGPT相同的模型 gpt-3.5-turbo
GPT-3.5和3.0调用方式几乎一样,修改一下参数即可
代码如下:
string chatGptToken = _configuration["ChatGptToken"];
HttpClient client = new HttpClient();
client.DefaultRequestHeaders.Accept.Add(new Media...
docker 安装 dm达梦数据库
![](/img/article/ye3.png)
官方文档https://eco.dameng.com/document/dm/zh-cn/start/dm-install-docker.html
下载与加载镜像下载镜像
wget -O dm8_docker.tar -c https://download.dameng.com/eco/dm8/dm8_20220822_rev166351_x86_rh6_64_ctm.tar
加载镜像
docker load -i dm8_docker.tar
下载与加载后可以查看镜像
启动容器docker ru...
abp vnext连接dm达梦数据库。.net core连接dm达梦数据库。ef core连接dm达梦数据库
![](/img/article/ye3.png)
突然有一天客户说把数据库换成国产的dm达梦数据库,网上搜了一下这数据库的资料太少了,还是要自己摸索!国产数据库还需要时间沉淀。
当然要先安装dm数据库,这块就不说了,注意一下里边的用户,模式这些等待,和oracle比较像,用户、模式这些没有搞好,你连表都查询不了。迁移之后如果有问题要特别注意达梦数据...
echarts自定义图表提示框。鼠标指上去显示。echarts tooltip的使用
![](/img/article/ye3.png)
官方文档:https://echarts.apache.org/zh/option.html#tooltip
使用的是tooltip,如果只是要显示出来,直接设置trigger: ‘axis’即可const option = {
color: ['#409EFF'],
tooltip: {
trigger: 'axis' // 触发类型:坐标轴触发
},
....
效果如下:
默认的就是把横纵坐标的...
python蓝桥杯2021省赛A组
![](/img/article/ye3.png)
[TOC]试题A-卡片本题为填空题,只需要算出结果后,在代码中使用输出语句将所填结果输出即可。
小蓝有很多数字卡片,每张卡片上都是数字0到9小蓝准备用这些卡片来拼一些数,他想从 1 开始拼出正整数,每拼一个,就保存起来,卡片就不能用来拼其它数了小蓝想知道自己能从 1拼到多少例如,当小蓝有 30 张卡片,其中0...
.net6使用nacos 集群部署,负载均衡调用 。docker swarm 集群部署.net6项目
![](/img/article/ye3.png)
我们这里的k8s测试环境暂时用不了了,这里先使用docker swarm来进行一下集群部署。.net6使用nacos实现服务注册与服务发现:https://www.tnblog.net/aojiancc2/article/details/7931.net6使用nacos作为配置中心:https://user.tnblog.net/UpdateArticle/UpdateArticle/7870docker安装nacos v2.1.2:https://www.tnblog...