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

2017-08-08 前端日报；前端框架选型续 && 分享下使用 Backbone、Vue、Angular、React 的经验；Vue.js 2 高仿饿了么开发及解注二：header 组件；ajax+php+mysql实现无刷新点赞功能；如何写一份好的前端面试简历?；用 Node.js 把玩一番 Alfred Workflow；前端清单：Vue2 响应式原理等；React 与其他库的集成

2017-08-08 前端日报2017-08-08 前端日报精选一行 JavaScript 代码的逆向工程【译】只需四个步骤：使用 React 实现页面过渡动画如何实现一个基于 DOM 的模板引擎解剖react组件的多种写法与演进《深入理解ES6》笔记——扩展对象的功能…
前端框架选型续 && 分享下使用 Backbone、Vue、Angular、React 的经验上周，知乎上有几篇关于 Angular 和 Vue 对比的文章。本来想着的是，这些文章倒是可以指导下新手，作一些技术选型。可遗憾的是，开始的文章失去了一些偏颇，后面的文章则开始了一些攻击性行为。慢慢的，整个知乎上便是充满了一些戾气，开始了无尽的网络暴力。于是，我想分享一下之前使用这些 MV* 框架的经验。前端…
Vue.js 2 高仿饿了么开发及解注二：header 组件欢迎交换友链： Laker’s Blog–进击的程序媛 Github： https://github.com/younglaker V信: lakerHQ （请注明‘来自博客’）慕课网早期出了《Vue.js 1 高仿饿了么APP》的课程，本系列文章根据课程，使用 Vue.js 2 版本进行开发，并进行了一步步开发流程记录和详细的代码注解。原作者的代码我做的含有详…
ajax+php+mysql实现无刷新点赞功能从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。原理就是通过ajax异步提交数据给数据库。首先前端页面就是一个按钮和赞数量。数据库名，test，表名zan，字…
如何写一份好的前端面试简历?简历的本质原文地址在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是…
用 Node.js 把玩一番 Alfred Workflow 本文首发在我的个人博客： http://muyunyun.cn/posts/4c23be51/ 插件地址 (集成Github、掘金、知乎、淘宝等搜索) 作为 Mac 上常年位居神器榜第一位的软件来说，Alfred 给我们带来的便利是不言而喻的，其中 workflow(工作流) 功不可没，在它上面可以轻松地查找任何 api；可以快速在豆瓣上搜到自己喜欢的电影、图…
前端清单：Vue2 响应式原理等前端每周清单第 25 期：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 React 动画作者：王下邀月熊编辑：徐川前端每周清单第 25 期：Vue2 响应式原理，RN 运行内置 Node，JS 巧用 Proxy 反混淆，GraphQL 优劣思辨，深入 React 动画作者：王下邀月熊编辑：徐川
React 与其他库的集成 React可以在任何web应用中使用。React可以嵌入其他的应用中，也可以将其他的应用嵌入React中，不过需要多加小心。本篇教程将介绍部分常见的使用场景，主要包括集成jQuery和Backbone,但是同样的思想可以用来集成组件到其他任何现有的代码。 React可以在任何web应用中使用。React可以嵌入其他的应用中，也可以将其他的应用嵌入React中，不过需要多加小心。本篇教程将介绍部分常见的使用场景，主要包括集成jQuery和Backbone,但是同样的思想可以用来集成组件到其他任何现有的代码。
一步一步教你 JavaScript 函数式编程（第一部分）在阅读关于 Currying(柯里化) ， Partial Application(偏函数应用) 和其他函数式编程技术之后，一些开发人员不知道应该什么时候使用这些方法；为什么要这样使用？在接下来的三篇系列文章中，我们将尝试解决这个问题，我们会尝试，并向你展示在阅读关于 Currying(柯里化) ， Partial Application(偏函数应用) 和其他函数式编程技术之后，一些开发人员不知道应该什么时候使用这些方法；为什么要这样使用？在接下来的三篇系列文章中，我们将尝试解决这个问题，我们会尝试，并向你展示
Online VS Code IDE for Angular & React ⚡ 在线开发/打包React/Angular项目，支持npm包引用，es6/7语法，https://stackblitz.com/ 在线开发/打包React/Angular项目，支持npm包引用，es6/7语法，https://stackblitz.com/
HTTP协议详解（真的很经典） – Hundre – 博客园 Http是前端同学进阶的毕竟之路，推荐前端同学好好读读。 Http是前端同学进阶的毕竟之路，推荐前端同学好好读读。
Vue2 导出excel今天在开发的过程中需要做一个Vue的导出功能。老司机开车使用 js-xlsx 里面有vue的部分可以参考废话不多说了，直接贴代码一、在index.html中引用js文件 {代码…} 二、在vue文件中三、展示注意:这里使用了html…
手把手教你撸个vue2.0弹窗组件手把手教你撸个vue2.0弹窗组件在开始之前需要了解一下开发vue插件的前置知识，推荐先看一下vue官网的插件介绍预览地址 http://haogewudi.me/kiko/inde… 源码地址 https://github.com/rascalHao/… 搭建项目 …
vue2.0仿半糖vue2.0仿半糖 Vue是构建用户界面的先进框架。它不像其他全能的框架，Vue是从头开始逐渐设计起来的。核心库只专注于视图层，它非常容易上手并且可以与其他库或现有的项目进行整合。在另一方面，当与相关工具和支持…
【怎么轻松学习JS】JS给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习JS的途径。我试着总结自己学习多年的经验，希望能给后来的学习者探索出一条“轻松学习JS之路”。详见（来自：宁哥1455153071）
解密Angular WebWorker Renderer (一) 先来做个对比开发框架版本：Angular 4.x 项目地址： Charway/angular-webworker-renderer-demo 运行结果：传统的UI线程渲染效果（上图），使用WebWorker线程渲染（下图）从动图中很明显可以看出，使用了WebWorker Renderer渲染的页面运行流畅，没有卡顿。简单介绍下Web WokerWeb W…
腾讯发布 Omix 1.0，用 JSX 或 hyperscript 创建用户界面今天，腾讯正式开源发布 Omix 1.0，让开发者使用 JSX 或 hyperscript 创建用户界面。 Github 功能特性超级快的速度, 点击这里体验一下超小的尺寸, 7 KB (gzip) 良好的兼容性 IE8 内置支持JSX 和 hyperscript 支持局部 CSS, 不用费尽心思去想选择…
Vue.js教程: 构建一个预渲染SEO友好的应用示例分享一篇有关于vue.js SEO的文章，提供搜索引擎优化的相关思路。分享一篇有关于vue.js SEO的文章，提供搜索引擎优化的相关思路。
采用 Serverless 架构搭建 Web 应用小编说：本文会向你介绍一种新的可能，一种无服务器的方案来搭建Web应用。使用这个方案大部分运维方面的问题就不需要你自己操心了，而且也省去运行服务器的费用。本文从无服务的优势与限制两方面带您初识Serverless设计。本文选自《Serverless架构：无服务器单页应用开发》。在传统Web应用中，服务器是系统不可缺…
JavaScript专题之如何判断两个对象相等 JavaScript 专题系列第十二篇，讲解如何判断两个参数是否相等前言虽然标题写的是如何判断两个对象相等，但本篇我们不仅仅判断两个对象相等，实际上，我们要做到的是如何判断两个参数相等，而这必然会涉及到多种类型的判断。相等什么是相等？在《JavaSc JavaScript 专题系列第十二篇，讲解如何判断两个参数是否相等前言虽然标题写的是如何判断两个对象相等，但本篇我们不仅仅判断两个对象相等，实际上，我们要做到的是如何判断两个参数相等，而这必然会涉及到多种类型的判断。相等什么是相等？在《JavaSc
Angular如何在模板驱动表单中自定义校验器引言模板驱动表单相比较响应式表单可以少更少的代码做同样的事情，可也损失了自由度与更易测试，当然很多人并不在乎啦。所以我相信很多人在编写Angular不自由自主去更倾向于模板驱动表单的写法。表单最核心的…
ReactNative学习笔记十三之布局详细解析又是一周过去了，似乎上周我只更新了一篇文章，最近工作实在太忙，望大家见谅。今天要讲的还是布局相关的，之前已经对布局中主要属性做了介绍，这次，会对布局中其他属性进行介绍。 alignSelf alignSelf是指相对于父容器，自身的位置，有auto,flex-
h5与react-native(android端) ,nodejs下接入支付宝进行支付的半年前跟老师做项目的时候遇到需要接入支付宝进行支付。这一年以来接触前端觉得涉猎的东西太多了,现在好像什么都不会。。。 ~还是把炒一下,实际接入场景可能根据业务都有所区别，这里通过以前做的项目作为示例,业务的内容不需要纠结,只需要从用法上理解即可。示例 ( 半年前跟老师做项目的时候遇到需要接入支付宝进行支付。这一年以来接触前端觉得涉猎的东西太多了,现在好像什么都不会。。。 ~还是把炒一下,实际接入场景可能根据业务都有所区别，这里通过以前做的项目作为示例,业务的内容不需要纠结,只需要从用法上理解即可。示例 (
HTML5音频API Web Audio此文介绍HTML5音频API的主要框架和工作流程，因为音频处理模块很多，因此只简单介绍几种音频处理模块，并通过例子来展示效果。后续会介绍利用HTML5音频API实现的项目，欢迎大家关注，敬请期待。 HTML5音频API的主…
React组件ActionSheet的简单封装花个几分钟看看简化版ActionSheet组件在React中的封装过程花个几分钟看看简化版ActionSheet组件在React中的封装过程
《你真的了解 WebSocket 吗？》WebSocket协议是基于TCP的一种新的协议。WebSocket最初在HTML5规范中被引用为TCP连接，作为基于TCP的套接字API的占位符。本文将使用Python编写Socket服务端，一步一步分析请求过程。（by Mr.Seven）
如何使用 GitLab 和 Rancher 构建 CI/CD 流水线（一）该系列文章将向你演示如何使用GitLab和Rancher构建CI/CD流水线。此文为第一篇，教你如何在Rancher中部署、配置GitLab并保障其安全。介绍 GitLab核心是集成管理Git存储库的工具。比如你希望创建一个提供服务的平台，那么GitLab将提供强大的身份验证和授权机制、工作组、问题跟踪、wiki和片段，除此之外还…