- 博客(17)
- 收藏
- 关注
RSS订阅原创 用border画有边框的三角形
下边这种图每个三角形是怎么画的呢？其实它并不是一个div，而是用设置了宽度的border画的 原理：一个border是由上下左右四个小三角形组成的，它的宽度就是下边这个正方形的边长代码如下：<div id="triangle"></div>#triangle { width: 0; height: 0; border-width: 30px; ...
2018-07-19 19:56:13
2684
原创 块级元素在同一行展示的方法
<div id="container"> <div class="div">1</div> <div class="div">2</div> <div class="div">3</div></div&g
2018-07-19 18:39:52
20648
原创 -webkit-overflow-scrolling: touch用途
h5的页面在ios的浏览器展示时，滚动可能会出现不连贯、卡顿的情形-webkit-overflow-scrolling: touch的作用是开启滚性滚动和回弹
2018-07-18 19:25:45
890
原创 超出指定文本宽度展示省略号
{ overflow: hidden; /*超出宽度隐藏*/ white-space: nowrap; /*不换行*/ text-overflow: ellipsis; /*文字超出部分用省略号展示*/}注：text-overflow: clip是文本超出部分直接截断...
2018-07-17 21:30:26
271
原创 div中放置img元素下方会有空白的问题
首先说原因：img是行内置换元素，所以它和文字一样，是有行高的，图片默认和文字的下方基线对齐 解决有以下几种方式：将img设置display:block;不是行内元素了，自然也就没有行高了 给div设置line-height:0;即将基线和bottom下方的高度设成0，就取消了空白 给img设置vertical-align:bottom/middle/top;这样就修改图片与下方botto...
2018-07-17 21:14:38
629
原创 js判断移动端的屏幕滑动方向
思路：分别利用touchstart和touchmove事件获取开始滑动时和滑动过程的坐标，然后利用两者获取的横、纵坐标的差值判断代码示例：var startX,startY; // 定义全局坐标变量touchStartHandle(e) { try { startX = Number(e.touches[0].clientX); startY = Number(e.touch...
2018-06-28 17:24:00
1485
原创 js判断数组的方法
如果用 typeof 判断类型时，array，object和null类型都是 object，所以无法区分数组和对象。以下是几种清晰判断数组的方法：var arr =[];var obj = {};var str = ''; 方法一：IsArray() Array.isArray(arr); // true 方法二：instanceof arr instanceof...
2018-06-28 10:46:39
201
原创 关于js中回调函数的理解
我理解的回调函数：1.函数a作为一个参数传递给另一个函数b，那么a就是一个回调函数2.其实回调函数是一个闭包3.回调函数是实现异步编程的一种重要方式，b的处理一般是比较耗时的，a需要依赖b的处理结果，此时可以将a写成是b的回调函数；b以后的任务不会被b阻塞，可以继续执行参考文章...
2018-06-27 14:59:16
246
原创 absolute和fixed定位的区别
两种定位的共同点：都会脱离当前文档流，触发BFC区别：相对定位的元素不同：absolute是相对于离它最近的有定位的父元素进行定位（如果没有定位的父元素则相对于浏览器窗口）；fixed是相对于浏览器窗口定位在有滚动条的页面中，absolute会跟随页面滑动，fixed不会滑动，始终固定在同一位置...
2018-06-26 15:04:03
6982
原创 scroll的条件
1.父元素设置高度，并且overflow为scroll或auto(默认是visible)2.内容区高度大于其父元素3.在移动端的浏览器中有个特性：当内容区超出视窗范围会自带滚动效果，此时不必设置父元素scroll...
2018-06-25 11:09:13
680
原创 常用动画二：心跳效果
HTML<div class="div"></div>CSS.div { width: 100px; height: 100px; background: red; border-radius: 50%; animation: beat 1.5s infinite;}@keyframes beat { from { wi...
2018-06-21 17:06:30
1553
原创 常用动画一：缓缓收起顶部栏
HTML<div class="div"></div>CSSbody { margin: 0;}.div { height: 100px; background-color: cyan; border:1px solid red; transform-origin: top; animation: moveup 3s fo...
2018-06-21 16:46:59
222
原创 git常用指令与常见问题
刚建的分支，拉代码时可能出现这个错，意思是你本地分支还没有和远程分支建立联系解决方式也很明确，已经给出了解决方案，输入下边指令即可：其中branchname是你建的分支的名字git branch –set-upstream-to=origin/branchname branchname多个工作分支并行工作情形：将正在操作的分支暂存git add .git stash查看暂存的分支git stash...
2018-04-28 17:20:11
148
原创 nvm、npm与node
nvmnvm是mac中的node管理工具。实际开发中，可能有几个项目需要同时开发，而每个项目运行所依赖的node环境可能不同，此时可以使用nvm来安装或指定不同项目的node版本：根据项目需要安装node版本:（注意：项目的node版本和本地的node版本不匹配也可能引起不可预知的冲突，这个坑踩得。。说起来都是泪~）nvm install 4.4.5你可以使用nvm列出所有安装过的node：我装了...
2018-04-26 16:36:13
376
原创 行内元素和块级元素的居中
1.水平居中：（1）行内元素： 对该行内元素的父元素设置text-align:center（2）块级元素： 对该块级元素设置margin:0 auto（3）弹性盒子中的水平居中： 将某元素定义为弹性盒子：display:flex; 然后在水平方向居中盒子内的元素：justify-content:center;2.垂直居中：（1）行内元...
2018-03-05 20:12:07
2130
1
原创 管理nginx进程&启动
问题：作为一个技术小白，今天启动nginx时提示如下：即80端口已经被占用。为什么会这样？怎么办呢？原因：可能是上一次nginx没有关闭，开启两次，本机80端口被nginx自身占用。解决：第一步：ps -ef |grep nginx查看nginxs的进程：第二步：找到主进程对应的pid第三步：杀死主进程sudo kill -quit 1744或者强制停止nginx:pkill -9 nginx第四...
2018-01-30 19:03:42
9001
原创 常用mac终端指令
1.ls 列出当前文件夹下的所有文件 1）-l 列出文件的详细内容 2）-a 列出包含隐藏文件的内容2.cd 进入到某文件下 1）cd ~ 回到系统home目录2）cd / 回到根目录 3）cd.. 回到上一层目录3.mkdir 新建文件夹4.touch 新建文件5.rm 删除文件或目录 1）-f 强制删除2）-r 删除所有的文件和目录（包括隐藏的）3）-rf 强制删除所有文件和目录6.mv 移动...
2018-01-29 10:42:35
738
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人