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

WEB前端面试题汇总（JS）；Vue 重写前端导航；Webpack 2 中一些常见的优化措施；canvas之基础；https那些事；煦涵说JSON；redux-demo；Angular 组件间通信

WEB前端面试题汇总（JS）如何解决跨域问题：跨域原因：由于浏览器的同源策略限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。在脚本中发起HTTP请求，出于安全考虑，会被浏览器限制，html中通过标签请求不存跨域：img…
Vue 重写前端导航Vue 重写前端导航 Demo 思路时隔之前开发的前端导航已有很长一段时间了。为什么改版，一则：平时适用于个人，有很多要吐槽的地方，由于是纯文字，辨识度低。个人是个夜猫子，喜欢暗褐色。欢迎伙计们前来吐槽！ …
Webpack 2 中一些常见的优化措施 Webpack 是一款强大的前端构建工具, 社区对其介绍的相关文章已经很多了, 本文不再赘述. 基于 Webpack 2, 本文是对我在搭建团队前端脚手架的过程中, 搜罗的 Webpack 2 常见的优化措施的一个总结. —— 由会飞的Pikachu分享
canvas之基础花了半个月时间看完一遍《SVG Essentials》后，再看《HTML5+canvas基础教程》感觉大部分内容都比较轻松，很多canvas的方法和svg的元素属性之间有着及其相似的功能。前段时间一直忙项目，外加上看canvas基础教程…
https那些事https简介名称超文本传输安全协议（英语：Hypertext Transfer Protocol Secure，缩写：HTTPS，常称为HTTP over TLS，HTTP over SSL或HTTP Secure）是一种网络安全传输协议. 目的 HTTPS开发的主要目的，是提供对…
煦涵说JSONJSON(Javascript Object Notaion, javascript 对象表示法)，是一种数据交换格式，能够在服务器端交换数据， 2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。 JSON 数据格式的优点：与语言无关的…
redux-demodemo1 {代码…} demo2 MyRedux.js: {代码…} reducers.js: {代码…}
Angular 组件间通信阅读原文：Getting Components to Communicate in Angular 核心要点：由于Angular是基于组件的应用架构，因此可以在组件之间进行进行数据传递。你可以使用@Input()将数据传递到子组件中。你可以使用@Output()从子组件中获取数据。随着应用变得越来…
JavaScript 正则进阶之路——活学妙用奇淫正则表达式正则表达式（Regular Expression），这是一块硬骨头，很难啃，但是啃着又很香。所以今天我也来爆一些正则表达式的奇技淫巧。 —— 由微醺岁月分享
记一次 Go websocket 项目内存泄露排查 + 使用 Go pprof 定位内存泄露从同事接手了一个项目。这个项目是用了这个库，仿照socket.io的功能，和前端进行交互。因为之前是用socket.io做的后端，但是觉得性能不够用了，就改用Go来进行重构。重构之后，发生内存泄露的现象。这个项目峰值大概维护1w-1.5w个socket长连接,一开始内存消耗量大概到2g-3g。然而，当连接数没有…
Javascript 模块现状原文链接：The state of JavaScript modules 最近在 twitter 上有很多关于 ES Module 现状的讨论，尤其是在 Node.js 上，因为他们计划引入 *.mjs 文件扩展名。人们的担忧和不确定性是情有可原的，因为这个主题很…
制作 JavaScript 测验表 demo 本文通过分段叙述JavaScript代码实现测验demo，此demo功能如下：可自定义问题及答案分页显示问题显示答对题目数目对于正确和错误答案就行区分倒计时功能测验的基本结构首先，罗列测验问题和答案在JavaScript代码中，然后脚本就会自
《HelloGitHub》第 14 期分享、推荐 GitHub 上好玩、容易上手的项目，帮你找到编程的乐趣。 —— 由削微寒分享
#前端技术#【面向对象的 JavaScript – 深入了解 ES6 类】详见：众所周知，JavaScript 中是没有传统类的定义。但在 ES6 中，新增了 Class 类的概念，让语法更像是面向对象编程。在本文中，作者将通过示例，带大家来深入的学习 ES6 类。[喵喵]
《Web Service 那点事儿（1）》Web Service，即“Web 服务”，简写为 WS，从字面上理解，它其实就是“基于 Web 的服务”。而服务却是双方的，有服务需求方，就有服务提供方。本文将从实战的角度，描述使用 Java 开发 WS 的工具及其使用过程。（by 黄勇）
#开源项目#【快速、高级的 PNG 编码与解码器：UPNG.js】详见： UPNG.js 是一个快速、高级的 PNG 编码与解码器，同时它也是 Photopea（在线的图像编辑器）的主要 PNG 引擎。你可以通过它来进行 PNG 图像的无损压缩。Demo 地址：
#前端头条#【JavaScript内部原理系列－闭包（Closures）】概要本文将介绍一个在JavaScript经常会拿来讨论的话题 —— 闭包（closure）。闭包其实已经是个老生常谈的话题了；有大量文章都介绍过闭包的内容，尽管如此，这里还…请戳→ #前端开发博客#
#前端技术#【JavaScript 高级优化手册】详见：这是一本旨在帮助你了解如何使用 JavaScript 语言功能来优化性能的手册。涉及了工作流、V8、数组对象、日期、函数等内容。[威武]
#JavaScript#【《JavaScript模式》函数】本章将会介绍在JavaScript中定义函数的几种方式，包括函数表达式和函数声明以及局部作用域和变量声明提前的工作原理。然后会介绍一些有用的模式，帮助你设计API、搭建代码架构、并优化性能。 #前端开发博客#