20170810 前端开发日报-前端开发博客

面试分享：一年经验初探阿里巴巴前端社招；Nuxt.js 实战；关于 script 标签你应该知道的；一个用于学习的react项目；我的前端学习历程；JavaScript 疲劳终极指南：我们行业的真相；slick – 功能最全的响应式幻灯片 jQuery 插件；CSS双关语–前端的小段子，你看得懂吗？ – 众成翻译

面试分享：一年经验初探阿里巴巴前端社招一般阿里社招都是招3-5年的P6+高级工程师，当初自己一年经验也没有想过有这个面试机会。虽然没想着换工作，但是经常关注一些招聘网站的信息，某一天，在某boss上有个人找我，叫我发一下简历，我一看是阿里的某技…
Nuxt.js 实战一、背景在今年年初我开始接触vue的时候，就发现在vue官方文档中“服务端渲染”的一节中提到了Nuxt.js框架，SSR这种方式对于首屏的加载时间优化显而易见，同时还可以方便的进行SEO。美团点评的点餐业务中，数据平台因为其数据量大的特点，首页加载时间很长，非常适合进行SSR改造；于是，我在非工作时间对nuxt.js框架进…
关于 script 标签你应该知道的 script标签用来在网页中执行JavaScript，它可以直接包含JavaScript代码，也可以直接通过src指向一个同域或者不同域的外链。 1. script标签默认会阻塞页面解析，并按照它们出现的顺序执行 <script src=”a.js”&g
一个用于学习的react项目React-element 根据开源项目 vue-sell进行的开发，将其改造成了react的项目。在开始学习vue的时候就是用的这个项目，发现效果不错，所以在学习React也使用了此项目。目的:将此项目改造成React项目，在此过程中学…
我的前端学习历程很难想象一个半年前还在做后台开发，对前端知之甚少的我，现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富，这让我想到一句话“ 在成长的道路上，我们不要给自己设定界限，只要拥有成长的力量，就能不断超越自己 ”。下面以我自己的经历讲讲前端的学习过程。 Jquery基础知识准备学习前端需… 很难想象一个半年前还在做后台开发，对前端知之甚少的我，现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富，这让我想到一句话“ 在成长的道路上，我们不要给自己设定界限，只要拥有成长的力量，就能不断超越自己 ”。下面以我自己的经历讲讲前端的学习过程。 Jquery基础知识准备学习前端需…
JavaScript 疲劳终极指南：我们行业的真相抱怨 JS 疲劳就像是在抱怨人类发明了太多解决问题的工具：从邮件到飞机到宇宙飞船。上周我在 NebraskaJS 2017 会议上做了一个和这个话题极其类似的演讲，我也收到了许多积极的反馈，所以我就想这个演讲也可以写成一篇文章发表出来，让更多的人知道，并帮助他们应对 JS 疲劳，理解我们行业的真相。这篇文章的目…
slick – 功能最全的响应式幻灯片 jQuery 插件随着移动端的普及，为了能让访客方便查看网页内容，网页幻灯片效果（又称：灯箱，轮换图）也需要支持移动端，即响应式，当然再加上拖拽支持就更多好了，今天为大家分享一个实用的幻灯片jQuery 插件「Slick」，几乎能满足大部分网页的需求。 Slick这个插件功能多且实用，下面我们一起来看看介绍。 jQuery 名… 随着移动端的普及，为了能让访客方便查看网页内容，网页幻灯片效果（又称：灯箱，轮换图）也需要支持移动端，即响应式，当然再加上拖拽支持就更多好了，今天为大家分享一个实用的幻灯片jQuery 插件「Slick」，几乎能满足大部分网页的需求。 Slick这个插件功能多且实用，下面我们一起来看看介绍。 jQuery 名…
CSS双关语–前端的小段子，你看得懂吗？ – 众成翻译 CSS双关语通常来说，我写的有关Web开发的文章都是严肃的。因为主要涉及到克服挑战，或者是教学之类的内容。不过，今天是周五了，经过了劳累的一周，我决定休息一下，发一些和以往不同的娱乐点的CSS的双关语开心一下。希望你和我一样喜欢这些双关语！译者
看我鼓捣华西安全网密码泄露查询接口（有意思的js混淆）最近爬个站的数据，然后想扫一下其他网站的同一个账号名能否找到泄露的密码，然后在这个站嘿嘿一下… 在 sec-wiki 找到了这个密码泄露查询网站。随便用了一下，发现网站虽然讲密码打码了，但是某些数据还是可以猜出来原始的内容，或者通过简单的计算拿到原始的内容。 but，我不能一个个输入然后看吧，数据虽然… 最近爬个站的数据，然后想扫一下其他网站的同一个账号名能否找到泄露的密码，然后在这个站嘿嘿一下… 在 sec-wiki 找到了这个密码泄露查询网站。随便用了一下，发现网站虽然讲密码打码了，但是某些数据还是可以猜出来原始的内容，或者通过简单的计算拿到原始的内容。 but，我不能一个个输入然后看吧，数据虽然…
笨办法用js屏蔽被http劫持的浮动广告
【上海线下活动】Web前端工程化架构实践 — 沪江技术沙龙报名链接：www.huodongxing.com/event/53996… Web前端工程化历经了：2011年的Shell＆(YUICompress || Google Closure Compiler)；基于Node.js的前端工具浮现，2013年Grunt
2017-08-09 前端日报2017-08-09 前端日报精选解密 Angular WebWorker Renderer (一)JavaScript专题之如何判断两个对象相等在项目上，为什么我们分别选择了 Backbone、Vue、Angular、ReactHTML5音频API Web AudioKoa 框架教程webpac…
用 stylus 类脚本方式预编译魅族锁屏的 CSS 代码我为什么选择stylus 因为stylus比sass更加优秀，sass是基于ruby，而ruby对中文支持不友好，服务器也在美国，经常被墙，相反stylus 基于node.js npm包，安装和使用都超级方便，总而言之，我熟悉nodejs不熟悉rub
NG-ZORRO： Ant Design 的 Angular 4.0实现，开发和服务于企业级后台产品这里是 Ant Design 的 Angular 4.0实现，开发和服务于企业级后台产品。 Designed as Ant Design，提炼和服务企业级中后台产品的交互语言和视觉风格。基于 npm + webpack + babel 的工作流，支持 ES2
#Git技巧#【Git 速查表之实用命令行、技巧与贴士】详见：汇集了 Git Workflow、配置、.gitignore、中间操作、远程操作等速查表与技巧合集。@GitHub家园
在vue-cli脚手架中引用JQuery、bootstrap以及使用sass、less编写css[vue-cli配置入门] 写在前面：本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后，又一篇关于vue-cli脚手架配置相关的文章，因为有些文章步骤不够清晰，当时我引入JQuery、bootstrap的时候颇费了一番功夫，所以本文的步骤会尽量详细一点。有需要的朋
如何在Angular优雅编写HTTP请求引言基本上当下的应用都会分为前端与后端，当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前后端之间的通信。这其中对于身份认证…
Angular2 VS Angular4 深度对比：特性、性能
实用：快速定位前端界面交互JS代码后端同事问到怎么看这块交互的代码。右键 UI, 检查元素，再右键元素打断点。 Break on: attribute modifications 元素打断点后，刷新页面会展开断点元素。(使用 React 插件调试发现很方便) [19:30 补张图] 分享…
JavaScript 中的匿名递归原文：Anonymous Recursion in JavaScript作者：Simeon Velichkov ( ( (f) => f(f) )
webpack进阶——DllPlugin优化打包性能（基于vue-cli）将静态资源文件（运行依赖包）与源文件分开打包，先使用DllPlugin给静态资源打包，再使用DllReferencePlugin让源文件引用资源文件。
Web Animations API (JS动画利器) 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等，这些都可以用在某种场景下的小动画，也可以说是动效。CSS动画君居然强大，但是缺陷也很多啊，有的时候没法满足要求，定时器用在动画中就更不使用了，但是requestAnimationFrame也是个很强大的东西，具体详情移步到 window.requestAnimationFra… 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等，这些都可以用在某种场景下的小动画，也可以说是动效。CSS动画君居然强大，但是缺陷也很多啊，有的时候没法满足要求，定时器用在动画中就更不使用了，但是requestAnimationFrame也是个很强大的东西，具体详情移步到 window.requestAnimationFra…
2017 我不建议使用的 Python Web 框架昨天我提了一个问题（2017）你最不建议使用的Python Web框架？下面是在原问题下的回答，看过的同学可以点赞关闭了。 — 分割线 — 在知乎可以看到的很多Web框架推荐，有很多内容已经过时，有些直接是从网上搜的。我又来树立正确的价值观了。第一不推荐 web.py 我以前说过，评…
教你用 Web Speech API 和 Node.js 来创建一个简单的 AI 聊天机器人简评：使用语音命令在今天变得非常普遍，许多手机用户使用像 Siri 和 Cortana 这样的语音助手，我们的卧室也被亚马逊的 Echo 和 Google Home 这样的设备“入侵”了。这些系统都离不开语音识别软件，现在，我们的浏览器也友好支持了 Web Speech API，可以让用户在 Web 应用中集成语音功能。这篇文章将介绍…
HTTPS自建CA及自签名证书不完全指南（实战篇）如何使用OpenSSL进行自建CA和自签名HTTPS证书
用 Node.js 搭建 API Gateway我们团队的后端服务中，一开始只有一个大服务，所有的东西都往里面写，可以想象下，当这个服务变得不断的庞大，将会变得多么难以维护。后来逐渐把一些数据服务抽离成单独的 API 服务，在原有的服务里，就还剩一些…
RxJS相关介绍前言我从很早时候就开始关注 ReactX（响应式编程），那时候我是用RxJava实现的库，不过很遗憾我并没有学会如何使用，只是觉得这个东西很高大上，没有搞懂的原因有很多比如个人经验不够，没有很强的动力去研究，网上的资料很难懂过于碎片等。鉴于之前的个人遗憾，我研究了一段时间 RxJS ，我决定写下这… 前言我从很早时候就开始关注 ReactX（响应式编程），那时候我是用RxJava实现的库，不过很遗憾我并没有学会如何使用，只是觉得这个东西很高大上，没有搞懂的原因有很多比如个人经验不够，没有很强的动力去研究，网上的资料很难懂过于碎片等。鉴于之前的个人遗憾，我研究了一段时间 RxJS ，我决定写下这…
#JavaScript入门教程#【JavaScript Function类型】Function（函数）类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具备属性和方法，由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。var c…请戳→ #前端开发博客#
vue集成raphael.js中国地图项目要用到中国地图，我需要的比较轻量级，所以没用echarts，选择的这个地图。安装 {代码…} 直接上代码 {代码…} 搞定了，目前只是跑出的一个demo，很多代码是复制粘贴过来的。还需要优化，比如onmouseover、…
解密Angular WebWorker Renderer (二) 很开心再次遇见你，接着上回分解。先把与通讯相关的类介绍完毕。与 WebWorkerRendererFactory2 类对应的就是 WebWorkerRenderer2 类，该类从类结构中就可以看出包含了各种对DOM节点的操作函数，基本覆盖原生JS的DOM操作函数。特别注意，该类里面的操作函数并不是真正地操作DOM节点，而是在WebWorker线程…