20180607 前端开发日报

聊一聊前端「同构」;前端的水平线,错误处理和调试;浅入浅出前端这些技术;20180606 前端开发日报;大学没学过数学也要理解 css3 transform 中的 matrix;面试官: 你为什么使用前端框架?;基于chart.js绘制热力图;Promise,Next-Ticks 和 immediate – Nodejs 事件循环第 3 部分

  1. 聊一聊前端「同构」 一、什么是同构 同构是指同开发一个可以跑在不同的平台上的程序。例如开发一段 js 代码可以同时被基于 node.js 开发的 web server 和浏览器使用。本文中我们就要聊聊这种场景下,为什么以及怎么样开发一个同构的 web 应用。 二、
  2. 前端的水平线,错误处理和调试 本章内容 理解浏览器报告的错误 处理错误 调试JavaScript代码 错误处理 错误处理在程序设计中的重要性是一定的。任何有影响力的Web应用程序都需要一套完善的错误处理机制。 try-catch语句 try { // 可能会导致错误的代码 }
  3. 浅入浅出前端这些技术 序 近期要给外包培训,需要准备一些内容,稍微梳理了一下,发现前端技术名词的确多啊,不过很多新概念都是换汤不换药的纸老虎,本文尝试浅入浅出的梳理一下。 从 HTML 说起 老司机可跳过本段直接下一题。 大家学前端应该都是从 HTM
  4. 20180606 前端开发日报】Deno 并不是下一代 Node.js;CSS魔法堂:Flex布局;Angular 工程之美;基于 HTML5 WebGL 的 3D 棉花加工监控系统;微软收购 GitHub 在即;为什么 VueX 是前端与 API 之间的完美接口;前端的焦虑,你想过30岁以后的前端...详情→ ​​​
    20180606 前端开发日报
  5. 大学没学过数学也要理解 CSS3 transform 中的 matrix 大学没学过数学也要理解 CSS3 transform 中的 matrix 前言 CSS3 中使用 transform 可以对元素进行变换。其中包含:位移、旋转、偏移、缩放。 transform 可以使用 translate/rotate/ske
  6. 面试官: 你为什么使用前端框架? 面试官系列(5): 你为什么使用前端框架? 往期 面试官系列(1): 如何实现深克隆 面试官系列(2): Event Bus的实现 面试官系列(3): 前端路由的实现 面试官系列(4): 基于Proxy 数据劫持的双向绑定优势所在 前言 自 Backb
  7. 基于chart.js绘制热力图 最近玩了玩图表的热力图,因为公司有同事想做无线设备的信号强度可视化,在不同频段(x 轴: MHz)的信号强度 ( y轴: dbm)本身就是一个两维的数据,加上随着时间的信号强度变化,在二维空间中会累加出热区效果,我们可以计算出热力值作为第三维数据。 ps: 以
  8. Promise,Next-Ticks 和 immediate - Nodejs 事件循环第 3 部分
  9. 架构师升级步骤和平时的工作内容】对于程序员来说,架构师是职业发展的一道坎,如果跨过去了,后面就前途无量了,否则可能一直得做着代码coding的事情。本文将从“如何升级”和“平时工作内容”两方面,说下我对架构师的认识。 全文=> ​​​   之前有网友说想看架构师升级的文章,所以写了本文。先给本文中架构师做个定义:第一,能力上达到(似乎是废话),第二,公司肯承认,不仅能给架构师的头衔,更能按架构师的标准发工资。   对于程序员来说,架构师是职业发展的一道坎,如果跨过去了,后面就前途无量了,否则可能一直得做着代码coding的事情。本...
    架构师升级步骤和平时的工作内容
  10. 再厉害的魔术也比不上真正的redux why redux? 随着 JavaScript 单页应用开发日趋复杂,管理不断变化的 state 非常困难 Redux的出现就是为了解决state里的数据问题 在React中,数据在组件中是单向流动的 数据从一个方向父组件流向子组件(通过props),由于
  11. 【可能是个假前端】扫雷之平铺算法 前言 作为一名前端攻城狮,写个假前端的 Topic ,什么鬼?你说一个好好的前端不做,搞什么假前端? FBI WARNING:正宗的前端知识移步专栏里隔壁大神系列 FBI WARNING If you want authentic front-end k
  12. 2018 年的前端是否有 “架构” 可言? 一,明确下架构的定义,按题主的说法,“整个后端的架构是非常复杂和庞大的,一个好的架构师需要在数不清的方案组合中进行架构选择”。 所以,回答前端的方案组合很多,是否就可以回应这个问题了。那么,前端架构的方案多吗?多如牛毛吧,比后端多很多很多吧。 -------------------以上是牛角尖,...
  13. 几个有用的Web API——网络状态API 几个有用的Web API——网络状态API 原文链接 前言 在手机上浏览视频网站,能够根据用户当前使用的网络类型,在必要的时候给出提示,是一种很好的体验。 像这样(手机UC浏览器): 这样(手机QQ浏览器):
  14. babel插件开发心得 前言 对于前端开发而言,babel肯定是再熟悉不过了,工作中肯定会用到。除了用作转换ES6和jsx的工具之外,个人感觉babel基于抽象语法树的插件机制,给我们提供了更多的可能。关于babel相关概念和插件文档,网上是有很多的,讲的挺不错的。详细的解析推荐官方
  15. 百度脑图解析:如何进行web复杂应用的渐进式开发 内容来源:2017 年 4 月 8 日,张博在“HTML5梦工场 & 微软开发者沙龙第05期—持续集成”进行《Web复杂应用的 「渐进式」开发》演讲分享。IT 大咖说(微信id:itdakashuo)作为独家视频合作方,经主办方和讲者审阅授权发布。阅读
  16. JavaScript中不得不说的断言? 断言主要应用于“调试”与“测试” 一、前端中的断言 仔细地查找一下JavaScript中的API,实际上并没有多少关于断言的方法。唯一一个就是console.assert: // console.assert(condition, message)
  17. 回答在职前端的疑问:平时工作是主抓业务还是主抓技术? 这个问题应该是一年到三年前端比较容易遇到的问题: 现在越来越觉的写业务代码无趣了,感觉就是一个搬运工。技术栈主要是 Vue + elementUI / react 。 前端工作已经有一年半多的时间了。我今年三月份突然想学习一下前端基础,在知乎上面知道的你,也
  18. Redux系列x:源码分析 写在前面 redux的源码很简洁,除了applyMiddleware比较绕难以理解外,大部分还是比较容易理解的。 这里假设读者对redux有一定了解,就不科普redux的概念和API啥的啦,这部分建议直接看官方文档。 此外,源码解析的中
  19. JavaScript中的“this”是什么? 如果你用Javascript库构建东西,你可能会注意到一个特定的关键字 this . this 在Javascript中使用是相当普遍的,但是有相当多的开发者都会花很多时间去理解this关键字在代码中到底有什么用途。 这篇文章中,我将会带你深入理解this。 在开始学习前,先确保你的电脑上已经安装了Node。打开命令行终端,...
  20. 关于react, redux, react-redux和reselect的一些思考 我在很早之前就知道reselect这个库了,它可以将selector的计算结果缓存下来,避免不必要的重复计算,可以用来做性能优化。因为时间等一些因素,一直没有将其应用到实际项目中去。随着项目的发展,页面中接口请求数的增加,引起了很多与性能相关的问题。尤其是手机
  21. 微软拿 480 亿买 GitHub 就为了拥抱开源?】Xamarin 创始人 Nat Friedman 走马上任成为 GitHub 新 CEO,而 Chris Wanstrath 则以微软技术院士的身份同向微软云计算与人工智能事业部执行副总裁 Scott Guthrie 汇报工作,至此,微软收购 GitHub 的战略意图已经非常明显了。 ​​​
    微软拿 480 亿买 GitHub 就为了拥抱开源
  22. #前端技术#【Three.js 粒子特效,Shader 渲染初探】详见: 本文将以尽量戏剧化的语言描述网页 3D 世界的构建流程及表面原理,希望能够对有兴趣的初学者有所裨益。 ​​​ 这大概是个序 关于Three.js,网上有不多不少的零碎教程,有些过于初级,有些云里雾里,而Three.js官网上的示例逼格之高又令人望而却步,这些对于没学过计算机图形学的童鞋来说,就像入门迈槛不知先迈左脚还是右脚,兴趣使然,于是我就先双脚蹦了进去试试水...
    Three.js 粒子特效,Shader 渲染初探
  23. 微软正式宣布收购 GitHub,GitHub 将保持独立开放 微软已经正式宣布收购全球最大的代码托管和协作平台 GitHub,以 75 亿美元微软股票收购,收购完成后的 GitHub 将仍是开放平台、独立运作。 微软将在开发的每个环节予力开发者,GitHub 仍将自由开放,开发者仍可以像现在这样使用 GitHub:任何语言、任何工具和系统、任何选择。 微软也将加速企...
  24. 详解 Parcel:快速、零配置 Web 应用打包工具 译者按: 新一代Web应用打包工具Parcel横空出世,快速、零配置的特点让人眼前一亮。 原文: Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 ...
  25. 利用 Jest 为 React 组件编写单元测试 图片来自 https://blog.algolia.com 在上一篇文章中我们介绍了什么是单元测试以及单元测试框架 Jest 的基本用法。在本文中我们会具体聊聊如何用 Jest 为 React 组件编写单元测试。
  26. 开发VUE使用第三库,发现有bug怎么办? 写在前面 本文只针对使用vue技术栈,进行讨论。 正文 使用vue技术栈开发,难免会使用第三库,这大大提高了我们开发的效率。然而,这是第三方库有bug怎么办? 既然有bug,就是现有功能没有达到预想效果。除了,等作者更新之外有没有其他方法解决? 作为有作为
  27. 完爆Facebook/GraphQL,APIJSON全方位对比解析(二)-权限控制 相关阅读: 完爆Facebook/GraphQL,APIJSON全方位对比解析(一)-基础功能   自APIJSON发布以来,不断有网友拿来和Facebook开发的GraphQL对比,甚至不少人声称“完爆”APIJSON。 然而事实正好相反,本系列博
  28. 闭包详解二:JavaScript中的高阶函数 注:文章最末尾有个人公众号二维码,会分享更多技术文章等,敬请关注 本文讲解的高阶函数是之前讲解的闭包的续集,所以在学习高阶函数之前,一定要确保对闭包以及作用域的概念已经有了解: 深入理解闭包之前置知识---作用域与词法作用域 闭包详解一 理解抽象
  29. 合并HTTP请求 vs 并行HTTP请求,到底谁更快? 本文讨论的场景基于HTTP 1.1, 不涉及HTTP 2,HTTP 2 的multiplexing特性下,讨论这个问题的意义并不大。 面试时,经常会问候选人一个问题:如何提高网页性能? 有些基础的人都会提到这么一条:减少/合并HTTP请求。 继续问:浏览器不
  30. 不换https,使用CSP(Content-Security-Policy)解决/缓解运营商dns劫持问题 The HTTP Content-Security-Policy response header allows web site administrators to control resources the user agent is allowed to

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

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

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