20170809 前端开发日报

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

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

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

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

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

发表评论

请登录后发表评论: