干树杈的个人主页 - 动态

2月前

#每天一个知识点#
查找日期位于一年中的第几天
const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);

dayOfYear(new Date()); // 307

展开

前端开发圈

赞过

1

2月前

#每天一个知识点#
console.log要慎用，容易造成内存泄露

前端开发圈

1

2月前

#每天一个知识点#
字符串转成数字

let total = parseInt('453');
let average = parseFloat('42.6');

let total = +'453';
let average = +'42.6';

展开

前端开发圈

2月前

#每天一个知识点#
找出数组中的最大和最小数字
const arr = [2, 8, 15, 4];
Math.max(...arr); // 15
Math.min(...arr); // 2

前端开发圈

2月前

#每天一个知识点# Javascript中是没有整数概念的，但是利用好操作符可以轻松处理，同时获得效率上的提升。 |0和~~是很好的例子，使用这两者将浮点转化成整形效率比parseInt和Math.round要快。
如:
>console.log((9/5)|0); // 1
>console.log((6/5)|0);// 1
>console.log(~~(9/5)); //1
>console.log(~~(6/5)); //1

展开

前端开发圈

2月前

#每天一个知识点#
iframe 有那些优点和缺点?
iframe 元素会创建包含另外一个文档的内联框架 (即行内框架)
优点:
用来加载速度较慢的内容 (如广告)
可以使脚本可以并行下载
可以实现跨子域通信
缺点:
。iframe 会阻塞主页面的 onload 事件
无法被一些搜索引擎索识别
会产生很多页面，不容易管理

展开

前端开发圈

2月前

#每天一个知识点# v-if会调用addIfCondition方法，生成vnode的时候会忽略对应节点，render的时候就不会渲染

前端开发圈

1

2月前

#每天一个知识点#
元素的层叠顺序
（1）背景和边框：建立当前层叠上下文元素的背景和边框。
（2）负的 z-index：当前层叠上下文中，z-index 属性值为负的元素。
（3）块级盒：文档流内非行内级非定位后代元素。
（4）浮动盒：非定位浮动元素。
（5）行内盒：文档流内行内级非定位后代元素。
（6）z-index:0：层叠级数为 0 的定位元素。
（7）正 z-index：z-index 属性值为正的定位元素。

展开

前端开发圈

赞过

1

2月前

#每天一个知识点#
1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据
3.white-space:pre-wrap; 只对中文起作用，强制换行
4.white-space:nowrap; 强制不换行，都起作用
5.white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）

展开

前端开发圈

赞过

3

2月前