vue+elementUI 实现设置还款日字母弹窗组件
1、业务背景
还款业务,设置每月还款日,选每月几号扣款,不需要29、30、31,因为不是每个月都有这三天的
2、预期效果图
3、代码实现
3.1 初始化vue项目
地址:https: cn.vuejs.org/guide/introduction.html
3.2 在项目中应用elemen...[2023/2/17]
Serverless Streaming:毫秒级流式大文件处理探秘
摘要:本文将以图片处理的场景作为例子详细描述当前的问题以及华为云FunctionGraph函数工作流在面对该问题时采取的一系列实践。
文章作者|旧浪:华为云Serverle 研发专家、平山:华为云中间件Serverle 负责人
一、背景
企业应用从微服务架构向 Serverle (无服务器)架...[2023/2/17]
Blazor 拖放上传文件转换格式并推送到浏览器下载
前言
昨天有个小伙伴发了一个老外java编写的小工具给我,功能是转换西班牙邮局快递Coreeos expre 的单据格式成Amazon格式,他的需求是改一下程序为匹配转换另一个快递公司MRW格式到Amazon格式,然而我堂堂一个Blazor发烧友,怎么可能去反编译人家的java修改呢?必须直接撸...[2023/2/17]
react 高效高质量搭建后台系统 系列 —— 前端权限
其他章节请看:
react 高效高质量搭建后台系统 系列
权限
本系列已近尾声,权限是后台系统必不可少的一部分,本篇首先分析spug项目中权限的实现,最后在将权限加入到我们的项目中来。
spug 中权限的分析
权限示例
比如我要将应用发布模块的查看权限分给某用户(例如 pjl),可以这...[2023/2/17]
如何优化 Vue.js 应用程序
单页面应用(SPAs)当处理实时、异步数据时,可以提供丰富的、可交互的用户体验。但它们也可能很重,很臃肿,而且性能很差。在这篇文章中,我们将介绍一些前端优化技巧,以保持我们的Vue应用程序相对精简,并且只在需要的时候提供必需的JS。
注意:这里假设你对Vue和Composition API有...[2023/2/17]
由小见大!不规则造型按钮解决方案
今天,有个群友在群里提问,使用 CSS 能否实现下述这个图形:
emmm,中间这个酷似三次贝塞尔曲线的造型,使用 CSS 不太好实现。我的建议是切图实现,然而群友要求一定要用 CSS 实现。
虽然麻烦,但是这个图形勉强也是能用 CSS 实现的。本文就将探讨一下上述图形的纯 CSS 实现方...[2023/2/17]
从 Newtonsoft.Json 迁移到 System.Text.Json
一.写在前面
System.Text.Json 是 .NET Core 3 及以上版本内置的 Json 序列化组件,刚推出的时候经常看到踩各种坑的吐槽,现在经过几个版本的迭代优化,提升了易用性,修复了各种问题,是时候考虑使用 System.Text.Json 了。本文将从使用层面来进行对比。
...[2023/2/15]
【Vue】style和class 列表渲染 使用v-for进行循环 监控失效 双向数据绑定 过滤案例 事件修饰符
目录昨日回顾style和cla cla 属性的三种设置方法style属性的三种设置方法条件渲染列表渲染使用v-for进行循环循环数字循环字符串循环对象循环数组标签key值加速虚拟dom的替换Vue.set解决监控失效数组的检测与更新对象的检查与更新双向数据绑定 v-modelinput输入框相关...[2023/2/15]
Three.js 进阶之旅:物理效果-碰撞和声音 💥
声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。
摘要
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果,使其更加真实。所谓物理效果指的是对象会有重力,它们可以相互碰撞,施加力之后可以移动,而且...[2023/2/15]
react中axios结合后端实现GET和POST请求方式react中axios结合后端实现GET和POST请求方式
目录react axios结合后端实现GET和POST请求get实现方式1(参数直接在url中)get时间方式2(作为JSONString跟在url末尾)post实现(传递JSONObject)react 项目axios请求配置axios请求封装总结 react axios结合后端实现GE...[2023/2/15]
react中定义变量并使用方式react中定义变量并使用方式
目录react定义变量并使用这里面涉及到了react全局变量的设置总结 react定义变量并使用
这里面涉及到了
1、变量如何定义2、变量如何进行改变3、方法如何调用
都写有详细的注释大家可详细观看适合刚学习react的新同学
cla Packaging extends React....[2023/2/15]
react 高效高质量搭建后台系统 系列 —— 表格的封装react 高效高质量搭建后台系统 系列 —— 表格的封装
其他章节请看:
react 高效高质量搭建后台系统 系列
表格
有一种页面在后台系统中比较常见:页面分上下两部分,上部分是 input、select、时间等查询项,下部分是查询项对应的表格数据。包含增删改查,例如点击新建进行新增操作。就像这样:
本篇将对 ant 的表格进行封装...[2023/2/13]
可能是最简单的本地GPT3 对话机器人,支持OpenAI 和 Azure OpenAI
毫无疑问,GPT是目前最火的人工智能方向,已经商用的有OpenAI公司原生的GPT3 和 ChatGPT ,以及微软公司的Azure OpenAI Service (暂时还没有包含ChatGPT)。关于他们的各种资料以及讨论(甚至争论),网上已经有很多了。我这里不准备重复。本文分享的一个是我自己...[2023/2/13]
从零开始,打造属于你的 ChatGPT 机器人!
大家好!我是韩老师。
不得不说,最近 OpenAI/ChatGPT 真的是太火了。
前几天,微软宣布推出全新的 Bing 和 Edge,集成了 OpenAI/ChatGPT 相关的技术,带动股价大涨:
微软市值一夜飙涨 5450 亿
国内外各家大厂也是纷纷跟进,发布或者将...[2023/2/13]
NodeJS 实战系列:DevOps 尚未解决的问题NodeJS 实战系列:DevOps 尚未解决的问题
本文将通过展示 NodeJS 应用里环境变量的提取过程,来一窥 DevOps 技术是如何应用在现在云平台上的运维工作中的。同时我也想让大家在这里看到 DevOps 的另外一面,即它并非全能,从本地开发到持续部署再到实际运行,有一些运维鸿沟依然还未被填平。“人工操作”...[2023/2/13]
CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 上篇
目录0. 基础0.1. 坐标系基础0.2. 合并批次1. 参数化几何1.1. 几何类清单1.2. 举例1.3. 纯手搓几何1.4. *子线程异步生成几何2. 使用材质2.1. 外观 API2.2. 材质 API2.3. Fabric 材质初步 - 内置材质、材质缓存与 uniform2.4. F...[2023/2/13]
JS字符串分割方法整理汇总示例讲解(3种截取方法和6个辅助方法)
目录一、使用 slice() 截取1,函数说明2,使用样例二、使用 substring() 截取1、函数说明2、使用样例三、使用 substr() 截取1、函数说明2、使用样例附:其他一些常用的方法1、indexOf()2、lastIndexOf()3、split()4、join()5、concat...[2023/2/13]
jquery和js显示和隐藏div的几种方法对比整理
目录JS隐藏和显示div的方式有2种:方式一:设置元素style对象中的display属性方式二:设置元素style对象中的visibility属性jquery控制div的显示与隐藏方式有4种:方法一、通过jquery的show()、hide()方法,设置div隐藏方法二、toggle()切换元素的...[2023/2/13]
JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理
一个页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同)。
Javascript获取各种屏幕的宽度和高度
网...[2023/2/13]
js开发中的页面、屏幕、浏览器的位置原理(高度宽度)说明讲解(附图)
目录一、介绍1. 容器2. 物理尺寸和分辨率3. 展示图二、屏幕信息三、浏览器信息四、页面信息 前端js开发中我们常遇到对页面、屏幕、浏览器宽高和位置的获取问题,有时间查到了js的实现代码,但是不知道为什么。本篇图文并茂讲解Web环境中屏幕、浏览器及页面的高度、宽度信息。
一、介绍
1. 容...[2023/2/13]
HTML页面中使用Vue示例进阶(快速学会上手Vue)
目录一、Vue框架的两种使用方式二、HTML页面中简单使用Vue三、点击事件示例四、键盘事件示例五、鼠标移动事件示例六、事件修饰符示例七、V-text和V-html示例八、V-bind示例九、V-for示例十、遍历对象数组示例十一、V-model示例十二、v-show和v-if示例 Vue是用于构建...[2023/2/13]
Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布
回顾第一篇文章中谈到的组件库的几个方面,只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。
1 组件库构建
组件库的入口是 package yyg-demo-ui,构建组件库有两个步骤:
添加 TypeScript 的配置文件: tsconfig.json
添加 vite.c...[2023/2/10]
Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下
上文创建了一堆 utils、component-info,并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。
1 组件样式文件并导入
在 src ervice 目录中创建 init-sc .ts 文件,该文件导出 initSc 函数。
由于 .vue 类型的组件的样式就直接写...[2023/2/10]
CSS 3 所有的选择器整理(2023.2)
你知道的和你不知道的所有选择器。不包含尚未广泛实现的,也不包含已弃用的。
基本的选择器规则(Selector)
类型(Type)选择器
直接用标签匹配特定的元素
span {
...
}
p {
...
}
类(Cla )选择器
以.开头,匹配含有这个 cla 的元素
.info...[2023/2/10]
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
上文搭建了组件库 cli 的基础架子,实现了创建组件时的用户交互,但遗留了 cli rc/command/create-component.ts 中的 createNewComponent 函数,该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。(友...[2023/2/10]
不用Blazor WebAssembly,开发在浏览器端编译和运行C#代码的网站
本文中,我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”,核心的技术就是用C#编写不依赖于Blazor框架的WebA embly以及Roslyn技术。
一、 为什么要开发这样的工具?
对于编程初学者来讲,开发环境的安装配置是一个令人头疼的事情,如果能让初学者不...[2023/2/10]
js不同客户端显示不同广告(pc端+移动端+微信端)
核心代码
var IsSpider= pider|bot/ig.test(window.navigator.userAgent);
var IsMobile=/ipad|iphone|ipod|android|mobile/ig.test(window.navigator.userAgent...[2023/2/10]
JS根据当天不同时间显示不同广告的代码JS根据当天不同时间显示不同广告的代码
在逛一些商城类网站我们会发现很多商品秒杀广告多少时间会自动切换下一个,想实现这种效果我们可以用js判断当天时间段来显示不同广告。
var h = new Date().getHours();
var t = "";
if(h >= 6 && h <= 12){
...[2023/2/10]
Vue.js 前端项目在常见 Web 服务器上的部署配置Vue.js 前端项目在常见 Web 服务器上的部署配置
Web 服务器是一种用于存储,处理和传输Web内容的软件。它是一种特殊类型的服务器,具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言,如 PHP,JavaScript,Ruby,Python 等,并且支持动态生成 Web 页面。常见的 Web 服...[2023/2/8]
vue3之Suspense加载异步数据的使用
Suspense使用
<template>
<Suspense>
<template #default>
<ProductList></ProductList>
</template>...[2023/2/8]
Vue显示图片的几种方式小结
目录前言使用原生img标签使用ElementUI的Avatar总结 前言
最近在做自己的项目,有这么一个需求,用户列表需要展示用户的头像,之前一直没有处理,趁着这次机会,正好分享下我的解决过程。
头像这一栏空荡荡的,我这种强迫症患者难受死!
首先声明下,我的数据列表是查询数据库接口...[2023/2/8]
浅谈浏览器端 WebGIS 开发可能会用到的、提升效率的 js 库
目录前置说明1. 与数据格式转换解析相关1.1. 解析和转换 WKT 几何数据1.2. 前端直接读取 GeoPackage - @ngageoint/geopackage1.3. 前端直接读取 Esri Shapefile - ts-shapefile1.4. 把 GDAL 搬进浏览器 - gd...[2023/2/6]
js函数中的this指向js函数中的this指向
写代码的时候遇到这个问题了,在这里复习一下
非箭头函数
非箭头函数的this指向比较好理解,就是调用这个函数的对象,举个栗子:
var obj = {
foo: {
bar: 3,
foo:{
bar: 4,
...[2023/2/3]
vue3全局组件自动注册功能实现
目录vue3全局组件自动注册前言:补充: Vue3注册全局组件1.注册单个全局组件2.批量注册全局组件 vue3全局组件自动注册
前言:
本文主要讲述vue3的全局公共组件的自动注册
第一步:建文件
需要在src/components 下创建一个文件夹用于存放封装的公共组件...[2023/2/2]
浅谈如何把Node项目部署到服务器上浅谈如何把Node项目部署到服务器上
目录1. 如何合理选购一台服务器1.1. 服务器位置的选择;1.2. 服务器镜像的选择;1.3. 服务器系统盘存储的选择;1.4. 服务器带宽选择;1.5. 服务器规格选择;2. 如何将域名解析到服务器上3. 服务器配套软件的安装和环境配置4. 通过命令行上传自己的网站到服务器5. 网站部署和运维5...[2023/2/2]
Vuejs从数组中删除元素的示例代码
目录Vuejs从数组中删除元素补充:vue 删除数组中的某一条数据一、删除普通数组二、删除数组对象三、欢迎添加更多方法,以上是我觉得最简单的方法 Vuejs从数组中删除元素
使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后...[2023/2/2]
解决vue.js not detected的问题
最近在看vue的时候,发现之前装过的vuedevtools提示vue.js is not detected。重装了一次后,发现对于没有应用vue框架的页面,的确是检测不到vue.js,所以报这个很正常;切换到有vue.js资源的页面,调试界面就会自动检测出vue插件(如果还是报错,具体...[2023/2/2]
Vue computed与watch用法区分
目录computed用法watch用法 computed用法
响应式缓存每一个计算属性都会被缓存起来,只要计算属性所依赖的属性发生变化,计算属性就会重新执行,视图也会更新computed方法里面的属性不能在Date中定义.具有缓存性,页面重新渲染值不变化,,计算属性会立即返回之前的计算结果,而不必...[2023/2/2]
Node.js+Koa2+TypeScript技术概览
最近几年一直使用Node.js作为后端服务平台,通过Koa2框架中间件快速搭建Web服务,但是使用JavaScript开发大型后端服务时会使程序变得难以维护,继而使用TypeScript语言开发,使编译、调试、检查和代码管理变得更加容易。
下图是使用Koa2框架搭建后端服务的思维导图:
...[2023/2/1]
react 高效高质量搭建后台系统 系列 —— 系统布局react 高效高质量搭建后台系统 系列 —— 系统布局
其他章节请看:
react 高效高质量搭建后台系统 系列
系统布局
前面我们用脚手架搭建了项目,并实现了登录模块,登录模块所依赖的请求数据和antd(ui框架和样式)也已完成。
本篇将完成系统布局。比如导航区、头部区域、主体区域、页脚。
最终效果如下:
spug 中系统布局的分析...[2023/2/1]
一文带你了解Vue3中toRef和toRefs的用法
toRef 顾名思义,不是ref 响应式数据,给它转成ref 响应式数据
通俗易懂的理解:
<template>
<h3>姓名:{{ person.name }}</h3>
<h3>年龄:{{ person.age }...[2023/2/1]
解决Vue路由导航报错:NavigationDuplicated:?Avoided?redundant?navigation?to?current?location
目录一、描述问题二、报错原因三、解决方法1、安装vue-router3.0以下版本2、为每一个Promise添加一个回调函数3、修改VueRouter原型对象上的push/replace方法四、原理分析五、额外补充1、路由导航方式2、Promise函数?总结 点击vue路由跳转,控制台报错:Avoi...[2023/2/1]
Vue3+TypeScript 项目中,配置 ESLint 和 Prettier
接上篇:从0搭建vite-vue3-ts项目框架:配置le +svg+pinia+vant+axios
文档同步项目gitee:https: gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-le .git
一、Eslint:用于检测代...[2023/1/30]
React使用高阶组件与Hooks实现权限拦截教程详细分析React使用高阶组件与Hooks实现权限拦截教程详细分析
目录思路实现注入权限列表抽离Context向页面注入权限列表的HOC向根组件注入权限含有权限拦截功能的HOC无权限时显示的组件权限拦截HOC组件测试用于测试的组件在组件中使用权限组件 高阶组件是以组件作为参数,返回一个组件的函数。返回的组件把传进去的组件进行功能强化。通过以下示例进一步理解高阶组件。...[2023/1/30]
Vue编译优化实现流程详解
目录动态节点收集与补丁标志1.传统diff算法的问题2.Block和PatchFlags3.收集动态节点4.渲染器运行时支持5.Block树静态提升预字符化缓存内联事件处理函数v-once 动态节点收集与补丁标志
1.传统diff算法的问题
对于一个普通模板文件,如果只是标签中的内容发生了变...[2023/1/30]
使用nodeAPI时遇到过异步问题解决使用nodeAPI时遇到过异步问题解决
目录问题总结 问题
闲逛技术群时常常看到群友遇到异步问题, 这里就最近看到的问题做个解答:
问题大致是这样:
下面这段代码, 是希望输出456的, 但实际上却输出了[], 因为readFile的回调会等到文件读取完成才会执行, readFile不会阻塞代码运行, 因此return d...[2023/1/30]
JS实战例子之实现自动打字机动效JS实战例子之实现自动打字机动效
目录前言1、实现思路 2、html布局和c 样式3、预定义前置变量 4、动效过程解析5、完整源代码 6、结语 前言
前几天遇到一个需求,产品告诉我说,希望这些字可以像自动打字那样,一个一个的出来,于是在完成需求的同时,顺便把这个方法记录出来,看大家是否也需要。
...[2023/1/30]
Three.js 进阶之旅:新春特典-Rabbit craft go 🐇
声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。
摘要
兔年到了,祝大家身体健,康万事顺利。本文内容作为兔年新春纪念页面,将使用 Three.js 及 其他前端开发知识,创建一个以兔子为主题的 3D 简单的趣味页面 Ra...[2023/1/28]
Bootstrap Blazor Viewer 图片浏览器 组件更新, 支持流转图片(ImageFromStream), 用于本地项目例如 MAUI Blazor,Blazor hybrid
示例:
https: blazor.app1.e viewer
使用方法:
1.nuget包
BootstrapBlazor.Viewer
2._Imports.razor 文件 或者页面添加 添加组件库引用
@using BootstrapBlazor.Components
...[2023/1/28]
PHP转Go实践:xjson解析神器「开源工具集」
前言
近期会更新一系列开源项目的文章,新的一年会和大家做更多的开源项目,也欢迎大家加入进来。
xutil
今天分享的文章源自于开源项目jinzaigo/xutil的封装。
在封装过程中,劲仔将实现原理以及相关实践思考,写成文章分享出来,从而汇总系列文章集合。
PHP转Go
我和劲仔都是...[2023/1/28]