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

GitHub 万星推荐：黑客成长技术清单；Angular、Vue、React 和前端的未来；测试 JavaScript 函数的性能；CSS Grid 布局完全指南；2017-08-07 前端日报；基于vuejs的消息气泡插件；常用scss总结（持续更新）；前端清单：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨

GitHub 万星推荐：黑客成长技术清单最近两天，在reddit安全板块和Twitter上有个GitHub项目很火，叫“Awesome Hacking”。 “Awesome Hacking”在reddit上有超过四百个赞，但管理员后来认为不适合该板块（Awesome类项目没有新的内容），给了“reject”。这个项目由Twitter账号@HackwithGithub 维护，混Twitter的安全爱好者应该了解，在@Hac…
Angular、Vue、React 和前端的未来最近社区针对框架的争论，从发文互怼再到粉丝站队再到大漠穷秋准备离职，令人唏嘘不已。不知从何而起，前端圈已经逐步变成了前端娱乐圈。越来越多的人开始站队 Angular、Vue、React，仅仅围绕这些库或者框架进行前端技术讨论，这实在不是什么好的现象。其实我想基于我个人的经验聊下前端的演进和未来，希望可以贡献微薄…
《测试 JavaScript 函数的性能》通过 performance.now() 测试函数的运行时间，从而得出该函数性能，本文后面也介绍了该API 的一些常见错误。（ Wing 译）
#前端技术#【CSS Grid 布局完全指南】详见：这是一个带你了解 CSS Grid 布局的基本概念以及用法的完全指南。学习 Grid 布局的朋友，推荐一读。[给力]
2017-08-07 前端日报2017-08-07 前端日报精选 JavaScript创建对象—从es5到es6HTML5按钮元素新属性formaction,formenctype等简介聊聊 React Router v4 的设计思想[译] 渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid一个少女心满满…
基于vuejs的消息气泡插件之前介绍了一款基于vue的文本折行显示组件 ellipisis-plus ，今天介绍一款仿照QQ消息气泡的插件 vue-bubble 。仿照QQ消息气泡想法的起源是来自掘金的安卓小伙伴们，看到他们在安卓平台实现了这种效果，所以想迁移到web上。在这里要感谢他们。先放张图看一下效果：实现原理使用SVG绘制贝塞尔…
常用scss总结（持续更新） //伸缩盒（旧） @mixin box{display: -webkit-box;display: box;} @mixin pack-c{@include box;-webkit-box-pack:center;box-pack:center;} @mixi
前端清单：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨前端每周清单第 25 期：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 React 动画作者：王下邀月熊编辑：徐川前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮…
使用Angular组件的四个技巧要点：给组件起个好名字正确地使用事件遵循Rule of One 保持模块化，最小化双向绑定知道该在什么时候使用组件如果想要提高应用的质量，那就需要提高代码的质量。这可能意味着需要理解一个新思想，也可能意味着以一种更好、更有效的方式实现现有的思想。例如，学会以最有效的方式…
腾讯发布 Omix 1.0 – 用 JSX 或 hyperscript 创建用户界面 Omix 1.0 https://user-gold-cdn.xitu.io/2017/8/8/bbe2ce1c1e7e925005df0f1cc8938374 今天，腾讯正式开源发布 Omix 1.0，让开发者使用 JSX 或 hyperscript 创建
只需四个步骤：使用 React 实现页面过渡动画翻译：疯狂的技术宅作者：Martin Haagensli英文标题：Animated page transitions with React Router 4, ReactTransitionGroup and Animated英文地址：https://hackernoon.com/animat…说明：本文首发于公众号：j…
前端清单：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 R… 前端每周清单第 25 期：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 React 动画作者：王下邀月熊编辑：徐川前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等…
JS基础之常用小技巧和知识总结(二)本文主要记录平时开发遇到的知识点和小技巧原型对象与原型链 JavaScritp 引擎在访问对象的属性时,如果在对象本身中没有找到,则会去原型链中查找,如果找到,直接返回值,如果整个链都遍历且没有找到属性,则返回 und…
初识RxJS 什么是Rx.JS? Rx.JS是英文 Reactive Extensions for JavaScript 的缩写.翻译成中文就是:JavaScript的响应式扩展.其主要的功能就是利用响应式编程的模式来实现JavaScript的异步式
前端清单：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 React 动画 – 知乎专栏前端每周清单第 25 期：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 React 动画作者：王下邀月熊编辑：徐川前端每周
如何用好JavaScript console 在JavaScript中，最基本的调试工具就是console.log()。console中有还很多其他的实用方法可以成为开发者调试的好帮手。在JavaScript中，最基本的调试工具就是console.log()。console中有还很多其他的实用方法可以成为开发者调试的好帮手。
ES6 Generator 基础指南本文翻译自：The Basics Of ES6 Generators 由于个人能力有限，翻译中难免有纰漏和错误，望不吝指正issue JavaScript ES6(译者注：ECMAScript 2015)中最令人兴奋的特性之一莫过于Generator函数，它是一种全新的函…
《Vue2源码分析-逻辑梳理》很久之前就看完vue1，但是太懒就一直没写博客，这次打算抽下懒筋先把自己看过了记录下来，否则等全部看完，估计又没下文了。（by Aaron）
WebView 开车指南之最全实用案例为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。现如今，Hybrid应用似乎占据的APP的主流类型，那么关于WebView的使用就变得越发的重要。从Android 4.4（KitKat）开始，原本基于WebKit的WebView…
Vue可以用NativeScript写了! This plugin integrates Vue and NativeScript, allowing you to build cross-platform iOS and Android apps using Vue. This plugin integrates Vue and NativeScript, allowing you to build cross-platform iOS and Android apps using Vue.
编写自己的代码库（javascript常用实例的实现与封装–续）1.前言这个系列的上一篇文章（编写自己的代码库（javascript常用实例的实现与封装））总结了34个常见的操作。但是在开发中，常见的实例又何止这么多个，经过这些日子的探索，以及他人的意见，现在得追加一些操作…
翻译 | 一行JavaScript代码的逆向工程原文地址： Reverse Engineering One Line of JavaScript 原文作者：Alex Kras 译者：李波校对者：冬青、小萝卜几个月前，我看到一个邮件问：有没有人可以解析这一行 JavaScript 代码
```
n=setInterval("for(n+=7,i=k,P='p.n';i-=1/k;P+=P[i%2?(i%2*j-j+n/k^j)&...
```
项目实践：从react-router v3迁移到v4 前言今年3月初发布了react-router v4，相较之前的v3和v2版本做了一个破坏性的升级。遵循一切皆React Component的理念。静态路由变成了动态路由。这里记录下v3项目如何迁移到v4。项目地址：https://github.c
一份关于webpack2和模块打包的新手指南webpack已成为现代Web开发中最重要的工具之一。它是一个用于JavaScript的模块打包工具，但是它也可以转换所有的前端资源，例如HTML和CSS，甚至是图片。它可以让你更好地控制应用程序所产生的HTTP请求数量、允许你...
CSS那些事儿——居中布局前言居中布局，是前端页面最常见的一种布局需求。刚开始学习前端时还是困扰了一段时间，后来看了Centering in CSS: A Complete Guide一文后才算掌握了方法。下面将现今自己了解的居中布局方法作个小总结。概述 ...
【技术分享】利用脚本注入漏洞攻击ReactJS应用程序 2017-08-07 09:57:22 阅读：150次来源： medium.com/@muellerberndt 作者：WisFree 译者： WisFree 预估稿费：200RMB 投稿方式：发送邮件至linwei#360.cn，或登陆网页版在线投稿 ReactJS 是一款能够帮助开发者构建用户接口的热门JavaScript库。在它的帮助下，开...
JavaScript创建对象—从es5到es6 本文主要讲述了使用JavaScript创建对象的几种方式，分别是传统的Object构造函数、对象字面量、工厂模式、构造函数模式、原型模式、组合模式，以及es6的class定义类。然后从babel的角度探究es5与es6创建对象的区别。 1.创建对象的几种方式 es6出现之前，ECMAScript中是没有类的概念的，对象的实例化都是通过调用func...
vuejs使用FormData，ajax上传图片文件我相信很多使用vuejs的朋友，都有采用ajax上传图片的需求，因为前后端分离后，我们希望都能用ajax来解决数据问题，传统的表单提交会导致提交成功后页面跳转，而使用ajax能够无刷新上传图片等文件。其实已经有朋友...
【游历JavaScript IoT应用开发平台】物联网时代的脚步声已经越来越响亮，面对IoT这个纷争初起的领域，程序员们该何去何从？本文将带领诸位进行一次IoT应用开发平台的游历之旅，帮助大家了解该领域当今的发展状态，尤其是基于JavaScript的IoT应用开发平台。
【翻译】Vue.js源码分析：计算属性如何工作这篇文章我们我会用很简单的方法来实现类似计算属性的效果，以此学习Vue.js的计算属性的运行机制。这篇文章我们我会用很简单的方法来实现类似计算属性的效果，以此学习Vue.js的计算属性的运行机制。