requestIdleCallback

| 前端 | | 暂无评论 | 849 views

之所以单独拿出来说这，其实是给自己一个提醒。前两天去了“汽车某某”的公司面试，一开始问我是否知道RAF这个简称，是做性能优化的时候用到的，我说是requestAnimationFrame吗，巴拉巴拉说了一些，然后问我RIF，我猜测跟RAF同类型吧，但是我没用过。回来后我查了一下，其实是这个，so it is“RIC” window.req……

js获取屏幕宽度

| 前端 | | 暂无评论 | 6067 views

先来看一下js常见的方法 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的……

神烦的__proto__、prototype、constructor

| 前端 | | 暂无评论 | 1189 views

三个东西真的很常见，但是看到就烦，为了让自己心情好点，索性好好琢磨一下。 __proto__ 是为了找对象的原型，继续找原型的原型，最终为null，是真正的原型链。里面会有js默认的对象属性和方法，普通函数和构造函数都可以直接用。可以把它理解为一种结构形式的链式关系。看下图 prototype 是构造函数继承链，也就是说只有在构造函数中才……

几个常用的CSS对比

| 前端 | | 暂无评论 | 8880 views

1、隐藏元素 常见的方法：dispaly、opacity、visibility，区别如下： opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的，子元素受影响。 visibility=hidden，该元素隐藏起来了，但不会改变页面布局，但是不会触发……

前端架构师是干嘛的

| 前端,鲜货 | | 暂无评论 | 7847 views

曾经有面试官问我，我是怎么理解前端架构或者前端架构师是干什么的。当时只说了一个技术选型和优化，但后来细想了一番，这个问题其实很好回答的，我的意思不是说可以从网上资料上获取，而是自己的经验上就有一定的反馈，虽然做得架构不大，但是也从头到尾去做了一遍。 下面我们就来细说一下架构这个东西。 1、方案设计和技术选型：这个是一个常见职责了，需要结合……

web存储

| 前端 | | 暂无评论 | 15368 views

Cookie： 生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 存放数据大小为4K左右 。有个数限制（各浏览器不同），一般不能超过20个。与服务器端通信：每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题。 Session： 是存在服务器的一种用来存放用户数据的类HashTable结构。……

Js中的连等赋值

| 前端 | | 暂无评论 | 9047 views

1
2
var a=1,b=1;
var a=b=1;

以上两种定义方式有什么不同

1
2
3
4
5
6
function test1() {
    var a=b=1111;
}
test1();
console.log(a); //a is not defined
console.log(b); //1111

b成为了全局变量。下面再看一个：

1
2
3
4
5
6
7
var a=1,b=2,c=3;  
(function(){
   var a=b=1;
})();
 
console.log(a); //1
console.log(b); //1

同样这个例子其实考察到闭包的问题，b=1进行了全局更改，所以最后输出了1 上面都……

免费使用PHPStorm

| 鲜货 | | 暂无评论 | 26477 views

使用的开发工具过期好尴尬，现在告诉你怎么办，依次选择菜单 Help->Register->License server，或者在弹出提醒的界面点击输入key，有几种选项，找到一个server，输入这个：http://idea.kbit.wang 这个地址提供了IntelliJ IDEA License Server，同时支持多种工具。

js闭包

| 前端 | | 暂无评论 | 6392 views

js的闭包，简单来说就是提供了一个在外部访问另一个函数内部局部变量的方式。 先写一个常见的例子：

1
2
3
4
5
6
7
8
9
10
var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
add();
add();
add();
// 计数器为 3

注意: 为什么上面这段代码没有直接写的 function add (){…} 而是把function赋值给了变量add呢? 我们通常会想当然的认为每次调用 add(……