随笔分类 - 前端 篇
摘要：1. layuimini 最简洁、清爽、易用的layui后台框架模板。layui 页面的风格，分为iframe 多tab版本和单页版。 主要特性 界面足够简洁清爽，响应式且适配手机端。 一个接口几行代码而已直接初始化整个框架，无需复杂操作。 页面支持多配色方案，可自行选择喜欢的配色。 支持多tab，
阅读全文
摘要：官方示例 http://oss.sheetjs.com/js-xlsx/ 开源地址 传送门 插件下载 xlsx.full.min.js 导入示例 引用 <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script> ht
阅读全文
摘要：话不多说，首先肯定还是先引用两个插件，jquery插件和jquery.dataTables插件；然后 javaScript 代码如下；都是一些比较常用的参数，本示例是通过ajax后台分页渲染实现的列表；具体可参考上一篇； 本篇主要讲新增自定义列，表格头部thead中新增操作列 <th>操作</th>
阅读全文
摘要：axui 简介: 本框架是面向设计，满足设计多样化需求的前端解决方案，减少或剔除JS文件资源和API. 首先是js的引用，主要是jquery 以及 jquery.dataTables 插件的引用。 <script src="~/src/js/jquery-1.10.2.min.js"></scrip
阅读全文
摘要：第一种：直接引用下方文件，实现简单的看板娘效果； https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json <script src="https://eqcn.ajz.miesnfu.com/wp-co
阅读全文
摘要：1. C#返回日期格式转换为时间戳，再转化为前端日期格式; nowDate是C#返回的日期格式变量； var timeStamp = parseInt(nowDate.replace("/Date(", "").replace(")/", ""), 10); var newTime = new Da
阅读全文
摘要：效果图： 实现这个效果主要用到了<colgroup>标签，来保证表格头部和内容的宽度一致。将头部<thead> 和<tbody>,分别放☞到两个div的<table>标签下。并给表格内容所在的div 设置一个固定高度即可。样式 calc(100% - 1em) 来给滚动条预留1em的宽度。 <col
阅读全文
摘要：1.第一种，!$(event.target).is('input'),判断触发事件的元素是否为input。此时使用event.target,而不是this，获取事件本身，防止触发事件冒泡的问题。 $("#data_table tr").on("click",function (event) { if
阅读全文
摘要：1.鼠标光标特效 <script src="https://blog-static.cnblogs.com/files/axqa/bubbleCursor.js"></script> <!--光标之泡泡--> <script src="https://blog-static.cnblogs.com/
阅读全文
摘要：在使用easyui的时候，出现了数据重复加载的问题。如下图 关于这个问题有两种说法，第一种说法是 easyui-datagrid 类在html和js中重复定义，数据渲染时会加载两次。另一种是$("#treegrid").treegrid() ,在传入对象时，会初始化加载数据。而本人恰是第二种情况，
阅读全文
摘要：1.定义下拉列表需要的数据 public static List<SelectListItem> GetProList(){ List<SelectListItem> items = new List<SelectListItem> { new SelectListItem { Text = "全部
阅读全文
