排序
SVG生成器
Trianglify:http://qrohlf.com/trianglify/ 在线演示:http://www.yyyweb.com/demo/trianglify/ 参考: 免费在线SVG神器集合:渐变、背景、装饰图形、等距设计生成器
web界面实现新用户引导
官网: https://kamranahmed.info/driver.js/ 参考: Web页面用户分步操作引导插件——driver.js 原生js实现新手引导功能(vue项目)
Windows下Node.js开发环境搭建
首先安装nvm,这是一个多版本的Node.js环境管理工具,windows版本的github地址为: https://github.com/coreybutler/nvm-windows 安装后它会使用一个软连接指向当前使用的Node.js版本,本例中指...
pear admin layui滚动条样式
找到table.css文件,修改样式.layui-table-body::-webkit-scrollbar如下: .layui-table-body::-webkit-scrollbar { width: 12px; height: 12px; } 也可以通过data table的render的done事件进行...
layu弹出层表单提交及数据交互
参考: 【解决】LayUI表单验证,提交按钮在弹出层,lay-verify失效的情况 layui弹出层子页面获取父级页面元素 layui 弹出iframe选择数据并获取数据
LayUI使用第三方插件:
参考: layui 加载第三方插件 【layui】扩展组件xm-select 下拉框带搜索功能 异步请求接口 ajax加载数据 layui中form表单相关问题(动态下拉框获取value,请求接口,自定义校验)
layui datatable 行高亮相关
要改变标题样式,可以在done事件中动修改: table.render({ elem: '#user-table', url: '/admin/device/meter/electric/list', page: true, cols: cols, autoSort: true, even: true, toolbar: ...
layui的datatable翻页相关
一个自定义翻页时弹层显示消息的例子: index = layer.msg('正在加载数据...'); window.pageLoading = function (that) { // let disa = $(this).hasClass('layui-disabled'); // if (disa) { /...
如何判断当前页面是否在iframe中
通过如下代码: if(window!=window.top) { alert('在iframe中'); } 或: if(self!=top) { alert('在iframe中'); }
Cron表达式前端组件
jquery-cron: http://shawnchin.github.io/jquery-cron/ github: https://github.com/shawnchin/jquery-cron 在线生成: https://cron.qqe2.com/ 参考: Conversion of jqcron cron format to s...
LayUI让select选中默认值
// 因为是动态写入的数据所以需要先渲染表单再进行以下步骤 form.render(); // 设置value var select = 'dd[lay-value=' + year + ']'; // 查找点击 $('#bookYear').siblings('div.layui-form-s...
LayUI DataTable 查询重置页码的问题
翻页后修改条件重新查询,如不重置页码,会带上当前页码,可能会查不到数据,记得要重置页码: form.on('submit(user-query)', function (data) { table.reload('user-table', { where: data.fi...
Web 3D 演示
https://threejs.org/examples/ http://www.mms3d.cn/html/product/slxm/ https://techbrood.com/ http://www.wjceo.com/
vue 入门
环境准备: 安装Nodejs. 安装cnpm 安装yarn 在nodejs安装目录下创建node_cache,node_global两个子目录: npm配置全局路径: npm config set prefix 'D:\Develop\nodejs\node_global' npm confi...
npm或yarn安装包慢的问题
使用淘宝的源: npm install -g {package} --registry=https://registry.npm.taobao.org 先安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 再使用cnpm安装: cnpm...