- 博客(90)
- 收藏
- 关注
原创 vue3项目应用font awesome6
element-plus框架的图标icon种类较少,一般无法涵盖所有业务情况这时候引入font awesome6免费版,图标库非常丰富,一般可以满足所有业务场景官网:Font Awesome 6,一套始终绝佳的图标字体库和CSS框架。Font Awesome6中文网。官网上有vue3的引入教程这里复制主要部分。
2023-09-11 17:50:24 690
原创 Vue3 echarts v-show无法重新渲染的问题
nextTick方法之后(Dom重新渲染)再去调用echarts图标的生成方法即可。这里需要引入nextTick方法。部分html代码如下。
2023-09-11 12:39:23 708
原创 Internal.Cryptography.CryptoThrowHelper+WindowsCryptographicException: 系统找不到指定的文件
.net6的WebApi项目 RSA相关代码部署到IIS上报错
2023-07-02 19:49:06 920
原创 .net6 webapi简单使用Hangfire完成fire and forget任务
Hangfire将这些任务作为一个队列,队列的信息本项目使用SQLServer来存储(Hangfire也提供其他存储方式,例如Redis)完成业务逻辑后,发送通知可以通过fire and forget方法来执行。.net6 webapi项目,发送通知等代码一般不需要在业务逻辑中执行。首先安装如下3个包(版本号1.7.33)然后在Program.cs中加入如下配置。然后在业务逻辑处加入如下代码即可。这里使用Hangfire来完成。
2023-02-03 21:25:30 680
原创 Angularjs防双击
app.config(function ($provide) { $provide.decorator('ngClickDirective', ['$delegate', '$timeout', function ($delegate, $timeout) { //记得在config里注入$provide var original = $delegate[0].compile; var delay = 500;//设置间隔时间 $delegate[0].compile = funct.
2021-10-25 15:05:49 175
原创 C# 循环读取目录下多个文件(json字符串)
目标:读取某个目录下的所有文件,然后将文件内容(json字符串)转为成对象数组1. 创建目录对象,获取目录下所有文件对象主要是使用DirectoryInfo类,和他的GetFiles方法GetFiles方法会获取一个FileInfo[]文件数组DirectoryInfo directoryInfo = new DirectoryInfo(@"D:\test");var fileInfos = directoryInfo.GetFiles();2.读取文件内容(json字符串),转.
2021-08-20 10:44:11 1287
原创 C# WebApi跨域
针对.net framework4.7 WebApi类型的项目1. Nuget安装Microsoft.AspNet.WebApi.Cors项目引用 => 右键 => 管理Nuget程序包搜索包名称选择包,点击安装2. 全局配置跨域在WebApiConfig.cs中加入代码config.EnableCors("*","*","*");3. 指定接口允许跨域...
2021-07-20 11:34:58 1046 1
原创 angularjs加载html ng-bind-html
angularjs加载html的指令是ng-bind-html但加载前需要先将原始数据用$sce.trustAsHtml处理一下,在此记录
2021-06-18 08:58:15 304
原创 长视频文件的上传与播放 vue3 asp.net video.js
长视频文件的上传与播放概述前端:vue3 video.js7.11.8后端:C# webapi部署平台:前端nginx1.20 后端IIS7工具:FFMpeg需求:管理员会上传时长较长的视频文件(1h),用户在客户端查看视频。m3u8是HLS协议的部分内容,前端分片上传后端分片接收后端组装文件后端FFMpeg将mp4格式转化为m3u8格式配置IIS支持m3u8与ts格式如果没有下列各式支持,请添加扩展名:.ts Mine类型:video/vnd.dlna.
2021-05-17 16:58:02 1551 3
转载 js 下载图片文件
直接用window.location.href = file.Url是无法下载图片文件的,chrome默认会打开一个新的tab并展示大图,直接下载图片文件的方法如下var downloadIamge = (imgsrc, name) => { //下载图片地址和图片名 var image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute('crossOrigin', 'anony
2021-03-25 10:52:17 622
原创 angularjs过滤器filter
过滤器可以直接定义在全局使用示例代码://定义一个叫myFilter的过滤器//input是被过滤的数组/对象等module.filter('myFilter',function(){ return function(input,keyword){ return input.filter(x=>{ return x.isEnabled && x.Name.indexOf(keyword)>=0 }) }})module.controller('MyC
2021-03-25 09:35:17 317
原创 angularjs双向绑定checkbox
angularjs里面要双向绑定checkbox的时候直接用值类型变量是无法绑定的!必须要用对象字段绑定真蠢$scope.checkVal={ flag:true}$scope.showVal=()=>{ console.log($scope.checkVal)}<input type="checkbox" class="custom-control-input" ng-model="checkVal.flag" ng-checked="checkVal.flag" ng-
2021-03-23 15:15:27 347
原创 winform中浏览网页 WebBrowser
winform中浏览网页需要使用的组件是WebBrowser官方文档:https://docs.microsoft.com/zh-cn/dotnet/api/system.windows.forms.webbrowser?view=netframework-4.0以下指示是简单的使用,引入WebBrowser控件首先在设计页面,拖动一个WebBrower组件到当前Form中命名为webTest我们在Form上注意加上注解:[System.Runtime.InteropServices.Com
2021-03-10 16:55:38 1771
原创 asp.net MVC项目 在web.config里面配置rewrite
<system.webServer> <rewrite> <!--移动端直接跳转到移动h5页面--> <rules> <rule name="userAgentsRewrite" stopProcessing="true"> <match url="^Factory$" /> <conditions logicalGrouping="MatchAll"> .
2021-03-05 16:10:07 681
原创 vue.config.js备份一个
const webpack = require("webpack");module.exports = { //打包要放在根目录的mobile文件夹下面 所以加入publicPath配置 publicPath: process.env.NODE_ENV === 'production' ? '/mobile/' : '/', configureWebpack: { //֧��jquery plugins: [ .
2021-02-26 14:55:19 199
原创 vue3 组合式api
vue2中 经常使用的属性:data methods mounted 分别用来存双向绑定的数据、方法,挂载完成之后要执行的方法vue3不再推荐这种写法!!为了把同一个功能点的内容,从data、methods中抽离出来放到一起,甚至复用业务逻辑,vue3使用了setup()方法,每个业务逻辑自己定义好绑定的数据和方法,然后在setup方法中统一调用,setup方法相当于是vue的api入口setup方法只执行1次! 解析props之后会调用setup方法,这时候尚未创建组件实例,所以是不能通过
2021-02-04 11:16:02 533
原创 vue3 组件学习笔记
props属性props的命名也可以和component一样使用小写单词+-直接通过对象传递父组件可以通过v-bind指令,直接将对象传递到子组件,传递的对象和子组件暴露的props名称必须一致!父组件<child-component v-bind="paramObj"></child-component>//...data(){ return{ paramObj:{ id:1, name:'testPropName' } }}上面的写法等
2021-02-03 14:26:00 133
原创 vue3项目创建(jquery bootstrap) vs2019
开发环境 vs20191、vs2019加上node.js开发环境2、vs2019创建JavaScript类型的vue项目3、删除项目文件夹中的js、配置、文件夹4、新建一个文件夹,我们使用vue cli4来新建项目5、vue create myProject 选择vue3 并加入vuex vue-router 这样vuecli创建项目之后会自动引入这两个依赖6、vue add axios 用vuecli引入axios依赖(管理http请求)7、安装npm install j...
2021-02-03 12:19:34 592
原创 vue3学习笔记 vue基础
//创建Vue应用const app=Vue.createApp({})//创建MyInput组件,注册到appapp.component('MyInput',MyInput)//挂载Vue应用到<div id=‘mydiv’></div> vm是组件实例const vm=app.mount('#myDiv')//也可以通过链式调用app.component('MySelect',MySelect).directive('focus',FocusDirective)
2021-02-03 00:43:14 211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人