Web共26篇
echars图表大合集-JoyCode 编程小战

echars图表大合集

https://www.isqqw.com/
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走7个月前
00
LayUI结合Vue-JoyCode 编程小战

LayUI结合Vue

参考: Vue:vue中使用layUI layui结合Vue使用,初始化layui.use解决办法
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
00
前端UI框架-JoyCode 编程小战

前端UI框架

Bootstrap: https://getbootstrap.com/ Materialize: https://materializecss.com/
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
00
SVG生成器-JoyCode 编程小战

SVG生成器

Trianglify:http://qrohlf.com/trianglify/ 在线演示:http://www.yyyweb.com/demo/trianglify/ 参考: 免费在线SVG神器集合:渐变、背景、装饰图形、等距设计生成器
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
00
Naive UI 前端组件相关-JoyCode 编程小战

Naive UI 前端组件相关

Naive UI 官网:https://www.naiveui.com/ Naive Admin 官网:https://www.naiveadmin.com/
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
00
web界面实现新用户引导-JoyCode 编程小战

web界面实现新用户引导

官网: https://kamranahmed.info/driver.js/ 参考: Web页面用户分步操作引导插件——driver.js 原生js实现新手引导功能(vue项目)
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
00
Windows下Node.js开发环境搭建-JoyCode 编程小战

Windows下Node.js开发环境搭建

首先安装nvm,这是一个多版本的Node.js环境管理工具,windows版本的github地址为: https://github.com/coreybutler/nvm-windows 安装后它会使用一个软连接指向当前使用的Node.js版本,本例中指...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
00
pear admin layui滚动条样式-JoyCode 编程小战

pear admin layui滚动条样式

找到table.css文件,修改样式.layui-table-body::-webkit-scrollbar如下: .layui-table-body::-webkit-scrollbar { width: 12px; height: 12px; } 也可以通过data table的render的done事件进行...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走1年前
20
layu弹出层表单提交及数据交互-JoyCode 编程小战

layu弹出层表单提交及数据交互

参考: 【解决】LayUI表单验证,提交按钮在弹出层,lay-verify失效的情况 layui弹出层子页面获取父级页面元素 layui 弹出iframe选择数据并获取数据
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
00
LayUI使用第三方插件:-JoyCode 编程小战

LayUI使用第三方插件:

参考: layui 加载第三方插件 【layui】扩展组件xm-select 下拉框带搜索功能 异步请求接口 ajax加载数据 layui中form表单相关问题(动态下拉框获取value,请求接口,自定义校验)
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
00
layui datatable 行高亮相关-JoyCode 编程小战

layui datatable 行高亮相关

要改变标题样式,可以在done事件中动修改: table.render({ elem: '#user-table', url: '/admin/device/meter/electric/list', page: true, cols: cols, autoSort: true, even: true, toolbar: ...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
00
layui的datatable翻页相关-JoyCode 编程小战

layui的datatable翻页相关

一个自定义翻页时弹层显示消息的例子: index = layer.msg('正在加载数据...'); window.pageLoading = function (that) { // let disa = $(this).hasClass('layui-disabled'); // if (disa) { /...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
10
如何判断当前页面是否在iframe中-JoyCode 编程小战

如何判断当前页面是否在iframe中

通过如下代码: if(window!=window.top) { alert('在iframe中'); } 或: if(self!=top) { alert('在iframe中'); }
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
10
Cron表达式前端组件-JoyCode 编程小战

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...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
30
关于laydate的使用-JoyCode 编程小战

关于laydate的使用

参考: layui 时间控件二次渲染,点击一个自定义按钮清空/重置时间控件
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
00
LayUI让select选中默认值-JoyCode 编程小战

LayUI让select选中默认值

// 因为是动态写入的数据所以需要先渲染表单再进行以下步骤 form.render(); // 设置value var select = 'dd[lay-value=' + year + ']'; // 查找点击 $('#bookYear').siblings('div.layui-form-s...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
10
LayUI DataTable 查询重置页码的问题-JoyCode 编程小战

LayUI DataTable 查询重置页码的问题

翻页后修改条件重新查询,如不重置页码,会带上当前页码,可能会查不到数据,记得要重置页码: form.on('submit(user-query)', function (data) { table.reload('user-table', { where: data.fi...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
10
Web 3D 演示-JoyCode 编程小战

Web 3D 演示

https://threejs.org/examples/ http://www.mms3d.cn/html/product/slxm/ https://techbrood.com/ http://www.wjceo.com/
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走2年前
00
vue 入门-JoyCode 编程小战

vue 入门

环境准备: 安装Nodejs. 安装cnpm 安装yarn 在nodejs安装目录下创建node_cache,node_global两个子目录: npm配置全局路径: npm config set prefix 'D:\Develop\nodejs\node_global' npm confi...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走3年前
00
npm或yarn安装包慢的问题-JoyCode 编程小战

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...
螃蟹横着走的头像-JoyCode 编程小战螃蟹横着走3年前
00