20180922 前端开发日报

Vue常见面试题整理;前端程序员不知道的14个JavaScript调试技巧,你知道几个?;探索 SMACSS:可扩展的模块化 CSS 框架;Nodejs爬虫,使用cheerio+request+phantomjs实现超简单爬虫;分析 HTTP 203 出的一个 JS 题目;读完这篇文章,就能拥有炫同事一脸的超能力:JavaScript 魔幻代理;WebSocket的故事(五)—— Springboot中,实现网页聊天室之自定义消息代理;NodeJS Stream(可读流、可写流) API解读

  1. Vue常见面试题整理 摘要:Vue开发者不妨温习一下。 原文: Vue面试中,经常会被问到的面试题/Vue知识点整理 地址: https://segmentfault.com/a/1190000016344599 作者:沉静地闪光 本文经授权转载,仅用于学习,版权归原作者所有。 看看面试题,只是为了查漏补缺,看看自己那些方面还不懂。切记不要以为背了面试…
  2. 前端程序员不知道的14个JavaScript调试技巧,你知道几个? 技术领域总是充满着神秘的未知和挑战,有趣又令人不能自拔。就像 JavaScript,即使是每天使用它进行开发交互的开发人员,而语言的某些部分仍然未被开发。 了解工具可以使工具最大限度的帮助你完成任务。尽管JavaScript的调试非常麻烦,但在掌握了技巧 (tricks) 的情况下,依然可以用尽量少的的时间解决这些错误 (error…
  3. 探索 SMACSS:可扩展的模块化 CSS 框架 原文地址:Exploring SMACSS: Scalable and Modular Architecture for CSS 原文作者:SLOBODAN GAJIC 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者
  4. Nodejs爬虫,使用cheerio+request+phantomjs实现超简单爬虫 之前写过golang里比较好用的爬虫工具是 goquery 今天来介绍一下nodejs里的爬虫 创建项目 使用npm初始化一个nodejs项目 # 创建一个文件夹 crawling mkdir crawling # 进入文件夹并初始化 cd crawling npm init 安装依赖 yarn add cheerio request iconv-lite cheerio 像jquery一样用来解析网…
  5. 分析 HTTP 203 出的一个 JS 题目这是一道出自 HTTP 203 的 JS 题目。HTTP 203 是 Youtube 上的一个栏目,主要讲一些有趣的知识。
  6. 读完这篇文章,就能拥有炫同事一脸的超能力:JavaScript 魔幻代理上小学的时候,李小红来你家叫你出去玩,第一个回应的不是你自己,是你妈:“王小明在家写作业,今天不出去!”
  7. WebSocket的故事(五)—— Springboot中,实现网页聊天室之自定义消息代理 WebSocket的故事系列计划分五大篇六章,旨在由浅入深的介绍WebSocket以及在Springboot中如何快速构建和使用WebSocket提供的能力。本系列计划包含如下几篇文章: 第一篇,什么是WebSocket以及它的用途 第二篇,Spring中如何利用STOMP快速构建WebSocket广播式消息模式 第三篇,Springboot中,如何利用WebSocket…
  8. NodeJS Stream(可读流、可写流) API解读 流的介绍在 NodeJS 中,我们对文件的操作需要依赖核心模块 fs,fs 中有很基本 API 可以帮助我们读写占用内存较小的文件,如果是大文件或内存不确定也可以通过 open、read、write、close 等方法对文件进行操作,但是这样操作文件每一个步骤
  9. 理解 JavaScript 中的执行上下文和执行栈 原文地址:Understanding Execution Context and Execution Stack in Javascript 原文作者:Sukhjinder Arora 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/go
  10. Pinatra:轻量优雅的 Web 领域专用语言(框架) Pinatra is a PHP copy of Sinatra: a DSL for quickly creating web applications in PHP with minimal effort. Pinatra is still under the initial development. Example install composer require pinatra/framework=~0.0 run your own application! re…
  11. 使用 ng-packagr 打包 Angular为了让 Angular 类库应用范围更自由,Angular 提出一套打包格式建议名曰:Angular Package Format,包括 FESM2015、FESM5、UMD、ESM2015、ESM5、ES2015 格式,不同格式可以在不同的环境(Angular Cli、Webpack、S…
  12. 浅谈 TypeScript:PureComponent 我们都知道React的刷新机制,因此如果每一次的变动都要刷新一下界面,这对于应用程序的性能来说是一个非常不科学的事情,因此在没有PureComponent之前,我们都需要手动使用shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<S>, nextContext: any): boolean;来确认到底要不要刷新界面,…
  13. svgtofont.js 自动生成图标字体和彩色图标文件通过图标平台网站下载 svg 图标,将图标放到项目中管理,通过 svgtofont.js 工具来生成它,这将是新的字体图标使用方式:
  14. React-360 源码阅读:一张图带你理解 React-360 结构 终于开始准备连载这一系列,React-360 前身就是 React-VR。大概在 2.0.0 的时候还是使用 React-vr 来命名,但是随后重新开始了命名;因此安装的一些包的名称也有变化了。 比如我们在初始化的项目时候,需要安装 $ npm install -g react-360-cli 小插曲 为什么更名? 2017 年 Facebook 发布了…
  15. 前端每日实战:139# 视频演示如何用 CSS 和 D3 创作光斑粒子交相辉映的动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  16. Vue页面跳转动画效果实现 前言 现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter及CSS过渡动画的知识点,欢迎有兴趣的
  17. JavaScript引擎 V8 的前世今生 写在最前:欢迎你来到“UC国际技术”公众号,我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章,不限于原创与翻译。 本月不仅仅是 Chrome 的 10 周年,同时也是 V8 开源的 10 周年。这篇文章概述了
  18. 浅谈 TypeScript – 基础的组件通信 在 React 的世界中由于其本身的设计思路的原因,因此不同组件关于通信的问题,是一门很值得研究的基础方法,这些基础方法涵盖了在组件的使用过程中的方方面面,当然你也可以选择一些数据流的管理库来处理这个问题。那么,在 TypeScript 的世界里,我们又该如何
  19. 浅谈 TypeScript – 高阶组件 HOC 并不是一个很具体的组件,它仅仅是一个在 React 对组件进行重用的设计方法,这种设计方法是由 React 自身的设计思想而必然会产生。具体而言,高阶组件就是一个函数,它接收一个组件做为参数,并返回一个组件,这种设计方法的利用,我们可以在很多开源库中看

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

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


关注我

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

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

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