前端-一行神奇的 javascript 代码，让我们走进不一样的视觉感官

(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]

然后让大家运行，出来的结果让人有点出乎意料，请看：

前端学习交流群232300090

太风骚了有木有！如果有人诋毁前端瞧不起js的话，那就可以把这段代码发给他了~

不过话说回来了，这到底是什么原理呢？为什么一堆符号运算结果竟然能是两个字符，而且恰巧还是个sb！

其实靠的是js的类型转化的一些基本原理，本篇就来揭密”sb”是如何炼成的。相信你如果能把这个理清楚了，以后遇到类型转化之类的题目，就可以瞬间秒杀了。

首先要运用到的第一个知识就是js运算符的优先级，因为这么长一段运算看的人眼花，我们必须得先根据优先级分成n小段，然后再各个击破。优先级的排列如下表：

优先级从高到低：

这种方式缺乏依赖解析，全局变量空间污染，而且要保证文件引入的顺序，管理比较混乱

原始时代： 模块对象和IIFE模式

通过使用模块对象和立即调用的函数表达式(IIFE) ，我们可以减少对全局作用域的污染。在这种方法中，我们只向全局作用域公开一个对象。该对象包含了我们在应用程序中需要的所有方法和值。

想读更多 ->

JavaScript即未来：14个JavaScript框架

当今的市场需要快速开发，但是，重复造轮子是没有必要的。不论你是一个 JavaScript 新手还是一个资深的 JavaScript 开发者，使用框架和库都能极大提高你的工作效率。 -- Dr. Michael J. Garbade

-热门的开源 JavaScript 框架和库 …… 12%

-1. Angular.js …… 18%

-2. Backbone.js …… 25%

-3. D3.js …… 30%

-4. React.js …… 35%

-5. jQuery …… 42%

-6. Ember.js …… 48%

-7. Polymer.js …… 53%

-8. Three.js …… 58%

-9. PhantomJS …… 61%

-10. BabylonJS …… 65%

-11. Boba.js …… 69%

想读更多 ->

AJAX跨域轻松配置nginx允许多个域名跨域访问

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口相同。浏览器执行javascript脚本时，会检查这个脚本属于那个页面，如果不是同源页面，就不会被执行。同源策略的目的，是防止黑客做一些做奸犯科的勾当。比如说，如果一个银行的一个应用允许用户上传网页，如果没有同源策略，黑客可以编写一个登陆表单提交到自己的服务器上，得到一个看上去相当高大上的页面。黑客把这个页面通过邮件等发给用户，用户误认为这是某银行的主网页进行登陆，就会泄露自己的用户数据。而因为浏览器的同源策略，黑客无法收到表单数据。

我们在开发的过程很容易遇到跨域的问题，下面用nginx 配置解决nginx 多域名跨域的问题

当浏览器发起Ajax请求到其他域名时,会出现跨域的问题,在nginx上的解决方案是配置Access-Control-Allow-Origin来解决,但是当我们需要允许多个域名跨域访问时却不好配

想读更多 ->

程序员分享：初见JavaScript 观察者模式

观察者模式

小玄老师的包子铺开张了，但是不一定几点出笼新包子 。

菜牙去买包子，得知今天的卖完了，便跟小玄要了电话号码以便询问包子情况。

阿新也去买包子，同样得知今天的卖完了，也要了电话号。

‘小玄老板，包子今天蒸好了吗？ ’，‘刚卖完，下次你请早啊。’

今后的几天，小玄每天都要接到很多人的催包子电话，非常疲惫。

小玄老板想到一个好办法，每天新包子出笼的时候，就给食客群发短信通知。食客如有需求就可以第一时间得到消息。

订阅者：菜牙、小新、路人甲

发布者：小玄

发布信息：包子出笼了

页面上有 树 石头 云这些元素，我想通过点击按钮让这些元素都开始做运动

