20181002 前端开发日报

使用 WebSocket 实现 JsBridge;千亿级 HttpDNS 服务是怎样炼成的;Vue 2.0学习笔记:事件总线(EventBus);刚上线的阿里达摩院官网,从前端角度看圈点之处;手写react优惠卷组件;前端自动化开发环境;手把手教你封装 Vue 组件并使用 NPM 发布;怎样学习React—从初级到高级路线图

  1. 使用 WebSocket 实现 JsBridge 去年写了个简单的 Android 壳子程序在部门内部使用,借助壳子程序 JavaScript (以下简称 JS)可以高效地使用拍照、签名、二维码扫描等原生功能,为 Web 项目提供接近原生的体验。但是一段时间使用下来,前端开发人员陆陆续续地反馈了一些蛋疼的问题,比如正常情况下可以使用 Chrome 浏览器的 chrome://inspect 功能…
  2. 千亿级 HttpDNS 服务是怎样炼成的 "鹅厂网事"由深圳市腾讯计算机系统有限公司技术工程事业群网络平台部运营,我们希望与业界各位志同道合的伙伴交流切磋最新的网络、服务器行业动态信息,同时分享腾讯在网络与服务器领域,规划、运营、研发、服务等层面的实战干货,期待与您的共同成长。 网络平台部以构建敏捷、弹性、低成本的业界领先海量互…
  3. Vue 2.0学习笔记:事件总线(EventBus) 许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用,但也涉及到组件之间的数据通讯。在Vue中同样有这样的概念存在。通过前面一段时间的学习,Vue组件数据通讯常常会有父子组件,兄弟组件之间…
  4. 刚上线的阿里达摩院官网,从前端角度看圈点之处 写在前面:从去年十月份,马云成立阿里巴巴达摩院,到今年9月28号一年整,阿里达摩院官网正式上线。作为从事互联网行业的人,大抵都是会去达摩院官网看看的,本文即我个人从前端角度对达摩院官网,进行的一次简单粗暴的测评,细数圈点之处,并提取一些作为前端可以值得借鉴和思
  5. 手写react优惠卷组件先看效果图 由于是截图,大小有些失真 实现分析 看到这个图,思考一下,就能明白,其实就两个难点: 左边的锯齿状是如何实现 中间的凹陷是如何实现 上述两个难点解决了,相信有css基础的都能写出这个组件。 实现…
  6. 前端自动化开发环境去nodejs官网下载最新稳定版本,即LTS版本,Windows环境下下载安装版,否则需要自己手动添加路径到环境变量中。安装成功打开cmd输入:
  7. 怎样学习React—从初级到高级路线图 原文戳这里 嘿,伙伴们! 这个指南是为初学React的朋友写的,在每个部分,我用心收集了最好的视频和文章,让我们学习起来更加容易。 注意:我跟下面提到的网站没有任何关系,纯粹是我个人的想法 预备知识 基本了解HTML,CSS和JavaScript 基本了解E
  8. 使用 javascript 替换 jQueryjQuery 曾风靡一个时代,大大降低了前端开发的门槛,丰富的插件也是前端开发者得心应手的武器库,但是,这个时代终于要落幕了。随着 JS 标准和浏览器的进步,jQuery 的很多精华被原生 JS 吸收,我们直接使用原生 …
  9. 原生JS实现抛物线动画以及动态模糊效果 苏格团队 作者:Jason 前言 某一天我收到了产品发来的微信消息。小X,我们的业务现在需要一个类似加入购物车的掉落动画,经过组织的慎重考虑,这个需求就交给你了。于是便有了这篇文章。本文并没有描述多少高深的技术,更多的是一些笔者在做动画时对动画原理的思考以
  10. CSS魔法堂:display:none与visibility:hidden的恩怨情仇还记得面试时被问起”请说说display:none和visibility:hidden的区别”吗?是不是回答完display:none不占用原来的位置,而visibility:hidden保留原来的位置后,面试官就会心一笑呢?其实不止那么简单呢!本文我们将…
  11. 浅谈 TypeScript – 优雅的使用 Redux 在阅读此篇文章之前,将默认你已经了解 Redux 的一些基础约束,如:action,reducer 等,对于在 TypeScript 的世界中使用 Redux ,对于其本身而言(指 Reudx)有很多不同的设计哲学,看于使用者来如何设计它。 有些朋友可
  12. Angular ElementRef 简介 Angular 的口号是 – “一套框架,多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)”,即 Angular 是支持开发跨平台的应用,比如:Web 应用、移动 Web 应用、原生移动应用和原生桌面应用等。 为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异,统一了 API 接口。如定义了抽象类 Rendere…
  13. 深入理解css之BFCBFC的全称是block formatting context(块状格式化上下文),当BFC起作用的时候,其元素内部无论怎么翻江倒海都不会影响到外部元素,同样,外部元素的变化也不会影响到BFC内部元素,这就跟结界一样,你可以理解为…
  14. 深入学习 Node.js Http GET / HTTP/1.1 Host: www.baidu.com Connection: keep-alive Cache-Control: max-age=0 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.110 Safari/537.36 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0…
  15. vue之nextTick源码阅读功能:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。默认使用micro, 但是公开了当需要的时候,可以配置强制使用宏任务的方法:在绑定DOM事件的时候,是强制macro
  16. 优秀前端必知的话题:我们应该做些力所能及的优化在 Web 应用开发过程中,我们经常谈及到的就是优化,而优化往往又是既简单而又复杂的过程,优化这个命题很广,最终体现出来的都是用户体验问题,我们一切优化都是为了用户体验。
  17. 前端每日实战:149# 视频演示如何用纯 CSS 创作一个宝路薄荷糖的动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  18. 鹅厂优文 | ReactJS一点通导语 | 当React 刚开始红的时候,一直觉得 JSX 的设计思想极其独特,属于革命性的创新,它性能出众,代码逻辑却非常简单,所以,受到很多开发者的关注和使用,认为它可能是将来 Web 开发的主流工具。
  19. Vue 折腾记 – (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动 前言 记录下过程遇到的一些问题及修正知识; 之前用的nuxt 1.4, 仅做备忘录,有兴趣瞧瞧,没兴趣止步; 问题 开发模式正常,部署模式下找不到静态资源 因为我这边用的nginx, 这个需要配置下nginx静态资源识别 location ~ .*.

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

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


关注我

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

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

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