前端
文章平均质量分 55
我是一只小小鱼~
能解决问题的技术才是有价值的技术
展开
-
解决响应中“Access Control Allow Credentials”标头的值为“”,当请求的凭据模式为“include”时,该值必须为“true”的问题
包含 Access-Control-Allow-Credentials 头部的HTTP 响应(HTTP Response) 将告诉浏览器:服务器允许跨域请求的证书;如果浏览器发送证书,但是响应没有包含一个有效的 Access-Control-Allow-Credentials 头部 , 浏览器不会暴露响应给应用,跨域失败;允许跨域证书是一个安全风险。原创 2022-10-27 10:12:27 · 978 阅读 · 0 评论 -
使用vue实现简易的音乐播放器
使用的是font-awesome字体图标 需要先安装 npm install font-awesome --save。代码中使用的ivewUI前端框架。原创 2022-08-06 21:03:09 · 3938 阅读 · 2 评论 -
下载后端返回的二进制流文件
axios.create({ baseURL: "http://localhost:9001", responseType: "arraybuffer" //关键,不设置导出的文件无法打开 }) .post(url, { params: params, responseType: 'blob' }) .then(res => { console.log('返回的二进制流文件', res); if (!re原创 2022-06-02 13:43:51 · 295 阅读 · 1 评论 -
url请求和ajax请求作用于minui treegrid的区别
1种方法在html中加载数据 <div id="treegrid1" class="mini-treegrid" style="width:100%;" url = "scripts5.3/data/tasks.txt" showTreeIcon="true" treeColumn="taskname" idField="UID" parentF...原创 2020-01-06 10:48:20 · 290 阅读 · 1 评论 -
上传excel在浏览器上显示,类似预览效果
方法一使用xlsx.js插件,支持IE11,不支持ie8<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>读取Excel</title> ...原创 2019-12-30 08:26:46 · 1460 阅读 · 1 评论 -
ASP.NET MVC 结合bootstrap-table-实现服务端分页
bootstrap-table展示数据很好用,但是当数据量很大时,存在性能问题。bootstrap-table需要分页的功能,需要时就请求数据,而不是一次性加载到客户端上。bootstrap-table前台默认时客户端分页,此时的分页已失去了应有的作用。因此使用服务端,话不多说,直接上代码前台代码@section Styles{ //bootstrap-table.css bo...原创 2018-11-01 11:35:07 · 3091 阅读 · 0 评论 -
点击按钮,自动浏览文件,选好文件之后自动上传
上传功能在前端应用中经常用到,现在网上很多上传的插件,在之前的博文中介绍一个 fileinput插件,下面就使用简单的input实现文件上传先看效果: 前台代码:<h2>使用input标签上传</h2><div> <input type="file" style="display:none" onchange="Upload()&quo原创 2018-12-10 14:42:17 · 3468 阅读 · 5 评论 -
jquery checkbox选中、改变状态、change和click事件
jquery判断checked的三种方法:.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:true/false//别忘记冒号哦jquery赋值checked的几种写法:所有的j...转载 2019-04-18 15:57:47 · 334 阅读 · 0 评论 -
js导出数据到excel纯数字过长如何将默认的科学计数法显示正常
原因:1.在Excel中,输入12-15位数字时,虽然会以科学记数的形式出现,但其数值大小是不变的。当今的身份证号码有15位和18位之分。如果15位身份证号以科学记数的形式出现,可以通过设置显示出身份证号的“本相”。2.可在“单元格格式”对话框的“数字”选项卡中进行设置。选择“分类”中的“数值”,将小数位数由默认的“2”位改为“0”位,单击“确定”按钮。如果本来即是“0”位,直接单击“确定...原创 2019-04-25 15:57:46 · 3575 阅读 · 0 评论 -
使用 Web Essentials实现js代码块折叠
我们都知道.net后台都有#region 、#endregion对功能块代码进行折叠,面对大量的代码时,折叠起来非常方便。同样面对大量的js脚本怎么实现向后台一样#region实现折叠的 ,网上查了下 需要安装这个扩展插件“ Web Essentials”就能实现折叠功能1.在工具里找到扩展和更新2 联机搜索 web Essentials,并安装3.安装完后,重启vs参...原创 2018-10-07 14:43:28 · 367 阅读 · 0 评论 -
html5中audio标签
html5的audio功能上已经非常强大,回放,跳转,缓冲等以前只能用flash才能实现的功能,html5的audio都能轻松搞定 最近的一个项目使用到了这个功能,把我使用的情况写下来,供大家参考, 因为我需要的功能很简单,所以做的不复杂,如果要使用更多的功能,可以参考下面的api,能实现很多高大上的功能 audio 相关的 api备用(当浏览器不支持audio时显示的内容)控制函数功...转载 2018-10-12 22:35:08 · 817 阅读 · 0 评论 -
前端使用自定义字体
在样式表,@font-face添加自定义属性body {}@font-face { font-family: 'Ni7seg';//名称,引用时读取 src: url('fonts/Ni7seg.ttf') format('truetype');//字体的文件}<lable style=" font-family: Ni7seg;color: red;font-...原创 2018-09-27 23:06:42 · 940 阅读 · 0 评论 -
vs2015 前端js无智能提示解决办法
打开项目Scripts 文件夹 找到_references.js ,如果不存在 新建空的_references.js 右键更新javascript引用。 打开工具-选项-文本编辑器-javascript-IntelliSense-引用 引用组设为(Implicit(Web)) 将_references.js 添加到引用组,如果下方没有,先添加引用到当前组 并且置为第一项,最后确定保存...原创 2018-07-24 17:00:47 · 3692 阅读 · 1 评论 -
JavaScript 数组 Array对象增加和删除 元素
pop 方法移除数组中的最后一个元素并返回该元素。arrayObj.pop( )必选的 arrayObj 引用是一个 Array 对象。说明如果该数组为空,那么将返回 undefined。shift 方法移除数组中的第一个元素并返回该元素。arrayObj.shift( )必选的 arrayObj 引用是一个 Array 对象。说明shift 方法可移除数组中的第一个元素...转载 2018-07-26 18:21:05 · 1983 阅读 · 0 评论 -
给自定义js传递参数
引用js, 添加一个自定义属性data: <script id="testScript" type="text/javascript" src="test.js" data="abc"></script> test.js文件里,通过下面这行得到传入的参数: var scriptArgs = document.getElementById('te原创 2018-07-31 11:41:34 · 697 阅读 · 0 评论 -
check切换插件使用
对html中check的标签中没什么样式,bootstrap中专门对check单选标签封装html部分<link href="~/Content/bootstrap.min.css" rel="stylesheet" /><link href="~/Content/bootstrap-switch.min.css" rel="stylesheet" />&a原创 2018-08-03 15:53:17 · 197 阅读 · 0 评论 -
js (jQuery)获取时间的方法及常用时间类
$(function(){var mydate = new Date();var t=mydate.toLocaleString();/*alert(t);*/$("#time").text(t);$("#time").load("Untitled-1.html");});<P id="time">afwef</P>获取JavaScript原创 2018-08-13 09:14:15 · 2016 阅读 · 0 评论 -
使用Echart制作报表
首先引用 <script src="~/Scripts/echarts.js"></script> 引用主题 <script src="~/Scripts/macarons.js"></script> 申明div容器,容器需要指定宽高<script src="~/Scripts/echarts.js">原创 2018-08-08 14:28:58 · 1215 阅读 · 0 评论 -
jq 对select操作总结
<select id="select1"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</opti原创 2018-08-18 14:34:13 · 3115 阅读 · 0 评论 -
jquery 对标签 文本 ,值,属性等操作
1 jquery给一个元素添加自定义属性目前见过两种方式方式一:attr方式二:data这两种放方式都可以给元素添加自定义属性 如:$('div').attr( " data-zidingyi" ,“dig” ) $('div').data( " data-zidingyi" ,“dig”) 两种情况都可以;但一般情况用data因为他兼容性更好(注意!data是保存...原创 2018-08-18 15:33:36 · 1145 阅读 · 0 评论 -
使用Ajax实现异步请求
以下三种ajax写法,供大家参考1. $.ajax({ url: "/ObjectType/UpdateType", type: 'post', dataType: 'json', data: { Info: resultinfo }, success: function (Json) { }, ...原创 2018-07-25 11:49:48 · 2731 阅读 · 1 评论