前端JavaScript-CSDN博客

转载前端大牛的几个优化指标

文 | 张贤（网易前端资深工程师）关于页面响应时间，有一条著名的“2-5-8原则”。当用户访问一个页面：在2秒内得到响应时，会感觉系统响应很快；在2-5秒之间得到响应时，会感觉系统的响应速度还可以；在5-8秒以内得到响应时，会感觉系统的响应速度很慢，但可以接受；而超过8秒后仍然无法得到响应时，用户会感觉系统糟透了，进而选择离开这个站点，或者发起第二次请求。

2017-10-30 00:00:00 3912

转载 [S3-E444]如何用TypeScript开发微信小程序

微信小程序来了！这个号称干掉传统app的玩意儿虽然目前处于内测阶段，不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了。工具和文档可以参考官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1477926804193 TypeScript:TypeScript是C#之父Anders Hejlsberg的又一力作，相信喜

2017-10-30 00:00:00 1302

转载贵州的程序员年薪都40万不止，和你差在哪里？

几天在网上看到这么一个问题，贵州的程序员年薪都40万不止？一下勾起了我的兴趣，今天就来简单分析下，到底是什么原因。那么我们先来搞清楚“贵州的程序员”资本在哪里？4年前，贵州省委、省政府在北京召开了“面向全国优强民营企业招商项目推介会”。会上马云的一句话惊动了了全球投资者的目光！如今：在山洞里搞大数据：贵州是大数据之都；贵州大数据背后是马云的阿里云。一语惊

2017-10-29 00:00:00 2094

转载 [S3-E443]前端工程师面试题汇总

HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写？行内元素有哪些？块级元素有哪些？空(void)元素有那些？页面导入样式时，使用link和@import有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5有哪些新特性、移除了那些元素？如何处理HTML5新标

2017-10-29 00:00:00 746

转载 [S3-E442]JavaScript中的6种运算符总结

这篇文章主要介绍了JavaScript中的6种运算符总结,本文总结了算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符等,需要的朋友可以参考下。JavaScript 运算符主要包括：算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符算术运算符对于前加和后加，执行后的结果都是变量加1，其区别在于执行时返回结果不一样

2017-10-28 00:00:00 438

转载 [S3-E441]Webpack 2: 生产力工具

命令行命令行方式是最简单的方式, 如果项目只是纯Web前端, 使用这种方式是最便捷的. 只需要在package.json文件中的scripts里面添加下面一行就可以了.直接命令行:webpack-dev-server --content-base=www --inline --watch --hot --progress --config webpack.confi

2017-10-26 00:00:00 397

转载 [S3-E440]Angular 开发者常犯的错误

Angular vs Angular 2 vs Angular 4Angular 1.x 版本统称为 AngularJS，Angular 2+ (4/5) 统称为 Angular。第三方库的命名也有一定的规则。假设早期版本的命名以 ng- 作为前缀，当 Angular 2 发布后，该库名称会使用 ng2- 作为前缀。但当 Angular 4 发布以后，新的命名规则就随之出现了。新的

2017-10-25 00:00:00 364

转载 [S3-E439]Angular AMD 快速入门

安装bowerbower install angularAMDnodenpm install angular-amd外链//cdn.jsdelivr.net/angular.amd/0.2/angularAMD.min.js使用种子git clone https://github.com/Vanthink-UED

2017-10-24 00:00:00 456

转载 [S3-E438]Angular开山篇

1：环境搭建今天给大家介绍4种环境搭建的方法。一：Angular-cli的安装官方指导文档：www.angular.cn/guide/quickstart请使用cnpm来安装，或者配置淘宝镜像。使用原生npm安装可能会遇到的问题：1、需要python的环境2、可能会依赖某些franework导致会要求安装Visual Studio（在下文

2017-10-23 00:00:00 368

转载 [S3-E437]简单聊聊网页的资源加载优化

移动开发中很重要的一块是资源的加载优化。移动开发由于网速低带宽，高延迟，移动设备小内存，低处理器性能的原因，因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期。前段时间做了相关方面的优化，发现网上的中文教程比较少，都是照着chrome开发者网站上一步一步看下来，找问题来解决，因此将部分有用的网页整理翻译了一下。一、查看网页加载速度网页加载时长受到网速影响

2017-10-20 00:00:00 421

转载 [S3-E436]了解Web及网络基础

使用HTTP协议访问Web在浏览器地址栏内输入URL之后，信息会被发送往某处，然后从某处获得回复，内容就会显示在Web页面上。像这种通过发送请求获取服务器资源的Web浏览器，都可称为客户端。（client）使用HTTP协议访问WebWeb使用一种名为HTTP（即超文本传输协议）的协议作为规范，完成从客户端到服务器端等一系列运作流程。而协议是指规则的约定。可以说，Web是建立在H

2017-10-19 00:00:00 344

转载 [S3-E435]深度挖掘 Object 对象的使用

介绍在javascript中, 数据类型主要分为原始类型和引用类型两种。而一切引用类型都来自于Object的拷贝。所有引用类型的原型链都可以追溯到 ObjectObject 构造函数属性JavaScript 内置的一些构造函数有 Object, Function, Number, String, Boolean, Array, RegExp 等等, 它们主要有两个共有的属性。

2017-10-18 00:00:00 363

转载 [S3-E434]JS异步编程

JS异步编程JavaScript语言的一大特点就是单线程，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。相关概念

2017-10-17 00:00:00 369

转载干前端的，拿到30K月薪真的很难吗？

