20190514 前端开发日报

What's New in JavaScript;无限滚动插件vue-infinite-scroll源码解析;JS是世界上最好的语言—— 使用Electron开发桌面应用(一);从今天开始,拿起VuePress打造属于自己的专属博客;使用 git 篡改历史;一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构;三分钟掌握 React 高阶组件;GitHub Ranking:GitHub 中国用户排名 & 全球仓库 Star 最多排名

  1. What's New in JavaScript 前几天 Google IO 上 V8 团队为我们分享了 《What’s New in JavaScript》 主题,分享的语速很慢推荐大家可以都去听听就当锻炼下听力了。看完之后我整理了一个文字版帮助大家快速了解分享内容,嘉宾主要是分享了以下几点: JS 解析快了 2 倍 async 执行快了 11 倍 平均减少了 20% 的内存使用 class filed…
  2. 无限滚动插件vue-infinite-scroll源码解析 最近在项目中遇到一个需求,有一个列表需要滚动加载,类似于微博的无限滚动。当时第一反应时监听滚动事件,在判断滚动到达底部时加载下一页,同时心里也清楚,监听滚动事件需要做好截流。顺手搜索了下发现有一个现成的插件 vue-infinite-scroll ,用法也很简单,于是乎就用了起来。 需求上线后,对它的实现挺好奇的,于是…
  3. JS是世界上最好的语言—— 使用Electron开发桌面应用(一) 前阵子用Node+Vue搞了一个小程序的发布系统,开发期间一直在本地跑直到完成全部功能准备部署到服务器才发现了一个问题,根据官方的api小程序想要发布 必须 要依赖开发者工具!微信开发者工具会在你的本地启一个web服务,我们获取到它的端口号然后配合api才能完成上传。。。这就陷入了一个非常尴尬的局面,他喵的小程序开…
  4. 从今天开始,拿起VuePress打造属于自己的专属博客 本 blog 配套了一个基于 VuePress 的一个简单的配置案例,此配置案例包含了本 blog 绝大部分配置案例,更多详情请移步这里 VuePress配置案例 前言 问:这篇文章是干什么的? 答:列举博客站点常见的配置并提供详细配置步骤和配置截图 问:这篇文章适合哪些人? 答:想写博客,但并不知道如何写以及知道VuePre…
  5. 使用 git 篡改历史有时候我们需要修改 git 历史提交的文件内容,如果只是在前一个 commit,那么只需要修改文件并执行 –amend 即可:
  6. 一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构本文内容讲解的内容:一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。
  7. 三分钟掌握 React 高阶组件掌握这个有用的模式,停止在 React Components 中重复逻辑! 原文:React Higher Order Components in 3 minutes作者:Jhey Tompkins译者:博轩 PS:今天是母亲节,先祝所有母亲大人们节日快乐啦
  8. GitHub Ranking:GitHub 中国用户排名 & 全球仓库 Star 最多排名 README.md 排行榜预览:Github 预览 | UNPKG预览 | Gitee预览 Github Ranking Github中国用户排名,全球仓库 Star 最多排名,通过 Github API v3 来生成页面数据,排行榜预览。 Github 全球 用户 Followers 排名预览 Github …
  9. 前端插件库DataTables是jQuery的JavaScript函数库,目的是强化表格操作(如搜索、排序),并自动加入组件引入表格中,使用非常灵活简便。
  10. JavaScript如何工作:引擎,运行环境和调用栈概述 Home Programming >Front end >Javascript 【翻译】JavaScript如何工作:引擎,运行环境和调用栈概述 文章目录 前言 这是一篇翻译,在查 setInterval 的浏览器如何处理的过程中看到这一系列文章,感觉对自己理解 JS引擎 以及运行环境的工作细节有很大的帮助,决…
  11. webpack的那些事儿 不管是vue-cli还是react-sprite,其实都是基于webpack实现的。试想,如果没有脚手架,你自己能搭一个吗?看完这篇博客,让你明白webpak都有些什么东西  webpack其实没有那么神奇,就是一个打包工具,而且它本身只能打包js,而图片,css,html其实都是依靠它的loader和plugin完成的。 webpack.config.js文…
  12. Node.js实现一个HTTP服务器自己设计一个WEB的程序,监听80端口。支持多客户端连接,能满足客户的HTTP请求(浏览器访问),包括以下功能:
  13. 为什么 React16 对开发人员来说是一种福音就像人们对更新移动应用程序和操作系统感到兴奋一样,开发人员也应该对更新框架感到兴奋。不同框架的新版本具有新特性和开箱即用的技巧。
  14. Next.js源码简析,服务端渲染过程,以及_document、_app、pages这三者调用关系在自定义服务端中通过const app = next()创建实例并使用app.render(req, res)方法进行渲染
  15. webpack4-06-开发、生产环境、动态CDN配置 在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)、热模块替换(hot module replacement)能力的 source map(方便开发者调试代码) 和 localhost server(本地服务器)。 大致如下: webpack-dev-server实时重载、热替换 不压缩代码 css样式不提取至单独的文件中 使用sourceMa…
  16. #开源项目#【原生 JS 实现的表格组件:GridManager.js】详见: GridManager.js 是一个快速、灵活的表格组件,支持排序、分页、可视化调整、导出数据等多种功能,并且不依赖任何框架。

    GridManager.js

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

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


关注我

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

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

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