标签目录：前端

以下是与标签 “前端” 相关联的文章

神烦的__proto__、prototype、constructor

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

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

几个常用的CSS对比

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

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

前端架构师是干嘛的

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

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

web存储

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

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

Js中的连等赋值

| 前端 | | 暂无评论 | 13629 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 上面都……

js闭包

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

常见js兼容问题

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

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

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

2、获……

ES6-Promise获取错误

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

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

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