最近在知乎上看到有不少的前端工程师们一直在讨论这么一个问题：“怎么才能拿到30K以上的月薪”，底下不少前辈高人们也是不余遗力的为新人们出谋划策，我最后总结了一下，其实所有的方法都可以凝聚为两个字——“技术”。其实这个不难明白，企业的最终目的就是为了盈利。人家给你开那么多的工资必然是因为你能够给公司创造更大的价值。那问题就来了：我们前端能创造这么的价值吗？估计现在还有不少

2017-10-17 00:00:00 5216 1

转载赠书大名单来了

中秋国庆双节赠书活动结束了，中奖大名单在这里……快来看看是不是有你的名字！本期书单：1、《深入React技术栈》2、《响应式Web设计：HTML5和CSS3实战（第2版）》3、《JavaScript编程精粹》4、《HTTP权威指南》详情点击这里------------------本期幸运书友：@不如吃茶去v@Will's@The A

2017-10-13 00:00:00 312

转载 [S3-E433]前端页面卡顿、也许是DOM操作惹的祸？

界面上UI的更改都是通过DOM操作实现的，并不是通过传统的刷新页面实现的。尽管DOM提供了丰富接口供外部调用，但DOM操作的代价很高，页面前端代码的性能瓶颈也大多集中在DOM操作上，所以前端性能优化的一个主要的关注点就是DOM操作的优化。DOM操作优化的总原则是尽量减少DOM操作。先来看看DOM操作为什么会影响性能在浏览器中，DOM的实现和ECMAScript的实现是分离的。比

2017-10-13 00:00:00 373

转载 [S3-E432]你不知道的JSON.stringify()妙用

1 语法JSON.stringify(value[, replacer[, space]])一般用法：var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};JSON.stringify(user);"{"name":"andy","isDead":false,"age":1

2017-10-12 00:00:00 353

原创 [S3-E431]浅谈浏览器http的缓存机制

针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。之所以还写一篇这样的文章，是因为近期都在搞新技术，想“回归”下基础，也希望尽量总结的更详尽些。那么你是否还需要阅读本篇文章呢？可以试着回答下面这个问题：我们在访问百度首页的时候，会发现不管怎么刷新页面，静态资源基本都是返回 200（from cache）：

2017-10-04 00:00:00 445

原创 [S3-E429]CSS布局说——可能是最全的

本文：【第3章第428回】文章底部可跳转至目录查看更多文章前言现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使我们只关注了js，而疏远了css和html。其实，我们可能经常在聊组件化，咋地咋地。但是，回过头来思考一下，如果你看到一张设计稿的时候，连布局都不清不楚，谈何组件化呢。所以，我们需要在分清楚组件之前，

2017-09-28 00:00:00 473

原创 [S3-E428]深入浅出基于“依赖收集”的响应式原理

新媒体管家本文：【第3章第428回】文章底部可跳转至目录查看更多文章新媒体管家每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。然而，其内部深层的响应式原理可能很多人都没有完全理解，网络上关于其响应式原理的文章质量也是

2017-09-27 00:00:00 412

原创【S3-E427】javascript 算法整理

新媒体管家本文：【第3章第427回】文章底部可跳转至目录查看更多文章快速排序function quickSort(ary, isDesc) { var len = ary.length; if (len return ary; } var baseIndex = Math.floor(le

2017-09-26 00:00:00 200

原创【S3-E426】移动web开发问题和优化小结

本文：【第3章第426回】文章底部可跳转至目录查看更多文章1.前言到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨

2017-09-25 00:00:00 827

原创 [S3-E425]javascript 理解和使用回调函数

本文：【第3章第425回】文章底部可跳转至目录查看更多文章在javascript中，function是内置的类对象，也就是说它是一种类型的对象，可以和其他String、Array、Number、Objec类的对象一样用于内置对象的管理。因为function实际上是一种对象，它可以“存储在变量中，通过参数传递给（另一个）函数（function），在函数内部创建，从函数中返回结果值”

2017-09-21 00:00:00 243

原创 [S3-E424]深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )

本文：【第3章第424回】文章底部可跳转至目录查看更多文章js 的 this 绑定问题，让多数新手懵逼，部分老手觉得恶心,这是因为this的绑定 ‘难以捉摸’，出错的时候还往往不知道为什么，相当反逻辑。让我们考虑下面代码:var people = { name : "海洋饼干", getName : function(){ console.log(this.name

2017-09-20 00:00:00 477

原创 [S3-E423]Web 的现状：网页性能提升指南

本文：【第3章第423回】文章底部可跳转至目录查看更多文章考虑到设计和开发的性能，我们怎样才能做得更好？优化所有资源理解浏览器如何分析和处理资源，是显著提高性能的最强大但未充分利用的方式之一。事实证明，浏览器在嗅探资源方面非常出色，同时解析并确定其优先级。这里是关键请求的来源。如果请求中包含用户视口中呈现内容所必需的资源，则该请求至关重要。对于大多数网站，它将是HTML、必要的CSS、log

2017-09-19 00:00:00 446

原创 [S3-E422]你不知道的CSS（二）

本文：【第3章第422回】文章底部可跳转至目录查看更多文章在上文《你不知道的CSS（一）》中，介绍了兄弟选择器美化表单，font-size:0消除间隙，overflow清除浮动，border绘制三角形等7个实用技巧。由于文章长度限制，还遗留了一些技巧没有介绍，考虑到日后可能会有更多的技巧需要补充进来，便将上文改名为你不知道的CSS（一），名字其实有点浮夸，希望能完善为一个系列，也希望该系列中

2017-09-16 00:00:00 323

前端JavaScript