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

200 行代码实现 web 在线聊天室 (websocket)；JavaScript创建动态Dom；Vue2+Echarts 实现多种图表数据可视化 Dashboard 详解（附源码；适合于小团队的前端规范；ReactJS 生命周期、数据流与事件；CSS Flexbox 学习指南、工具与框架；[译] 成为一个成功的 Web 开发者所需的 21 步；React Native 实现的移动内容社区

200 行代码实现 web 在线聊天室 (websocket) – 200 行代码实现 web 在线聊天室，包括进入房间通知、离开房间通知、消息接收与发送、在线列表、服务器端信息备份。原创 by @ShanaMaid ｜阅读全文
#JavaScript#【JavaScript创建动态Dom】动态脚本我们在页面中使用<script>元素就可以向页面中插入JavaScript代码。有两种方式：一种是通过src属性引用外部的js文件，一种是用这个元素来包含一段js代码。所谓的动态脚本，…请戳→ #前端开发博客#
Vue2+Echarts 实现多种图表数据可视化 Dashboard 详解（附源码 – 将数据通过图表的形式展现出来将大大的提升可读性和阅读效率，本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等。原创 by @SimonZhang ｜阅读全文
#前端技术#【适合于小团队的前端规范】详见：本文为前端开发团队遵循和约定的代码书写规范，供大家参考。旨在提高代码的规范性和可维护性。[喵喵]
ReactJS 生命周期、数据流与事件 React是一个JavaScript库文件，使用它的目的在于能够解决构建大的应用和数据的实时变更。该设计使用JSX允许你在构建标签结构时充分利用JavaScript的强大能力，而不必在笨拙的模板语言上浪费时间。 1 生命周期在组件的整个生命周期中，随着该组件的props或者state发生改变，它的DOM表现也将有相应的变化，一个组件就是一…
[译] CSS Flexbox 学习指南、工具与框架 Flexbox 是一种更有效的布局方式，它能更好的分配容器空间，并控制项目的对齐。虽然，掌握它的理论有些复杂，但幸运的是，我们可以借助开放的网络来学习并逐步掌握它。在本文中，我们整合了一些最佳的 Flexbox 学习资源，它们可以帮助你了解Flexbox 的方方面面。涉及什么是 Flexbox，以及如何有效地使用它。 …
【[译] 成为一个成功的 Web 开发者所需的 21 步】一起来SegmentFault 头条阅读和讨论coyee分享的技术内容《成为一个成功的 Web 开发者所需的 21 步》
Poplar：React Native 实现的移动内容社区 Poplar is a social networking application written by React Native, backend server is implemented by Spring framework. I choose MySQL and Redis as persistent and cache solution. The focus of Poplar is on social and interest, enables you to build a social theme application on Poplar quickly…
React Native 一年实践回顾组内对于 React Native 的实践已经快一年了，我们组主要负责的是美团外卖 M 端的前端业务，涵盖了美团外卖的 CRM、供应链、合同和结算等系统，我们的用户主要是美团的 BD，也就是广大的地推团队，他们是贵司的制胜法宝，我们是他们的贴心小棉袄。为了更好的服务好广大的兄弟姐妹，满足移动化办公的需求，在 20…
#JavaScript#【javascript setAttribute使用兼容】总结：1:常规属性建议使用 node.XXXX。2:自定义属性建议使用node.getAttribute(XXXX)。 3:当获取的目标是JS里的关键字时建议使用node.getAttribute(XXX)，如label中的for…请戳→ #前端开发博客#
我如何使用 Django + Vue.js 快速构建项目 by 星辰引言大U的技术课堂的新年第一课，祝大家新的一年好好学习，天天向上：）本篇将手把手教你如何快速而优雅的构建前后端分离的项目，想直接上手请往后翻！目录：我为什么要选择Django与VueJS？ Django和VueJS是如何结合起来的？实操创建 D…
登录工程：现代 Web 应用的典型身份验证需求 by 陈计节朋友就职于某大型互联网公司。前不久，在闲聊间我问他日常工作的内容，他说他所在部门只负责一件事，即用户与登录。而他的具体工作则是为各个业务子网站提供友好的登录部件（Widget），从而统一整个网站群的登录体验，同时也能令业务开发者不用花费额外的精力去关注用户鉴权。这很有趣。可以看出…