不嗑咖啡-CSDN博客

原创实现带圆角的渐变边框（border-image和border-radius不能同时生效问题）

实现效果：渐变圆角边框（效果如下）已知，border-image可以给边框设置渐变效果，border-radius可以设置圆角。ok！然鹅，我的圆角呢！！！布吉岛为什么，写了border-image之后，我的border-radius就无效了！！！哭泣！！！但是，换个思路！不用border-image也可以解决的思路！不如就让我们试试用border-radius和background-image来实现吧！首先给一个div设置渐变背景颜色，然后设置一个paddi..

2020-05-23 00:32:19 12984 7

原创 html+js实现点击按钮复制文本内容到剪切板上

首先需要定义一个input框，如果你想实现的效果是，用户输入后，点击按钮，复制文本框的内容，那这种做法应该是很适合的。<input type="text" value="" id="wechat">在js中：$(".copy-btn").click(function() { var e = document.getElementById("wechat")...

2019-07-15 09:22:10 16261

原创 Thinkphp实现购物车列表界面——商品按商家店铺分类

购物车我建了个表，里面存放：在thinkphp控制器里想通过GROUP('store_id')将数据安照分组分类，但是发现GROUP只能获取出来到分组中的一条数据。查找资料后发现有一个方法：通过GROUP_CONCAT（goods_id)可以获取到每个分组的信息，在数据库中查询结果如图：但是，在thinkphp中还不知道怎么使用这个方法！看到有人说tp5.2...

2019-05-05 23:22:25 2303 1

原创 layui实现三级联动下拉菜单+thinkphp5读取表单提交数据

layui实现三级联动，在网上看到一个插件，挺好用的：原文：https://blog.csdn.net/DSRCCSDN/article/details/84728396插件预览地址：http://www.jpw.net/code/636431820895762098使用了这个插件，基本可以达到自己想要的效果：但是，当需要将数据存进数据库时发现问题。因为插件中inp...

2019-04-19 20:48:50 1625 1

原创 amazeUI中js插件（模态框）如何通过js关闭？

在js插件模态框中添加了一个按钮，希望实现的效果是：点击按钮后，自动勾选复选框，同时关闭模态框。如果单纯改变类名来移出模态框，发现遮罩层很难去除。解决方案：通过$('复选框').prop("",true) 可以将复选框选中通过$('模态框名').modal('close')可直接关闭模态框function agree() { $('#read')...

2019-04-18 14:37:40 1164

原创实现提交表单前先勾选复选框，判断复选框状态

在完成注册功能时，有时候需要实现以下功能（先勾选同意协议，才可以进行下一步）：1.提交表单前判断表单中输入框的状态：（1）在form中加上onsubmit="return check()"，注意要加上return<form action="/home/reg/register" method="post" onsubmit="return check()">...

2019-04-18 12:13:24 2962

转载 js正则表达式判断手机号、邮箱格式

手机号判断： var reg = /^1[3456789]\d{9}$/;if (!reg.test(phone)) {//不符合}邮箱判断：var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;参考：https://blog.csdn.net/qq_31301099/arti...

2019-04-17 23:45:03 400

转载 layui追加或动态修改表单元素不生效

转自：https://blog.csdn.net/qq_29712303/article/details/80030757在layui的post中请求后台，获取数据，数据获取后修改html页面中内容。问题：数据成功获取后，使用html()方法修改元素不生效解决方法：在$.post中最后加上：form.render();官方解释：有些时候，你的有些表单元素可能是动态插入...

2019-04-17 14:28:16 4223

原创 layui中vue.js的v-model无法实现数据双向绑定？

在amazeui框架中可以通过绑定type，触发watch事件，实现三级联动：在layui框架中发现vue的绑定失效，百度了一下发现不止我存在这个问题。解决方法如下：1）在需要设置监听的地方，加上lay-filter="方法名"2）将绑定的方法写在layui表单的on上：layui.use(['form'],function(){ var form = ...

2019-04-17 14:08:58 4941

原创 js实现鼠标悬浮元素出现/隐藏效果

参考慕课网视频：https://www.imooc.com/video/2879实现效果比较简单，实现方法也不难，但有些细节需要注意。最终效果如图：鼠标移到“分享”上方时，粉红色div缓慢出现：鼠标移开时，自动缓慢隐藏实现思路：首先是给div定义一个left，且值为负数，使之隐藏。通过js鼠标事件，使用定时器，改变left的值。实现代码：<!D...

2018-12-05 09:55:51 7500

原创 [MOOC]JavaScript深入浅出01——数据类型

一、js有6中数据类型：1.原始类型：number、string、boolean、null、undefined2.object 对象（包括数组Array、Date、Function）二、js中的隐式转换1.“37” - 7 =&gt; 30; “37” + 7 =&gt; 377;巧用+/-规则转换数据类型：将一个变量转换为number类型：num-0 将一个numb...

2018-12-02 09:53:28 261

转载 WebStorm2018版激活破解方法

参考百度经验：https://jingyan.baidu.com/article/77b8dc7faa0ece6174eab6d8.html

2018-11-21 16:19:23 437

code_5的博客