这篇文章共享之前我仍是要引荐下我自个的前端群：657137906，不论你是小白仍是大牛，小编我都挺期待，不定期共享干货，包含我自个整理的一份2017最新的前端材料和零根底入门教程，期待初学和进阶中的小伙伴。

想读更多 ->

听说过后端架构师，但是你知道还有前端架构师这一说吗？

可能很多人和我一样, 首次听到"前端架构"这个词, 第一反应是: "前端还有架构这一说呢?" 在后端开发领域, 系统规划和可扩展性非常关键, 因此架构师备受重视, 早在开发工作启动之前, 他们就被邀请加入到项目中, 而且他们会跟客户讨论即将建成的平台的架构要求, 使用还什么技术栈? 内容类型是什么? 这些内容如何被创建?软件架构师的职责就是要保证项目中每一步都在总体架构的指导下进行, 而不会随机决定.

现在的前端领域, 随着JS框架, UI框架和各种库的丰富, 前端架构也变得十分的重要. 如果一个大型项目没有合理的前端架构设计, 那么前端代码可能因为不同的开发人员随意的引入各种库和UI框架, 导致代码量变得异常臃肿, 最终结果可能是代码变得无法维护, 页面性能低下,不得已只能推翻重构. 所以我们需要在项目开始前, 同样的需要对前端代码进行架构, 一旦前端架构师设计出所有前端开发人员都要遵循的检验机制, 建立起系统设计的规范, 那么项目就拥有了可以衡量代码质量的标准, 前端开

想读更多 ->

干货：11张思维导图详解JavaScript

学习的道路就是要不断的总结归纳，好记性不如烂笔头。

但是，毫无逻辑的总结，并无太大意义，一份有规划有流程的总结往往能有事半功倍的作用。

下面小编将po出11张JavaScript相关的思维导图，建议WiFi下查看。

javascript变量

javascript运算符

javascript数组

javascript流程语句

Javascript数据类型

javascript字符串函数

javascript函数基础

javascript基础DOM操作

javascript正则表达式

jquery知识结构图

window对象

能够认真看完就是一次对javascript的回顾与提升，可以很好的检验基础。

由8名研究人员组成的国际团队对GitHub上面的代码进行了研究，调查不同克隆库之间的文件差异，结果发现GitHub上4.28亿文件中只有8500万是唯一的。其中JavaScript的重复率最为严重，达到了94%，而C++为73%，Python是71%，Java的重复率为40%，是各种语言中最低的。

想看到更多这类内容？去APP商店搜IT之家，天天都有小欢喜。

想读更多 ->

日益强大的React Native，让程序员感觉与原生APP无异！

React Native只有两年左右的历史，但已经证明它是有用的。不过，难免有很多开发者不太了解或者不赞同RN。在这篇文章中，作者重点介绍了RN的优点，并揭示了程序员应该了解的内容。

实际上，一开始整个“React”的故事都是关于web开发的。早在2011年，来自Facebook的一些人决定将JavaScript与XHP（Facebook标记语法）结合起来。 结果超出了所有人的预期：ReactJS具有JavaScript的速度（这非常快），并且是一种新的页面渲染方法。

四年后的2015年，来自Facebook的同一团队进一步尝试将JavaScript应用于移动开发，于是React Native开源框架出现了。

React Native—— 真的像广大程序员所说那么方便吗？

React Native是一个基于React.JS库的开源框架，允许用户在Android和iOS平台构建应用程序。它使用JavaScript，并通过使用Javasc

想读更多 ->

分享几道经典的javascript面试题

这几道题目还是有一点意思的，大家可以研究一番，对自己的技能提升绝对有帮助。

1、调用过程中输出的内容是什么

function fun(n, o) {

console.log(o);

return {

fun : function(m) {

return fun(m, n);

}

}

}

var a = fun(0);

a.fun(1);

a.fun(2);

a.fun(3);

var b = fun(0).fun(1).fun(2).fun(3);

var c = fun(0).fun(1);

c.fun(2);

c.fun(3);

2、console.log中的值是什么

var s = 3;

function test() {

var s =

想读更多 ->