![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
weetch
php开发 伪前端 菜鸡Go
展开
-
css如何实现多行省略
单行省略overflow: hidden;text-overflow: ellipsis;white-space: no-wrap;注意这里的容器是需要宽度的多行省略overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;根据实际情况,修改line-clamp ,注意只有基于谷歌内核的浏览器才会生效...原创 2021-01-21 15:01:32 · 172 阅读 · 0 评论 -
css圆角容器改变背景色时圆角失效
圆角的容器,改变背景色时,新背景色却并不是圆角,而是填充的直角:解决办法:给容器加样式 overflow: hidden;原创 2020-12-25 15:48:06 · 479 阅读 · 1 评论 -
微信JSSDK分享实践及常见问题
请仔细查看官方文档 微信JS-SDK绑定js域名登录 微信公众平台 ,选择设置里面的【公众号设置】,选项卡第二栏的【功能设置】,找到【JS接口安全域名】,将需要用到的域名添加,最多添加三个注意:不需要添加http://页面引入js文件<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></scrip...原创 2020-03-25 14:37:23 · 779 阅读 · 0 评论 -
Jquery怎么主动触发事件
我们都知道可以通过Jquery定义事件,如:$("select[name=type]").change(function() { // ...});而实际开发中,除了完全使用 ajax ,那如何在用户填写表单提交后,出现错误进行返回时,保留用户的表单数据呢?Laravel中可以使用 back()->withInput()进行返回,方便快捷,但是如果提交前进行了 js 的一些操作,...原创 2020-03-13 15:53:54 · 512 阅读 · 0 评论 -
如何利用particles.js制作好看的动态炫酷科幻背景
particles.js可以制作好看的动态线条和起伏泡泡的效果图,github地址我制作的效果图:代码建议不要使用github上他提供的css,会导致你的线条一直在底部,无法全屏浮动显示html<div id="particles-js"></div><ul class="bg-bubbles"> <li></li>...原创 2019-12-03 14:30:57 · 1392 阅读 · 0 评论 -
Jquery实现滚动条下移隐藏导航栏,上移浮现导航栏
通过 jquery 实现滚动条上移,导航栏浮现,滚动条下移,隐藏导航栏JS// 导航栏上拉悬浮$(function(){ //页面初始化的时候,获取滚动条的高度(上次高度) var start_height = $(document).scrollTop(); //获取导航栏的高度(包含 padding 和 border) var navigation_hei...转载 2019-11-15 17:59:07 · 1080 阅读 · 0 评论 -
jquery如何获取表单全部数据
Jquery 如何获取表单的全部数据,用于ajax提交var formData = {};var t = $('#Form').serializeArray();$.each(t, function() { formData[this.name] = this.value;});console.log(JSON.stringify(formData));说明:先获取内容,然后...原创 2019-07-09 15:52:49 · 6034 阅读 · 0 评论 -
Materialize时间组件datepicker汉化
首先说明我用的是1.0版本,由于版本差异导致js调用的方法不一致,请注意<input type="text" class="datepicker">$(".datepicker").datepicker({ format: 'yyyy/mm/dd', i18n: { cancel: '取消', clear: '清除', ...原创 2019-05-10 14:49:33 · 857 阅读 · 0 评论 -
JS正则允许数字字母和中文
^[0-9a-zA-Z\u4e00-\u9fa5]+$有时候英文中需要允许空格,可以直接在后面加上手动空格^[0-9a-zA-Z\u4e00-\u9fa5 ]+$名字英文可以分First Name SecondName,但是英文队伍名称,赛事名称就没办法这样操作了...原创 2019-02-27 11:53:50 · 6435 阅读 · 0 评论 -
关于POST请求方式的Content-Type介绍
form-data表单文件的提交方式x-www-form-urlencoded最普遍的,表单、ajax、curl都是默认这个值application/json数据格式是 json,不再是键值对形式text/xml基本被放弃的方式,不如json的简单易读x-www-form-urlencoded 的数据提交方式,其实也是通过参数和值的键值对,拼接到url后面,然后整体进行url en...原创 2018-12-13 18:07:14 · 1516 阅读 · 0 评论 -
关于 ueditor 文本编辑器使用的一些问题
首先,我使用的版本是1.4.2跨域显示内容因为后台上传如果资源只是相对路径,其他域名网站显示,所有资源是无法访问的,因此需要在上传资源后,返回的资源地址,加上后台的域名,形成网络地址可以在 php/config.json 中自定义后端配置// 以图片为例&quot;imageUrlPrefix&quot;: &quot;http://www.xxx.com/&quot;, /* 图片访问路径前缀 */&quo原创 2018-11-28 14:53:15 · 221 阅读 · 0 评论 -
阿里巴巴矢量图标库 Iconfont 的使用
对于我这种兼职写前端的,图标比设计给的图片省事主要使用的是生成在线css链接,然后在用class使用当然生成的链接一般都是//at.alicdn.com/t/font_63需要在前面加上 http:http://at.alicdn.com/t/font_63然后就可以复制样式名使用了 icon-shijian记得在前面加上iconfont iconfont icon-shijian...原创 2018-04-18 14:52:24 · 582 阅读 · 0 评论 -
css单行及多行文字超出部分显示省略号
单行文字overflow: hidden;white-space: nowrap;text-overflow: ellipsis;效果: html<div class="container"> <p>思念是一种眷恋,也是一份无奈,是最后的相信,是错过的无奈,孤独一个人的世界,藏着太多的悲伤,一个人看海,一个人想起,最后错过的爱情风雨,只是孤独的世界,苍老的年华,一个人一段繁华,藏原创 2017-07-27 18:10:37 · 1051 阅读 · 0 评论 -
使用jq和css3自制图片滚轮
目标效果左右按钮控制图片左右切换备注信息从下往上缓慢滑出思路信息滑出很简单,用css3做就行左右控制图片,使用定位做,给五个图片分别定位,命名5个class,当右切换,最左边的class切换成默认left,然后从左至右从新给予定义好的五个class原创 2017-07-26 10:40:14 · 558 阅读 · 0 评论 -
使用jq和css3自制横向左右滑动图片列表
目标效果默认选中第一张,鼠标悬浮缓慢放大图片,底部文字介绍由下往上缓慢滑出,选中后边框效果;左右滑动,距离为四张图片。思路定义一个定宽的容器,然后图片不换行并排显示,超出部分隐藏,隐藏x轴滚动条;左右按钮点击,获取容器的滚动条位置,在此基础上加上固定移动距离,然后重置容器滚动条位置。做法左右箭头可以使用图片,我这里使用的是:before和:after伪类做的,通过倾斜原创 2017-07-25 17:08:57 · 8054 阅读 · 0 评论 -
css height=auto不响应transition
.box{ height: 0; transition: all 0.5s; }.box:hover{ height: auto;}div中有元素撑开,但是auto不会响应transition,但是如果使用定高,里面文字有长有短,短的时候空白就不好看。解决办法使用max-height属性.box{ max-height: 0; transition: al原创 2017-07-31 10:11:53 · 1642 阅读 · 0 评论 -
css3 transition transform属性造成文字抖动
现象:信息栏第一行文字,最后总会抖动原创 2017-07-31 10:05:39 · 16769 阅读 · 1 评论