Web Front End
文章平均质量分 54
学习、记录、分享、优化。
Q.E.D.
放弃亦是坚持,坚持亦是放弃。
展开
-
Vue - 推荐几个优秀的 Vue 开源项目
Vue 结合了 React 和 Angular 的优点,并且有着团结、活跃且庞大的社区,可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新方法。工具和库的数量也贡献量不断的增加。使用 Vue 的好处 该框架非常小。约为18–21KB; Vue 支持用基于组件的方法来构建 Web 应用; 详细的文档。这对于初学者来说很容易上手; 易于理解。由于其结构简单,你可以轻松地把 Vue.js 添加到自己的 Web 项目里。它凭借定义良好的体系结构来保存你的数据。生命周期原创 2021-10-24 19:30:52 · 198371 阅读 · 1 评论 -
Layui - xm-select第三方组件Tree模式下获取选中的非叶子节点数据
xm-select版本:1.2.4Gitee现在xm-select的on回调中返回的arr、change数据都是叶子节点的数据,想要获取选中的非叶子节点的数据,就只有通过getValue()获取选中的数据后,遍历获取的数据,根据optgroup属性获取到选中的非叶子节点,这种方式能在最终submit前获取。获取选中的数据:可以看到非叶子节点是有一个optgroup属性的,这个属性的官方解释如下:可以理解为这个属性为true的节点就是一个分组节点,我的理解是tree模式下,分组节点就.原创 2021-10-12 22:24:54 · 210059 阅读 · 0 评论 -
Layui - xm-select第三方组件getValue()获取不到值的解决方法
xm-select版本:1.2.4Gitee现象使用layui 第三方控件xm-select时,getValue()有时获取不到值可能原因xm-select渲染、reset、set其中某个方法还未执行完,或加载完,getValue()已经执行获取,所以获取到空数据解决方法延时获取var resourceSelect = xmSelect.render({...});setTimeout(function (){ console.log(resourceSelect.原创 2021-10-12 16:58:01 · 210332 阅读 · 0 评论 -
Layui - switch 开关监听
UI:html代码:<div class="layui-form-item"> <label class="layui-form-label layui-form-required">发送模板消息:<br/>(公众号)</label> <div class="layui-input-block"> <input type="checkbox" name="isSendWechatTemp" lay原创 2021-09-06 16:42:28 · 208628 阅读 · 0 评论 -
Layui - 手动验证表单,可自定义排除
保存草稿的时候不想验证 required 但是需要验证其它版本:layui-v2.3.0在form.js适当位置加上以下代码,z为form表单id,y是不想验证的关键字数组,例如 ["required"]u.prototype.doVerify=function(z,y){ var e = null, a = f.config.verify, s = "layui-form-danger", c = i("#原创 2021-04-14 16:47:02 · 208854 阅读 · 0 评论 -
canvas - 绘制图片,图片变模糊问题解决)
问题:canvas绘制图片,图片变模糊设定一个一定尺寸的canvas,我这里设置的画布大小是400px*400px。当一张图片完全画到画布上的时候,大概率都会出现图片模糊的情况。我拿下面一张图片画到canvas上作为例子,看上去应该比较明显的有模糊的感觉。单方面的去修改图片精度,换成更高清的图片,事实证明确实有一丢丢用,但是效果不是很明显。况且我当时那个图片由于是手绘的,大小有5M,也不会切片加载图片,直接整个加载非常耗时。那么如何去处理这样的问题呢?生活中应该大家都遇到过这样的情况,转载 2022-02-18 23:53:29 · 120046 阅读 · 11 评论 -
fullcalendar - next ,prev等切换月份回调处理
不啰嗦,我们直接开始!fullcalendar 版本:v5.9.0解决方案fullcalendar next ,prev等切换月份的按钮是没有回调函数,要想由回调函数必须用customButtons(自定义按钮,官方文档),它能提供回调函数,然后再回调函数里通过调用this.$refs.calendar.$options.calendar.next();或calendar.next();去切换月份。示例核心代码fullcalendar设置及渲染var nowDate = .原创 2021-09-30 11:13:45 · 215923 阅读 · 9 评论 -
zTree - 根据关键字模糊搜索
说明zTree 是一个依靠 jQuery 实现的多功能 “树插件“。本文通过利用zTree API编写了一个根据关键字进行模糊搜索的demo。整体思路:1. 利用zTree显示完整树结构;2. 根据关键字,筛选出不包含关键字的叶子节点,并将这些不符合条件的叶子节点全部隐藏主要代码一、页面部分1、html页面需要引入以下资源<!-- jquery包,ztree依赖jquery --> <script type="text/javascript" sr.转载 2021-09-15 16:46:20 · 210344 阅读 · 0 评论