20191111 前端开发日报

玉伯:我的前端成长之路;vue与react哪个更香?;Winter:前端团队的成长;前端与算法 leetcode 189. 旋转数组;Next.js部署web同构直出应用全指南(Mobx + Typescript);用初中数学知识撸一个canvas环形进度条;精读《React Conf 2019 Day1》;Vue项目中使用jsonp抓取跨域数据

  1. 玉伯:我的前端成长之路 编者按:本文通过玉伯授权后发布 注:这是在阿里内部前端大学的一个分享,整理了一份对外的版本,希望分享内容能对你有所帮助。 今天跟大家分享下个人成长和带团队的一些感悟。我可能更偏向于写作型或阅读型,很少在对外分享中讲关于成长的话题。今天尝试下,希望…
  2. vue与react哪个更香? 概述 Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有哪些,各自的优缺点是什么? 我想多数初级的前端工程师都有这个疑问,也面临着去深度学习哪个框架更好一些的疑问,那么本文将介绍一下两个框架的区别以及各自优略。 相同点 都是属于MVVM框架 都有双向数据绑定 都是数据驱动性的u…
  3. Winter:前端团队的成长 想要了解更多不掺水的原创,请戳上方蓝色字体:政采云前端团队 关注我们吧~ 前言 <FDay>前端技术分享会,是政采云前端团队(ZooTeam)的月度分享会。2019 年的 10 月期,我们有幸邀请到了 Winter(程劭非) ,为我们的前端同学做了一期关于前端团队成长的主题分享。之前也邀请过其他大牛来…
  4. 前端与算法 leetcode 189. 旋转数组把他当做一到简单的题来做,不要想太多了就好也可以不整那些花里胡哨的,直接旋转数组n次,我一开始也想到了这个办法,但是觉得太简单而且效率低下,想了很久也没想到合适的办法
  5. Next.js部署web同构直出应用全指南(Mobx + Typescript) 有关Next.js、同构直出、SEO、SPA等相关介绍将不再赘述,本文主要针对Next.js配合typescript和mobx搭建一个完整的生产部署的前端工程进行核心代码的分析以及主要坑点的讲解,非Next.js入门课程,下面我将会列出本教程所需要的前置预备知识和能力: nodejs服务端编程基础 已至少阅读一遍Next.js官方文档 熟练使用…
  6. 用初中数学知识撸一个canvas环形进度条周末好,今天给大家带来一款接地气的环形进度条组件vue-awesome-progress。近日被设计小姐姐要求实现这么一个环形进度条效果,大体由四部分组成,分别是底色圆环,进度弧,环内文字,进度圆点。设计稿截图如下:
  7. 精读《React Conf 2019 Day1》 “总的来看,React Conf 今年的内容视野更广了,不仅仅有技术内容,还有宣扬公益、拓展到移动端、后端,最后还有对 web 发展的总结与展望。”
  8. Vue项目中使用jsonp抓取跨域数据在下载的jsopn中,jsonp(url,options,callback)这个是原生jsonp方法中的参数;
  9. 前端与算法 leetcode 26. 删除排序数组中的重复项[TOC] 前端与算法 leetcode 26. 删除排序数组中的重复项 题目描述 26. 删除排序数组中的重复项 概要 一提到原地删除数组,就能立即想到双指针法,这道题本身也没什么难度,日常水题, 提示 双指针 解析 没有思路的时…
  10. 解密国内 BAT 等大厂前端技术体系:腾讯篇 解密大厂前端技术体系系列文章第三篇,腾讯作为国内唯二互联网巨头,一直都是低调赚钱,随着微信平台、腾讯云的崛起,其在跨平台、工程化、小程序等领域都有非常不错的积累,非常值得大家借鉴。
  11. 一份配置,轻松搞定Vue表单渲染 表单可以说是前端开发中最经常遇到的元素之一。在日常表单的开发中,存在着 v-if 条件渲染、满屏magic number枚举值,再加上表单之间的复杂的联动交互的情况,往往使得一个看似简单的表单变得愈加臃肿不堪。 表单的联动关系与状态重置往往散落在各个函数方法中,随着需求的不断扩充与变更,使得表单之间的耦合复杂度…
  12. 从一道面试题中总结JS作用域,this 指向和箭头函数 最近小弟在网上看到一道面试题,题目虽然简单,但包含的知识点较多,有利于对 JavaScript 作用域,this 指向,call/apply,箭头函数的理解。在这里跟大家分享总结一下。 题目先睹为快 var a = 10 var obj = { a: 20, say: function() { console.log(this.a) } } obj.say() 复制代码 很明显答案是输出 20…
  13. 玩转RN:IOS如何导出原生模块并在js中调用 React Native 的宗旨是『Learn once, write anywhere.』,换句话说,在 RN 开发中,大多数时候,开发者并不需要关心 native 那一层,安心编写react组件以及相应的业务逻辑就可以了。 不过有的时候,也会需要用到原生的模块,比如: 高性能计算:图片处理、文件压缩等; 复用native已有的模块:比如跨Android、IOS…
  14. ZooTeam 前端周刊|第 55 期上篇文章介绍了 Suspense, 那么这篇文章就讲讲它的好搭档 useTransition。如果你是 React 的粉丝,这两篇文章一定不能错过。 我们知道 React 内部做了翻天覆地的优化,外部也提供了一些紧凑的新 API,这些 API 主…
  15. V8 的 JavaScript 执行管道 “V8 执行管道经过多次调整,本文只选取早期执行管道中较为关键的一个阶段。”
  16. 桌面浏览器通知JS API 查看Chrome已经授权的通知站点 chrome://settings/content/notifications 如何设置通知? 兼容性:IE系列不行,手机浏览器不行,其余都可以 代码: <button id="notifyButton">Notification</button> <script> document.getElementById(‘notifyButton’).onclick = function () { if(…
  17. 前端部署发展史 “随着 DevOps 的发展,前端部署越来越简单,可控性也越来越高,建议所有人都稍微学习一下 DevOps 的东西。”
  18. Winter:前端团队的成长 想要了解更多不掺水的原创,请戳上方蓝色字体:政采云前端团队 关注我们吧~ 前言 <FDay>前端技术分享会,是政采云前端团队(ZooTeam)的月度分享会。2019 年的 10 月期,我们有幸邀请到了 Winter(程劭非) ,为我们的前端同学做了一期关于前端团队成长的主题分享。之前也邀请过其他大牛来…
  19. vue的provide / inject 有什么用?vue的父子组件通信用什么?:prop和$emit的组合。如果是爷孙组件呢?:那么就要用父组件来转发数据和事件了。如果是太爷爷和孙子组件呢?:当然是vuex啦emmm 好的,没我啥事了,我这就走。
  20. Angular数据请求之HttpClient Httpclient引入 模块引入 import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’; import { HttpClientModule } from ‘@angular/common/http’; @NgModule({ imports: [ BrowserModule, // import HttpClientModule after BrowserModule. H…
  21. vue ssr服务端渲染小白解惑初学vue服务端渲染疑惑非常多,我们大部分前端都是半路出家,上手都是前后端分离,对服务端并不了解,不说java、php语言了,连node服务都还没搞明白,理解服务端渲染还是有些困难的;
  22. JS进阶 – 深入async await

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流