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

WebAssembly 再添一员猛将：将支持使用 Go 语言；前端布局推进剂 – 间距规范化；如何生成WebP图片；对一款不到2KB大小的JavaScript后门的深入分析；一个简单易用的webpack4多页面脚手架配置加学习；如何解释vue的生命周期才能令面试官满意？；轻松掌握移动端web开发【尺寸适配】常用解决方案；使用JavaScript中undefined小技巧

WebAssembly 再添一员猛将：将支持使用 Go 语言 WebAssembly 在 2018 年第一季度算得上是真正取得了成功，这是自 Web 诞生以来首个 JavaScript 原生替代方案。现在，Go 语言也宣布加入 wasm！在 Wasm 平台上添加对 Golang 的支持将被添加到 golang 代码库的一系列提交中。该系列的第一部分已于 2018 年 3 月 31 日发布，旨在将 WebAssembly 作为架构目标添…
前端布局推进剂 – 间距规范化我是一个爱折腾设计的前端，一直都在标榜自己的页面还原是多么的牛 X 。怎么做到页面还原？我有一个最笨但是有效的方法，就是把设计稿直接存成图片，作为背景图然后临摹着设计稿进行开发。我觉得自己太有才了。像素级还原有没有？▲ 为看清效果有做两像素偏移但是 Too Y
如何生成WebP图片什么是Webp图片 WebP是一种新的图片格式，目标是减少文件大小但达到和JPEG格式相同的图片质量，能够减少网络上的请求时间。优势与劣势 WebP优势 WebP相比于JPG拥有更小的文件尺寸、更高的质量（相比于相同大小不同格式的压缩图片），抽取100张商品
对一款不到2KB大小的JavaScript后门的深入分析在一台被入侵的服务器上，我们发现了一个攻击者遗留下来的脚本。该脚本是由JavaScript编写的，主要功能是作为Windows后门及C&C后端使用。在这里我首先要向大家说声抱歉，为了保护客户的隐私，在本文中我不会对一些细节做太多的探讨和描述。该脚本的体积非常的小只有不到2KB，唯一能表明它的存在的是一个名为“wscri…
一个简单易用的webpack4多页面脚手架配置加学习 wepack4搭建多页面脚手架学习本文代码地址在github 前言：以前刚接触webpack的时候还是1，当时大概过了下文档操作了一下当时写的一些注释。后来开发的时候基本写react都是用的create-react-app或者找别人的搭好的脚手架用。所以趁着
如何解释vue的生命周期才能令面试官满意？当面试官问：“谈谈你对vue的生命周期的理解”，听到这句话你是不是心里暗自窃喜：这也太容易了吧，不就是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、des
轻松掌握移动端web开发【尺寸适配】常用解决方案本文主要针对初学移动端web开发的读者，笔者也是初学者，文中有众多用词不当之处望读者指正。前言从开始做web app开发到现在，一直对移动端的尺寸适配有一种模糊的概念。能说得上来‘媒体查询’，‘栅格化布局’，‘流式布局’等若干技术名词和实现方式，但是每次自
使用JavaScript中undefined小技巧特别声明：此篇文章内容来源于 @Cynthia 的《 7个处理javascript的 undefined 的Tips 》一文。在8年前，我刚开始学习JavaScript时，让我觉得有点奇怪的是， undefined 和 null 同样代表空值。它们之间是否有明确的不同？它们看起来都定义为“空”，此外，比较 null== undefined 的结果是 true 。大多数的现代…
理解JavaScript中null、undefined和NaN 特别声明：此篇文章内容来源于 @Kuba Michalski 的《 Understanding null, undefined and NaN 》一文。当您开始学习JavaScript时，首先需要学习的是数据类型。只要我们讨论 Number 、 String 、 Boolean 和 Object 时，一旦涉及到 null 和 undefined 出现时，作为初学者要理解清楚他们就可能会有点混乱。如果…
VueJs(2)—VueJs开发环境的搭建和讲解index.html如何被渲染
js的函数重载函数重载，简单说，就是函数有相同的名称，但是参数列表不相同的情形，这样的同名不同参数的函数之间，互相称之为重载函数。所以说，重载函数需要两点：同样的函数名，不同的函数参数。 js到底有没有函数重载如果在我们在一个页面中定义了两个名字相同的函数，则该名字只属于后定义的函数，如下： function …
前端CORS请求梳理前后端分离来说，跨域请求是我们第一个需要解决的问题。下面是我在开发中总结出来的一些经验。开发中，很多时候会出现Options请求（CORS预检请求），但是有的时候又不会出现。某些请求不会触发 CORS 预检请求，这样的请求被称为简单请求，其他的请求被称为非简单
Angular 容器部署很多人反应很难访问 Github Page，所以 ng-alain.com 转移到阿里云服务器上，因此做了一次完整的 Angular 容器部署。以下我会阐述 ng-alain 整个过程，其中包括 Docker、Nginx、Let’s Sencrypt 证书等范涛，我无…
【20180416 前端开发日报】vuepress：Vue 官方出品的文档生成器；前端面试忽悠师入门；简单了解ES6/ES2015 Symbol() 方法；编写优秀jQuery插件的10个技巧；Driver.js – 页面分步引导JavaScript；我是如何从零开始学习前端的；20180415 前端开发…详情→
【PWA学习与实践】(5)在Web中进行服务端消息推送本文是《PWA学习与实践》系列的第三篇文章。 PWA作为今年最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。本系列文章《PWA学习与实践》会逐步拆解PWA背后的各项技术，通过实例代码来讲解这些技术的应用方式。