<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端JavaScript]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/zkVSc5TL86J</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zkVSc5TL86J]]></copyright><item><title><![CDATA[[S3-E444]如何用TypeScript开发微信小程序]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78390302</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78390302</guid><author>zkVSc5TL86J</author><pubDate>Mon, 30 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[微信小程序来了！这个号称干掉传统app的玩意儿虽然目前处于内测阶段，不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了。

工具和文档可以参考官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1477926804193 
TypeScript:
TypeScript是C#之父Anders Hejlsberg的又一力作，相信喜]]></description><category></category></item><item><title><![CDATA[前端大牛的几个优化指标]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78390301</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78390301</guid><author>zkVSc5TL86J</author><pubDate>Mon, 30 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[文 | 张贤（网易前端资深工程师）


关于页面响应时间，有一条著名的“2-5-8原则”。当用户访问一个页面：


在2秒内得到响应时，会感觉系统响应很快；
在2-5秒之间得到响应时，会感觉系统的响应速度还可以；
在5-8秒以内得到响应时，会感觉系统的响应速度很慢，但可以接受；
而超过8秒后仍然无法得到响应时，用户会感觉系统糟透了，进而选择离开这个站点，或者发起第二次请求。]]></description><category></category></item><item><title><![CDATA[[S3-E443]前端工程师面试题汇总]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78383214</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78383214</guid><author>zkVSc5TL86J</author><pubDate>Sun, 29 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[HTML




Doctype作用？严格模式与混杂模式如何区分？它们有何意义?

HTML5 为什么只需要写 ？

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

页面导入样式时，使用link和@import有什么区别？

介绍一下你对浏览器内核的理解？

常见的浏览器内核有哪些？

html5有哪些新特性、移除了那些元素？如何处理HTML5新标]]></description><category></category></item><item><title><![CDATA[贵州的程序员年薪都40万不止，和你差在哪里？]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78383201</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78383201</guid><author>zkVSc5TL86J</author><pubDate>Sun, 29 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[几天在网上看到这么一个问题，贵州的程序员年薪都40万不止？

一下勾起了我的兴趣，今天就来简单分析下，到底是什么原因。

那么我们先来搞清楚“贵州的程序员”资本在哪里？
4年前，贵州省委、省政府在北京召开了“面向全国优强民营企业招商项目推介会”。会上马云的一句话惊动了了全球投资者的目光！



如今：在山洞里搞大数据：贵州是大数据之都；
贵州大数据背后是马云的阿里云。
一语惊]]></description><category></category></item><item><title><![CDATA[[S3-E442]JavaScript中的6种运算符总结]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78383200</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78383200</guid><author>zkVSc5TL86J</author><pubDate>Sat, 28 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[这篇文章主要介绍了JavaScript中的6种运算符总结,本文总结了算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符等,需要的朋友可以参考下。

JavaScript 运算符主要包括：算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符

算术运算符

 

对于前加和后加，执行后的结果都是变量加1，其区别在于执行时返回结果不一样]]></description><category></category></item><item><title><![CDATA[[S3-E441]Webpack 2: 生产力工具]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78349755</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78349755</guid><author>zkVSc5TL86J</author><pubDate>Thu, 26 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[命令行
命令行方式是最简单的方式, 如果项目只是纯Web前端, 使用这种方式是最便捷的. 只需要在package.json文件中的scripts里面添加下面一行就可以了.


直接命令行:



webpack-dev-server --content-base=www --inline --watch --hot --progress --config webpack.confi]]></description><category></category></item><item><title><![CDATA[[S3-E440]Angular 开发者常犯的错误]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78337843</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78337843</guid><author>zkVSc5TL86J</author><pubDate>Wed, 25 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[Angular vs Angular 2 vs Angular 4
Angular 1.x 版本统称为 AngularJS，Angular 2+ (4/5) 统称为 Angular。


第三方库的命名也有一定的规则。假设早期版本的命名以 ng- 作为前缀，当 Angular 2 发布后，该库名称会使用 ng2- 作为前缀。但当 Angular 4 发布以后，新的命名规则就随之出现了。新的]]></description><category></category></item><item><title><![CDATA[[S3-E439]Angular AMD 快速入门]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78326114</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78326114</guid><author>zkVSc5TL86J</author><pubDate>Tue, 24 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[安装
bower

bower install angularAMD



node

npm install angular-amd



外链

//cdn.jsdelivr.net/angular.amd/0.2/angularAMD.min.js



使用种子

git clone  https://github.com/Vanthink-UED]]></description><category></category></item><item><title><![CDATA[[S3-E438]Angular开山篇]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78315775</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78315775</guid><author>zkVSc5TL86J</author><pubDate>Mon, 23 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[1：环境搭建


今天给大家介绍4种环境搭建的方法。
一：Angular-cli的安装


官方指导文档：www.angular.cn/guide/quickstart
请使用cnpm来安装，或者配置淘宝镜像。


使用原生npm安装可能会遇到的问题：


1、需要python的环境
2、可能会依赖某些franework导致会要求安装Visual Studio（在下文]]></description><category></category></item><item><title><![CDATA[[S3-E437]简单聊聊网页的资源加载优化]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78292349</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78292349</guid><author>zkVSc5TL86J</author><pubDate>Fri, 20 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[移动开发中很重要的一块是资源的加载优化。移动开发由于网速低带宽，高延迟，移动设备小内存，低处理器性能的原因，因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期。


前段时间做了相关方面的优化，发现网上的中文教程比较少，都是照着chrome开发者网站上一步一步看下来，找问题来解决，因此将部分有用的网页整理翻译了一下。


一、查看网页加载速度
网页加载时长受到网速影响]]></description><category></category></item><item><title><![CDATA[[S3-E436]了解Web及网络基础]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78280814</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78280814</guid><author>zkVSc5TL86J</author><pubDate>Thu, 19 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[使用HTTP协议访问Web


在浏览器地址栏内输入URL之后，信息会被发送往某处，然后从某处获得回复，内容就会显示在Web页面上。像这种通过发送请求获取服务器资源的Web浏览器，都可称为客户端。（client）使用HTTP协议访问Web

Web使用一种名为HTTP（即超文本传输协议）的协议作为规范，完成从客户端到服务器端等一系列运作流程。而协议是指规则的约定。可以说，Web是建立在H]]></description><category></category></item><item><title><![CDATA[[S3-E435]深度挖掘 Object 对象的使用]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78269614</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78269614</guid><author>zkVSc5TL86J</author><pubDate>Wed, 18 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[介绍
在javascript中, 数据类型主要分为原始类型和引用类型两种。而一切引用类型都来自于Object的拷贝。所有引用类型的原型链都可以追溯到 Object
Object 构造函数属性
JavaScript 内置的一些构造函数有 Object, Function, Number, String, Boolean, Array, RegExp 等等, 它们主要有两个共有的属性。]]></description><category></category></item><item><title><![CDATA[干前端的，拿到30K月薪真的很难吗？]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78266352</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78266352</guid><author>zkVSc5TL86J</author><pubDate>Tue, 17 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[最近在知乎上看到有不少的前端工程师们一直在讨论这么一个问题：“怎么才能拿到30K以上的月薪”，底下不少前辈高人们也是不余遗力的为新人们出谋划策，我最后总结了一下，其实所有的方法都可以凝聚为两个字——“技术”。
其实这个不难明白，企业的最终目的就是为了盈利。

人家给你开那么多的工资必然是因为你能够给公司创造更大的价值。那问题就来了：我们前端能创造这么的价值吗？



估计现在还有不少]]></description><category></category></item><item><title><![CDATA[[S3-E434]JS异步编程]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78266333</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78266333</guid><author>zkVSc5TL86J</author><pubDate>Tue, 17 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[JS异步编程
JavaScript语言的一大特点就是单线程，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。
HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。


相关概念]]></description><category></category></item><item><title><![CDATA[[S3-E433]前端页面卡顿、也许是DOM操作惹的祸？]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78237638</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78237638</guid><author>zkVSc5TL86J</author><pubDate>Fri, 13 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[界面上UI的更改都是通过DOM操作实现的，并不是通过传统的刷新页面实现 的。尽管DOM提供了丰富接口供外部调用，但DOM操作的代价很高，页面前端代码的性能瓶颈也大多集中在DOM操作上，所以前端性能优化的一个主要的关注 点就是DOM操作的优化。DOM操作优化的总原则是尽量减少DOM操作。


先来看看DOM操作为什么会影响性能
在浏览器中，DOM的实现和ECMAScript的实现是分离的。比]]></description><category></category></item><item><title><![CDATA[赠书大名单来了]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78237637</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78237637</guid><author>zkVSc5TL86J</author><pubDate>Fri, 13 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[中秋国庆双节赠书活动结束了，中奖大名单在这里……
快来看看是不是有你的名字！


本期书单：
1、《深入React技术栈》
2、《响应式Web设计：HTML5和CSS3实战（第2版）》
3、《JavaScript编程精粹》
4、《HTTP权威指南》
详情点击这里
------------------

本期幸运书友：
@不如吃茶去v
@Will's
@The
 A]]></description><category></category></item><item><title><![CDATA[[S3-E432]你不知道的JSON.stringify()妙用]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78222227</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78222227</guid><author>zkVSc5TL86J</author><pubDate>Thu, 12 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[[S3-E431]浅谈浏览器http的缓存机制]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78157286</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78157286</guid><author>zkVSc5TL86J</author><pubDate>Wed, 04 Oct 2017 00:00:00 +0800</pubDate><description><![CDATA[针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。
之所以还写一篇这样的文章，是因为近期都在搞新技术，想“回归”下基础，也希望尽量总结的更详尽些。
那么你是否还需要阅读本篇文章呢？可以试着回答下面这个问题：

我们在访问百度首页的时候，会发现不管怎么刷新页面，静态资源基本都是返回 200（from cache）：]]></description><category></category></item><item><title><![CDATA[[S3-E429]CSS布局说——可能是最全的]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78139327</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78139327</guid><author>zkVSc5TL86J</author><pubDate>Thu, 28 Sep 2017 00:00:00 +0800</pubDate><description><![CDATA[本文：【第3章第428回】
 文章底部可跳转至 目录 查看更多文章


前言
现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使我们只关注了js，而疏远了css和html。
其实，我们可能经常在聊组件化，咋地咋地。但是，回过头来思考一下，如果你看到一张设计稿的时候，连布局都不清不楚，谈何组件化呢。所以，我们需要在分清楚组件之前，]]></description><category></category></item><item><title><![CDATA[[S3-E428]深入浅出基于“依赖收集”的响应式原理]]></title><link>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78139335</link><guid>https://blog.youkuaiyun.com/zkVSc5TL86J/article/details/78139335</guid><author>zkVSc5TL86J</author><pubDate>Wed, 27 Sep 2017 00:00:00 +0800</pubDate><description><![CDATA[新媒体管家

本文：【第3章第428回】
 文章底部可跳转至 目录 查看更多文章


新媒体管家
每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。然而，其内部深层的响应式原理可能很多人都没有完全理解，网络上关于其响应式原理的文章质量也是]]></description><category></category></item></channel></rss>