- 博客(18)
- 收藏
- 关注
RSS订阅原创 axios problem
axios报Uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL’)是axios版本问题，重新安装axios@0.21版本重新run dev解决
2022-02-06 23:48:34
549
原创 移动端适配
移动端适配< meta name=“viewport” content=“width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0”>
2021-04-20 13:34:12
77
原创 滑动事件
滑动到一定位置出现交互$(function () {$ (window).scroll(function () {if ($(window).scrollTop() > 1000) {} else {}});})
2021-04-20 11:39:45
77
原创 移动端适配尺寸
@media screen and (max-width:1780px){}@media screen and (max-width:1680px){}@media screen and (max-width:1520px){}@media screen and (max-width:1401px){}@media screen and (ma
2021-04-20 11:36:40
293
原创 弹性盒子属性
/* felx-shrink 收缩系数为0时，当前元素不被挤压 */flex-shrink: 0;盒子里面内容均等分justify-content: space-between; 不用再给每个内容margin
2021-04-20 11:34:45
65
原创 多行溢出省略号&单行溢出省略号
多行溢出省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;单行溢出省略号overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
2021-04-20 11:32:59
40
原创 实时获取屏幕大小
window.onresize = function () { var scw = document.documentElement.clientWidth; if (scw == 0) { &nb
2021-04-20 11:31:00
62
转载 css选择器:last-child和:last-of-type区别
结论：1.:last-child表示其父元素的最后一个子元素，且这个元素是css指定的元素，才可以生效2.:last-of-type表示其父元素下的最后一个指定类型的元素，不必要求父元素最后一个子元素与css指定元素一样:last-child:last-of-type...
2021-04-15 17:00:54
635
转载 你真的了解word-wrap和word-break的区别吗？
**你真的了解word-wrap和word-break的区别吗？**这两个东西是什么，我相信至今还有很多人搞不清，只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句，又或者是因为这两个东西实在是太拗口了，长得又差不多，导致连背都很难背下来。那它们到底是什么呢？我在mozilla的官网上找到如下的解释：word-wrapword-break我们看到两个解释中都出现了 break lines within words 这样
2021-04-14 14:24:47
59
原创 分享两个UI编译器
PC端UI框架：https://www.layui.com/移动端UI框架：https://dev.dcloud.net.cn/mui/
2021-04-13 13:28:40
90
原创 placeholder字体颜色设置
placeholder字体颜色设置input::-webkit-input-placeholder {color: #ccc;}input::-moz-input-placeholder {color: #ccc;}input::-ms-input-placeholder {color: #ccc;}
2021-04-07 17:20:18
442
转载 li标签display：inline排列时出现的空隙问题
li标签display：inline排列时出现的空隙问题原因：由于空格和回车键造成的；解决方案：方案一：将每个li标签连起来<ul> <li></li><li></li></ul>方案二：给父元素设置font-size：0；<ul style=“font-size：0”> <li></li> <li></li></ul>版权声明：本文为C
2021-02-26 10:49:25
123
转载 inline-block导致的错位问题详解
如图：想要让黄、红两个盒子水平排列，方法有很多，有position定位，float浮动，实在不行还有弹性盒display：flex；还有一种方法就是display：inline-block；将其变成行内块元素，便可以水平排列，但是问题就出现在了这里，当我们设置display：inline-block；后会出现下图的情况出现这种错位的原因，其实是因为我们编写css所使用的编辑器，给每一个元素都添加了一个默认的vertical-align:baseline;属性；baseline是基线对齐的意思，基线即我们
2021-02-25 16:19:20
729
原创 高度塌陷的解决办法
解决方法：1.给父元素添加overflow:hidden2.在浮动元素的后面添加空div标签，且其样式div{overflow:hidden;clear:both;hight:0}3.伪元素清除(给浮动的父元素添加class，class名为clearfix).clearfix::after{content:"";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}...
2021-02-25 11:16:36
42
原创 问题：jq中只有slideDown()和slideUp()或者slideToggle()，想要左右滑动怎么办
闲话2Q:jq中只有slideDown()和slideUp()或者slideToggle()，想要左右滑动怎么办A：slideToggle()的原理就是通过改变元素的高度使得元素由上至下或反之进行伸缩，故可用animate来模拟左右滑动（animate(width:‘toggle’);）...
2021-02-23 21:37:53
720
原创 问题：a标签里嵌套img总是多4个像素
闲话1Q：a标签里嵌套img总是多4个像素A：img是行内元素，下边缘与基线对齐而没有贴紧a标签容器的下边缘。将img设置为块元素即可（display:block）
2021-02-23 21:32:47
143
原创 数据结构——8大排序算法
数据结构——8大排序算法冒泡排序 思路： 1.将序列左右元素进行依次比较，始终保持右边元素比左边大（循环一次时最右边元素为序列最大） 2.重复步骤1，序列长度为**n**，则需要进行**n-1**次循环（while循环可少于**n-1**次） 代码展示： var temp; function sort(el) { for(var i = 0; i< el.length - 1; i++) { for(var j = 0
2020-11-29 23:15:09
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人