前端
月亮201314
10年老码农,AIGC技术爱好者。
更多好玩且实用AIGC技术:https://t.zsxq.com/18j0ORxHc
星球号:32767063
往期学习资料:https://pan.quark.cn/s/7173cec616b6
整理AI学习资料库:https://pan.quark.cn/s/05ad7c581caa
展开
-
LAYDATE日历插件使用
在工作中,我们难免会用到日历插件,我一般喜欢用layDate,因为它属性多,设置方便,还有回调函数可以自定义逻辑处理,挺不错的,现在我们就学习使用它~html页面代码:效果如下点击文本框,效果如下 现在我们说说具体的使用方法步骤:首先加载那个js进来,在头部那里加载,然后给你的文本框加个onclick=”laydate()”就行了,如下然后我想换个样式,在页面中头部或者尾部添加下面的代码,如下laydate.skin(‘danlan’);Danlan就是样式名称,有哪...原创 2022-07-13 10:48:58 · 934 阅读 · 0 评论 -
微信网页授权笔记
首先将公众号绑定到微信开放平台帐号后,这样获取的用户数据才有unionid字段,如下如下绑定,如下 也就是我们想在H5页面中想获取用户的UnionID,先到open.weixin.qq.com绑定我们的公众号,然后返回来的数据就有UnionID数据了。然后设置好js接口安全域名和网页授权域名,如下到时我们做好的h5页面的域名就是one.7xxx.com(换为自己的域名)的。然后先确定我们公众号有没有获取用户信息的权限,如下 可知有的。这样准备工作就做好了。然后接着看官网文档,如下网页授权 | 微信开放文原创 2022-06-14 18:42:01 · 473 阅读 · 0 评论 -
vue中兄弟组件间传递数据
兄弟组件怎么传递数据呢?很简单,创建一个空的vue实例,如下然后通过这个空的vue实例来传递数据,怎么做?我先在一个组件里面通过这个空的vue实例派发一个事件,如下然后在另外一个组件监听这个事件就行了,在mounted里面通过on来监听,如下...原创 2022-06-14 17:17:26 · 235 阅读 · 0 评论 -
JavaScript中forEach怎么跳出循环?
JavaScript中forEach循环,break与return都是无法跳出循环,需要使用抛出异常的方式跳出循环。我遍历一个数组,验证数组的每个元素,看看是否符合条件,不符合条件的话,我就退出循环,发现break与return都是无法跳出循环,要使用try-catch才可以跳出循环,如下用throw抛出错误来退出循环,然后在catch里面就可以获取到这个错误信息,然后我们就可以弹出错误信息,如下......原创 2022-06-14 11:01:36 · 725 阅读 · 0 评论 -
公众号h5网站里面跳转到小程序
公众号h5网站里面也可以跳转到小程序的,具体步骤如下:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html大概步骤如下:先声明可以使用的标签,我们使用的是wx-open-launch-weapp标签来跳转到我们的小程序的。然后就可以使用我们的wx-open-lauch-weapp标签来跳转到小程序了,如下<wx-open-launch-weapp style="wid原创 2022-02-23 11:45:50 · 3359 阅读 · 0 评论 -
css文本多行省略
上面是多行文本,我们想要它最多显示两行,多的话用省略号替换,添加下面的样式就行,如下overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;即如下添加后效果如下看,可以。...原创 2022-02-22 16:55:28 · 558 阅读 · 0 评论 -
上传图片并且裁剪
上传图片并且裁剪,可以使用下面这个插件,基于vue的,如下这个插件叫“vue-cropper”,官方文档如下https://codepen.io/xyxiao001/pen/wxwKGz原创 2022-02-19 09:54:39 · 404 阅读 · 0 评论 -
前端实现点击复制功能
点击上面的“点击复制”,实现复制采购单号的功能,使用下面这个插件:https://github.com/zenorocha/clipboard.js/使用如下首先html代码如下(主要看红色划住的代码)js代码如下//点击复制采购单号varclipboard=newClipboardJS('.hook-clipboard');//实例化//复制成功执行的回调,可选clipboard.on('success',function(e){...原创 2022-02-18 10:36:18 · 3770 阅读 · 0 评论 -
json_encode转为json字符串问题
如果我们的数组是空的话,你用json_encode转为json字符串的话,他会转为“[]”,而不是转为“{}”,我们要想我们的空数组转为json字符串是{}的话,要加第二个参数,如下json_encode($post_data,JSON_UNESCAPED_UNICODE)不对,还要先转成对象,然后才行,如下...原创 2022-02-18 10:23:13 · 461 阅读 · 0 评论 -
layer.closeAll()时经常不起作用
在layer弹出的子页面调用layer.closeAll()时经常不起作用,这时我们可以尝试调用parent.layer.closeAll();这样就可以正确的关闭掉所有弹窗页面了。原创 2022-02-18 10:18:16 · 1618 阅读 · 0 评论 -
内容太长换行
看上面的内容,影响排版了,我们设置word-break为break-all就行了,如下效果如下看,正常了。原创 2022-02-16 13:54:57 · 242 阅读 · 0 评论 -
实现文本太长隐藏,点击“点击展开”查看全部
这个代码如下实现$(function(){ $(".hook-more").each(function(){ var maxwidth=15;//设置最多显示的字数 var text=$(this).text(); if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0..原创 2022-01-19 16:07:36 · 835 阅读 · 0 评论 -
select2实现异步获取下拉数据
我想用select2实现这种搜索异步获取下拉数据,怎么做?首先前端代码如下$("#id").select2({ ajax: { type: 'POST', url: "{{route('get_combination_main_goods')}}", //数据请求路径 dataType: 'json', delay: 100, data: function (p...原创 2022-01-19 16:03:35 · 1087 阅读 · 0 评论 -
layer设置弹出层的位置
layer的弹出层我不想再正中显示,我们想在距离顶部10px,然后水平居中,设置offset,如下更offset更多设置如下看看效果,如下滚动的时候我想固定弹出层,不随滚动条滚动而滚动,如下设置fix是true就行了...原创 2022-01-19 10:07:44 · 2466 阅读 · 0 评论 -
div既有背景图片又要有背景颜色怎么做?
背景颜色(background-color)放在后面,背景图片(background: url())放在前面即效果如下看,是不是又有背景图片又有背景颜色了原创 2022-01-18 11:57:33 · 1525 阅读 · 0 评论 -
css缓存问题
如果我们调整网页的时候,样式没有更新,关掉浏览器也没有更新,强制刷新也没有更新,可能我们的样式被浏览器缓存了,我们找到那个css文件,右击选择清空浏览器缓存就可以了,如下这样就清掉了这个css的缓存了...原创 2022-01-14 10:51:54 · 1325 阅读 · 1 评论 -
layer msg弹窗小结
如果我们要设置layer的msg弹出层的关闭时间,设置time,如下layer.msg("支付成功",{icon:6,time:1000},function(){parent.parent.location.href="{:U('Pay/tradingRecord')}";});而不是如下设置,如下time和其他的那个什么icon设置在同一个括号里面的,如下...原创 2022-01-14 10:47:18 · 474 阅读 · 0 评论