作者：Villen

成长，需要不断的努力和积累！

前端架构师是干嘛的

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

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

web存储

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

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

Js中的连等赋值

| 前端 | | 暂无评论 | 15304 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

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

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

js闭包

| 前端 | | 暂无评论 | 10795 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(……

大小公司面试比较

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

       最近抽空参加了几个面试，大小公司都有。其实我之前工作都是内推，基本上都是一家即定，没想太多，就是感觉工作内容还可以，也算是一拍即合，所以入职都很快。现在有内推，但主要还是自己投简历或者有hr联系了才去，虽然还不多，但还是想总结一下最近的一些看法。  &nb……

常见js兼容问题

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

1、获取屏幕滚动高度 document.body.scrollTop：firefox可识别 document.documentElement.scrollTop：chrome可识别 浏览器不识别，得到的是0。但是两者在同一浏览器中只有一个生效，所以平时用的时候，可以

1
var wid = document.documentElement.scrollTop || document.body.scrollTop

2、获……

ES6-Promise获取错误

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

promise是ES中一个异步操作对象，它把操作放到堆栈中按照先进先出的原则进行处理。这里我只说两种捕获错误的方法作记录。 1、最常用的，在then的末尾加上catch，跳过then，直接进入catch（返回错误）

1
2
3
4
5
6
7
8
9
10
11
12
13
new Promise(resolve=>{
    setTimeout(()=>{
        throw new Error('错误')
    },1000)
})
    .then(value => {
        console.log('hello')
    })
    .catch(e=>{
        console.log('this is a '+e.message)
    })
//Uncaught Error: 错误
    //at setTimeout (<anonymous>:3:15)`

2、参数方法，同样跳过then（返回错误信息而已） [cr……

原生JS操作DOM

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

通过html dom可以访问javascript html文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript ……