<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_35752802的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_35752802</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_35752802]]></copyright><item><title><![CDATA[font-weight与ps字体粗细对应]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103919224</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103919224</guid><author>qq_35752802</author><pubDate>Fri, 10 Jan 2020 09:48:06 +0800</pubDate><description><![CDATA[UltraLight=100
Thin=ExtraLight=200
Light=300
Book=Regular=Normal=400
Medium=500
DemiBold=SemiBold=600
Bold=700
ExtraBold=800
Heavy=Black=Ultra=UltraBlack=900
Fat=ExtraBlack=1000

]]></description><category></category></item><item><title><![CDATA[css 实现圆角边框和文字同时渐变的效果]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103834204</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103834204</guid><author>qq_35752802</author><pubDate>Sat, 04 Jan 2020 16:07:31 +0800</pubDate><description><![CDATA[因为是圆角边框，没法直接用border-image来实现
直接用一个盒子实现效果时发现文字的渐变效果就没有了，-webkit-background-clip：text这个属性加不上
查看了资料，本来想用 buy-now 盒子的after属性来实现圆角边框，可是也有冲突，实现不了
最后加了一个盒子才实现，父盒子实现圆角边框渐变效果，子盒子实现文字渐变效果
没想到小小的效果居然这么麻烦
&lt;div...]]></description><category></category></item><item><title><![CDATA[展示历史事件布局]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103294063</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103294063</guid><author>qq_35752802</author><pubDate>Thu, 28 Nov 2019 15:30:31 +0800</pubDate><description><![CDATA[记录下这个布局的实现吧
中间的线是背景图片，由一张很小的线的图片在y轴重复而成
background: url(./../images/solid.jpg) repeat-y center center;

左边的内容左浮动，文字居右对齐
右边的内容右浮动，文字居左对齐
中间的方块是绝对定位上去的
每个li的宽度用百分比在响应式中也毫无压力
.stage-event-box li.fr {
  ...]]></description><category></category></item><item><title><![CDATA[响应式布局的一些心得]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103277854</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103277854</guid><author>qq_35752802</author><pubDate>Thu, 28 Nov 2019 15:08:22 +0800</pubDate><description><![CDATA[公司太坑，先是说不做响应式，然后做完了又要加响应式，简直坑死人了。
通过改成响应式的时候也事发现自己写样式时的一些不足吧，总结下来。
将所有的单位改成rem，我设置的是100px = 1rem，毕竟好算啊，不然那么多值我还得用计算器敲，
然后分阶段用媒体查询重新设定比例，实现自适应
html,body{
    font-size: 100px !important;
}

@media only...]]></description><category></category></item><item><title><![CDATA[下拉列表select的样式处理]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103089926</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103089926</guid><author>qq_35752802</author><pubDate>Wed, 27 Nov 2019 16:07:22 +0800</pubDate><description><![CDATA[更改箭头样式
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   background: url("./../images/select-arrow.png") 215px center no-repeat;


]]></description><category></category></item><item><title><![CDATA[不定高度的slideUp动画效果]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103277433</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103277433</guid><author>qq_35752802</author><pubDate>Wed, 27 Nov 2019 16:02:21 +0800</pubDate><description><![CDATA[slideUp动画效果可以通过给盒子高度设置为0，hover时给盒子真正的高度，然后用transition来实现动画效果。
但是由于网页是响应式的，而且有一组盒子，盒子的内容又不一致，实在无法设置统一的高度。
最后给盒子设置max-height：0，hover时设置max-height：最高盒子的高度来实现动画效果。


...]]></description><category></category></item><item><title><![CDATA[获取某一年的起始时间和结束时间]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103089646</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103089646</guid><author>qq_35752802</author><pubDate>Fri, 15 Nov 2019 18:12:20 +0800</pubDate><description><![CDATA[Date第三个参数设置为1可获得该月的起始时间
Date第三个参数设置为0可获得该月的结束时间
返回的日期格式是 Tue Dec 31 2019 00:00:00 GMT+0800 (中国标准时间) 这种的
可以用正则表达式把它转换为 yyyy-MM-dd HH:mm:ss 这种格式的
var yearStartDate = new Date(years, 1, 1);
var yearEndDa...]]></description><category></category></item><item><title><![CDATA[jquery ajax 传递数据格式是formatData]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/103089278</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/103089278</guid><author>qq_35752802</author><pubDate>Fri, 15 Nov 2019 17:42:08 +0800</pubDate><description><![CDATA[formatData是用于获取表单数据，方便提交
添加数据
var formatData = new FormData();
formatData.append("filter", `{"createtime": ${date} }`);
formatData.append("op",'{"createtime":"RANGE"}');

获取数据
formatData.get("filter")...]]></description><category></category></item><item><title><![CDATA[js/css插件总结]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/102819077</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/102819077</guid><author>qq_35752802</author><pubDate>Wed, 30 Oct 2019 15:52:33 +0800</pubDate><description><![CDATA[定位导航滚动插件 jQuery-One-Page-Nav
下载链接: git

&lt;ul id="nav"&gt;
    &lt;li&gt;&lt;a href="#a0"&gt;花卉详情&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#a1"&gt;介绍&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a...]]></description><category></category></item><item><title><![CDATA[phpstorm+xdebug+php调试遇到的大坑]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/102370383</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/102370383</guid><author>qq_35752802</author><pubDate>Tue, 08 Oct 2019 11:14:57 +0800</pubDate><description><![CDATA[每次调试只能进到index.php的第一行，按下一步调试就停止了，调试框里面显示frames are not avaliable. 本来以为是配置出了问题，一直在修改各种配置，但没有用，配置过程链接。然后也是根据php版本来下载xdebug版本，所以两者是对应的。最后查了好几天，有人说是phpstorm版本过低，感觉自己突然找到了明灯，因为我的xampp下载的是最新版本，所以php的版本肯定是最高...]]></description><category></category></item><item><title><![CDATA[tp6.0框架和应用项目安装]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100574344</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100574344</guid><author>qq_35752802</author><pubDate>Fri, 06 Sep 2019 11:20:55 +0800</pubDate><description><![CDATA[今天在github上下载了最新的tp v-6.0 应用项目和框架，应用项目改为zerg，核心框架改为thinkphp放入zerg中，zerg放到xampp/htdocs中，然后访问http://localhost/zerg/public/失败，报错如下

在网上搜了半天说是没装composer,因为之前在家下载的是v5.0.7没有出现这个问题，很奇怪啊
然后按照网上的步骤下载composer，安装...]]></description><category></category></item><item><title><![CDATA[jQuery的选择器]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100534156</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100534156</guid><author>qq_35752802</author><pubDate>Wed, 04 Sep 2019 14:44:58 +0800</pubDate><description><![CDATA[this元素的直接子元素选择器
jQuery(this).children('.race-day-info')

this元素的兄弟选择器
jQuery(this).siblings('li')

not选择器
jQuery('#datetimepicker .day').not('.old').not('new')


...]]></description><category></category></item><item><title><![CDATA[jQuery获取元素尺寸的一些方法]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100533155</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100533155</guid><author>qq_35752802</author><pubDate>Wed, 04 Sep 2019 10:30:25 +0800</pubDate><description><![CDATA[返回或设置文档的滚动条的垂直位置。

jQuery(window).scrollTop()
jQuery(window).scrollTop(offset)


网页工作区域高度

jQuery(window).height()


整个网页文档的高度

jQuery(document).height()


某个元素相对于document文档的坐标

jQuery(ele).offset()....]]></description><category></category></item><item><title><![CDATA[条纹背景]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/99647482</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/99647482</guid><author>qq_35752802</author><pubDate>Wed, 04 Sep 2019 09:37:39 +0800</pubDate><description><![CDATA[background-image: linear-gradient(45deg, transparent 0, transparent 40%, #163663 40%, #163663 50%, transparent 50%, transparent 90%, #163663 75%, #163663);
 background-size: 10px 10px;

45deg表示条纹倾斜角度...]]></description><category></category></item><item><title><![CDATA[table]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100523649</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100523649</guid><author>qq_35752802</author><pubDate>Wed, 04 Sep 2019 09:34:35 +0800</pubDate><description><![CDATA[使表格之间分离
border-collapse:separate;
border-spacing:0.5rem 0.5rem;
table的td不显示省略号
给table设置固定表格布局
参考链接

table{
	table-layout: fixed;
	width：100%；
}


表格竖向排列


&lt;table&gt;
    &lt;tr&gt;
        &lt;th&...]]></description><category></category></item><item><title><![CDATA[bootstrap]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100523254</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100523254</guid><author>qq_35752802</author><pubDate>Tue, 03 Sep 2019 17:21:45 +0800</pubDate><description><![CDATA[显示省略号（一行搞定 nice）
class = “text-truncate”
盒子阴影
class=“shadow-sm”
宽度
w-25
w-50
w-75
w-100
w-auto
高度
h-25
h-50
h-75
h-100
h-auto
最大宽度 最小宽度
mh-100
mw-100

...]]></description><category></category></item><item><title><![CDATA[css布局之上下两列多个元素对齐]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100130608</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100130608</guid><author>qq_35752802</author><pubDate>Thu, 29 Aug 2019 09:52:50 +0800</pubDate><description><![CDATA[图片和下面的队名对齐，中间盒子居中
分为上下两个盒子 本来用flex布局的justify-content-around但没法完全对齐，因为每个小盒子的宽度都不一致
改成左右浮动，上下盒子宽度均为40%，然后内容居中对齐

...]]></description><category></category></item><item><title><![CDATA[jquery的类选择器的数组使用方法]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100089830</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100089830</guid><author>qq_35752802</author><pubDate>Tue, 27 Aug 2019 09:38:49 +0800</pubDate><description><![CDATA[jQuery(’.animate-text-box’)[i] 得到的是js对象，不能直接调用jQuery方法
可以用each方法用jQuery(ele)得到jQuery对象
jQuery('.animate-text-box').each(function(index,ele)
{
	var offsetTop = jQuery(ele).offset().top;
}


...]]></description><category></category></item><item><title><![CDATA[瀑布流的使用]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/99983482</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/99983482</guid><author>qq_35752802</author><pubDate>Mon, 26 Aug 2019 15:18:04 +0800</pubDate><description><![CDATA[今天做的新闻列表，本来用bootstrap的网格样式来实现，但因为每个新闻的图片大小不一致，所以每行列表的顶部对齐，底部不对齐，有点奇怪，要求改成瀑布流。
bootstrap 的网格效果在每行的大小都是一样的，这是因为row默认不指定align-items这个样式, 而该样式不指定默认为stretch(拉伸), 因此当第一列将row撑高后, 第二列也会被拉伸, 这种情况给row指定下align-i...]]></description><category></category></item><item><title><![CDATA[flex-shrink的使用]]></title><link>https://blog.youkuaiyun.com/qq_35752802/article/details/100038249</link><guid>https://blog.youkuaiyun.com/qq_35752802/article/details/100038249</guid><author>qq_35752802</author><pubDate>Fri, 23 Aug 2019 15:40:04 +0800</pubDate><description><![CDATA[最近工作用到flex布局，左边自适应宽度flex-fill，右边固定宽度
但是发现右边显示的宽度比设置的小
原来他的宽度是被压缩了，加上flex-shrink：0就可以了
不过这个属性是在父容器空间不足时才会压缩，我的这种情况并没有

...]]></description><category></category></item></channel></rss>