20170808 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170808 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170808.html)
评论已关闭。