前端
本栏目主要讲解关于前端学习的方式方法,内容笔记以及相关前端练习
ai初晨
一枚前端程序猿,努力搬砖。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js模拟小球自由落体运动
<script> (function () { //创建小球 var ball = document.createElement("div"); //设置小球的样式 ball.style.width = "100px"; ball.style.height = "100px"; ball.style.backgroundColor = "#ff6700"; ball.style原创 2020-11-02 18:28:47 · 1215 阅读 · 1 评论 -
js实现【得到指定格式的日期】
function dateFormat(date) { //判断是否是日期 if (!(date instanceof Date)) return Date.parse(date); //得到年月日 星期几 时分秒 let year = date.getFullYear(); let month = date.getMonth() + 1; let date1 = date.getDat原创 2020-10-24 10:09:20 · 671 阅读 · 0 评论 -
Js实现【计算指定日期是今年的第几天】
function getDayNum(date) { if (!(date instanceof Date)) return undefined; //先获得当前时间 let nowDate = new Date(date.getFullYear(), 0, 1); //计算时间差 let timeDis = date - nowDate * 1; return Math.ceil(ti.原创 2020-10-24 10:08:09 · 1667 阅读 · 0 评论 -
js实现两个数交换
// 实现两个数的交换问题 举个栗子: var num1 =10; var num2 = 20; //输出结果: num1 = 20; num2 = 10; 1.方法一: - 使用中间变量进行交换两个数 var num1 = 10; var num2 = 20; var tmp = num1; num1 = num2; num2 = tmp;//实现了两个数的交换,由于声明中间变量,浪费内存 2.方法二: - 使用加法和减法实现两个数交换 var num1 = 10; var num2 = 20; nu原创 2020-10-15 13:31:08 · 3379 阅读 · 0 评论 -
清除浮动影响的方法
高度塌陷问题: 当子元素设置浮动后,子元素脱离文档流,不占据原来的位置,原位置不保存,因此父元素的高度塌陷,后面在文档流中的元素会往上走,此为高度塌陷问题。 解决办法: - 浮动元素的父元素加高(高度已知) - 浮动元素的父元素加overflow:hidden|auto 自动找回高度,当子元素溢出时,他会被隐藏 - 浮动元素的父元素加浮动,开启BFC - 受影响的元素加clear:both - 空div法 创建一个div,给其设置属性为clear:both - 伪对象法 <div class="con原创 2020-10-07 15:11:03 · 210 阅读 · 0 评论 -
元素在(脱离)文档流的特点
0.常见的块级元素、行内元素、行内块元素 块级元素: p h1~h6 div hr ul li ol dl dd dt form header main nav article section aside footer 行内元素: span a b i u del s strong small big em sub sup 行内块元素: img button input textarea select video audio 1.元素在文档流中的特点原创 2020-10-07 15:04:31 · 584 阅读 · 0 评论 -
zeal打开HTML总是显示reload page解决方法
解决方法如下:以html文档为例,我的zeal安装在C盘 打开C:\ProgramFiles\Zeal\HTML.docset\Contents\Resources\Documents\developer.mozilla.org\static\build\js 删除react-main.7daa8dfb7edo.js CSS文档显示方法和HTML一样,之后我们就可以正常查看文档了。 ...原创 2020-06-25 16:57:16 · 1392 阅读 · 0 评论
分享