WEB前端
easyboot
愿断一切恶,愿修一切善。
展开
-
Vue3自定义防抖函数
1.新建fun.ts文件,内容如下。2在vue页面中引用。原创 2024-08-28 10:11:09 · 116 阅读 · 0 评论 -
js字符串false转换为布尔值
由于获取到布尔值是字符串的,js也没有转换方法,只好用字符判断来实现转换。原创 2024-08-22 16:33:07 · 103 阅读 · 0 评论 -
Three.js加载PLY文件
我在Vue3中使用,测试了好久始终不显示点云数据。在网上查询后发现ply文件要放置在public目录下才行。原创 2024-02-23 17:24:58 · 1035 阅读 · 1 评论 -
TS数组对象进行排序
1.在TS下对 对象数据进行排序。zzzz是最终排序结果。原创 2023-01-30 13:14:27 · 710 阅读 · 0 评论 -
VUE学习(十七) VUE3使用axios post的时候参数传递为空值
1.在使用axios发现post到后端的参数值变为空值。多次测试后发现只有使用下面的方法可用。参数名必须为字符串。参数要写成paramss 类型才行。2.后台的WEBAPI。原创 2023-01-09 13:38:02 · 2092 阅读 · 0 评论 -
C#后端调用WEBAPI
后台调用WEBAPI原创 2022-08-16 14:55:08 · 2328 阅读 · 0 评论 -
GSAP优秀的动画库
优秀的JS动画库原创 2022-07-21 17:50:31 · 1218 阅读 · 0 评论 -
html中的button在div中居中
使button在div中居中原创 2022-06-21 14:53:51 · 4351 阅读 · 0 评论 -
ASP.NET CORE 6 中跨域问题
WEBAPI跨域问题解决原创 2022-06-17 15:42:22 · 1203 阅读 · 0 评论 -
WEB前端打开摄像头
之前用WPF调用摄像头,发现占用CPU资源比较大。今天测试用WEB端打开摄像头代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body><video id="video"></video> <script>.原创 2022-05-20 14:37:28 · 1972 阅读 · 0 评论 -
CSS字体霓虹和文本颜色渐变
css文本特效原创 2022-06-10 15:21:33 · 168 阅读 · 1 评论 -
前端开发技术路线图
https://github.com/kamranahmedse/developer-roadmap介绍前端后端Devops原创 2021-01-15 09:02:42 · 1115 阅读 · 0 评论 -
获取jstree的数据
function test() { var v = $('#containertree').jstree(true).get_json(); var mytext = JSON.stringify(v); alert(mytext); }原创 2020-12-22 10:13:36 · 529 阅读 · 0 评论 -
鼠标滑过图片效果
源码https://github.com/ciar4n/imagehover.css效果http://www.imagehover.io/原创 2020-12-15 09:24:26 · 180 阅读 · 0 评论 -
bootstrap的div内容垂直水平居中显示
主要为了实现span在div中垂直居中下面代码 <div class="col-md-4 bg-danger"> <div style="display: flex; flex-direction: column; justify-content: center; text-align: center; height: 100%"> <span style="f.原创 2020-12-14 11:08:47 · 2517 阅读 · 0 评论 -
Mixed Content错误问题This request has been blocked; the content must be served over HTTPS.
调用nginx的时候发现出现下面的错误!是http和https的问题百度后知道在页面中加入 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">即可<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <meta na...原创 2020-12-04 11:16:31 · 2060 阅读 · 1 评论 -
web中的树形菜单
在使用bootstrap的时候,想用树形,但是bootstrap-treeview好久没有更新了,最好觉得ztree也不错。功能可以满足要求http://www.treejs.cn/v3/main.php#_zTreeInfo原创 2020-11-20 16:12:47 · 357 阅读 · 0 评论 -
.net core webapi 跨域问题
首先在startup.cs中加入 services.AddCors(m => m.AddPolicy(Any, a => a.SetIsOriginAllowed(_ => true).AllowAnyMethod().AllowAnyHeader().AllowCredentials())); app.UseCors(Any); public void ConfigureServices(IServiceCollection serv...原创 2020-11-13 14:10:10 · 630 阅读 · 0 评论 -
科技感十足的網站頁面
http://www.bootstrapmb.com/item/9102/preview原创 2020-11-06 21:51:45 · 2095 阅读 · 0 评论 -
MVC中修改部分视图的方法,实现母版页功能
_layout.cshtml中加入如下代码即可只要在onclick中改变action即可 <script type="text/javascript"> function getview(str) { $("#subpage").load(str).show(); } <div> <button onclick="getview('/home/Pr.原创 2020-11-05 17:20:25 · 208 阅读 · 0 评论 -
TypeError: $(...).DataTable is not a function 错误问题!
之前用Datatables和echarts是没有问题,最近修改代码之后发现出现TypeError: $(...).DataTable is not a function这个错误信息。查找发现echarts.js必须放在datatables.js之后,否则就会出现上面的错误信息。下面是正确的引用顺序 <script src="~/Framework/AdminLTE-3.0.5/plugins/jquery/jquery.js"></script> .原创 2020-06-05 14:24:23 · 2115 阅读 · 0 评论 -
datatables 根据数据显示不同的颜色
columns: [ { data: 'EquipmentNo' }, { data: 'Status' }, { data: 'Organization' }, { data: 'CreateDate' } ], // aoColumnDefs:[ {"sClass":"col_class","aTar...原创 2020-05-27 08:53:44 · 610 阅读 · 0 评论 -
JS 调用本地应用程序!类似百度网盘的功能。
下面的例子是打开记事本的例子下面编写注册表文件。下例保存为afs.reg然后双击afs.reg导入注册表Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\afs]@="afs Protocol""URL Protocol"=""[HKEY_CLASSES_ROOT\afs\DefaultIcon]@="C:\\...原创 2020-04-03 13:49:07 · 1195 阅读 · 0 评论 -
WEB页面多语言功能
之前做的多语言功能是在数据库中,目前想做个Json文件格式的多语言功能1.编辑en-US.json文件页面中调用的方法 <div class="field"> <div class="form_logo"></div> ...原创 2020-03-20 14:28:04 · 572 阅读 · 0 评论 -
Visual Studio 2019升级MVC5提示The name 'ViewBag' does not exist in the current context错误信息的解决办吧
原来的项目是MVC4的,我就升级到MVC5但是可以编译,就是会提示ViewBag的错误信息如下图在网上查找了一下,觉得应该是升级引起的,那么修改Web.config就应该没有问题了首先是项目目录下的web.config中的版本号红色箭头处下图中的版本是4.0.0.0把这里修改为5.2.7.0然后重新打开项目就ok了下图是正常后的效果...原创 2020-03-18 10:36:40 · 2415 阅读 · 0 评论 -
阻止 ASP.NET MVC 应用程序中的跨站点请求伪造(CSRF)攻击 防伪令牌
在网上查询使用在页面中使用 @Html.AntiForgeryToken()在controller层加入[ValidateAntiForgeryToken]标签但是这样我的程序总是提示防伪令牌__RequestVerificationToken不存在找了很多博客,不是长篇大论,就是不清楚最后在微软官网查到https://docs.microsoft.com/zh-cn...原创 2020-03-17 10:19:02 · 469 阅读 · 0 评论 -
使用echarts显示树形组织架构
js代码 function GetOrganization() { var data = ""; var myChartOrganization = echarts.init(document.getElementById('divOrganization')); var labelOption = { ...原创 2020-03-11 08:39:00 · 1584 阅读 · 0 评论 -
HttpPost传入JSON参数的方法
项目中需要读取善一门禁的数据,调试中出现了许多问题特此记录1.使用postman读取数据是正常的如下图2.但是我写的程序却出现许多错误,原因是Json参数是区分大小写的页面前端js代码,返回的字符串需要进行两次转换,才能转换为Json对象<script type="text/javascript"> $(function () { ge...原创 2020-02-27 14:12:10 · 7517 阅读 · 0 评论 -
读取股票数据信息
最近想看看有没有股票相关的接口,自己做一个实时查看股票的信息。找到了一个新浪的接口,但是读取到的数据,不能利用,所以花了一天时间来测试读取下面是读取成功的测试<script type="text/javascript"> $(function () { getStock(); }); function getStock() { ...原创 2020-01-22 13:04:49 · 637 阅读 · 0 评论 -
MVC实现datatable导出到excel
由于使用后台分页,所以datatables的导出excel只能导出当前页,所以只好重新写一个导出方法html代码<div class="btn btn-primary" onclick="download()">下载</div>js 代码 function download() { var EquipmentNo = $("#t...原创 2020-01-17 11:38:32 · 678 阅读 · 0 评论 -
把MVC4升级到MVC5出现错误问题解决 未能加载文件或程序集“System.Web.WebPages.Razor, Version=2.0.0.0
想使用最新的MVC但是升级后,项目出现下面的错误信息。网上搜了一下,好像也没有说明清楚。大部分的意思是版本和依赖的问题。发现提示信息是在web.config中第6行有问题。项目引用的System.Web.WebPages.Razor是3.0.0.0观察到:源文件:D:\Program\esdmysql\ESD.Monitor.Platform\WEB\views\web.co...原创 2020-01-08 14:23:24 · 897 阅读 · 0 评论 -
修改web.config文件appsettng值
设置背景图,可以读取,但是不知道怎么设置。string background =System.Web.Configuration.WebConfigurationManager.AppSettings["BackgroundImage"] 在网上查询了之后发现可以这样修改: System.Configuration.Configuration cfa...原创 2020-01-04 11:13:19 · 159 阅读 · 0 评论 -
Jquery input onchange无效问题解决方法
想通过JS改变input的值,同时触发onchange,发现onchange没有触发,原因是onchange需要失去焦点后才会触发。在网上搜索发现只有使用trigger简单方便,在设置input的时候加入$('#input').trigger("change"); 就OK了function setinput(str){ $('#input').val(str) $('#in...原创 2020-01-03 16:24:58 · 4384 阅读 · 0 评论 -
echarts上放置按钮
想在echarts上放置按钮,发现绘图后会把按钮覆盖掉,所有考虑使用div重叠实现按钮在最前面注意Position和z-index的设置 <div style="width: 100%;min-height: 200px;position:relative"> <!--这里是echarts绘图区域--> <div id="divO...原创 2019-12-31 14:07:09 · 7079 阅读 · 1 评论 -
bootstrap switch 事件
首先需要引用 <script src="~/Content/AdminLTE-3.0.1/plugins/bootstrap-switch/js/bootstrap-switch.js"></script>前端代码 <input type="checkbox" name="state" id="cbSwitch" checked data-b...原创 2019-12-27 13:27:31 · 538 阅读 · 0 评论 -
MVC使用bootstrap的datatables 实现后台分页显示
js 代码 function MultiGNDDataQuery() { var EquipmentNo = $("#txtEquipmentNo").val(); var OrganizationID = $("#txtOrganizationID").val(); $('#tbMultiGND').DataTable...原创 2019-12-25 13:38:01 · 528 阅读 · 0 评论 -
js数组传入后台处理方法。
js代码 function savePrivileges() { var Privileges = [] var Role = $('#selectRole').val(); $("input:checked").each(function (i) { Privileges.push($(this).attr("id...原创 2019-12-19 16:46:23 · 294 阅读 · 0 评论 -
jquery设置所有的checkbox为未选中
jquery设置所有的checkbox为未选中 $("input:checked").each(function (i) { $(this).prop("checked",false); });原创 2019-12-19 16:41:40 · 1730 阅读 · 0 评论 -
jquery使控件是否可见
//不可见 $('#btn').css({ "display": "none" });//可见 $('#btn').css({ "display": "inline" });原创 2019-12-11 15:04:45 · 137 阅读 · 0 评论 -
DateRangePicker的使用
html <div class="col-md-5"> <div class="form-group"> <div class="input-group"> <div class="input-group-a...原创 2019-12-11 15:03:16 · 225 阅读 · 0 评论