20200202 前端开发日报

Vue实现一个全屏加载插件并发布至npm仓库;前端面试-从面试官角度看简历怎么写(含招人);javascript浮点型的一些坑;学习原理-手动实现小型webpack;TypeScript真香系列-函数;webpack引入UMD风格JS报错Cannot set property xxx of undefined;React + TypeScript + Node.JS实现一个后台管理系统;手摸手,打造属于自己的 React 组件库01 — 基础篇

  1. Vue实现一个全屏加载插件并发布至npm仓库 在做头像上传功能时,为了防止用户多次点击,通常会在上传时添加一个遮罩,提示用户:图片正在上传中,上传完毕后,关闭这个遮罩层,本来想找个UI框架引入进来,使用框架提供的弹层,找了很多没找到满意的,干脆自己做一个吧:joy:。接下来就跟大家分享下如何制作一个插件,先跟大家展示下最终实现的效果: …
  2. 前端面试-从面试官角度看简历怎么写(含招人)对于我来说,我首先会以工作年限为标准给这个人划分期望等级,1-2年为初级,3-5年为中高级,6年以上就要请教我的boss了。
  3. javascript浮点型的一些坑 前言 javascript浮点型运算有很多问题,不管是加减还是乘除,还是四舍五入,都可能出现问题。本文简单介绍一些解决办法,都是工作中总结出来的,有简单,有麻烦。下面就总结一下。 加法运算 例如常见的: 0.1+0.2 //0.30000000000000004 1.4+2.8 //4.199999999999999 等等,这样的好多类似的运算 解决方案一: 简…
  4. 学习原理-手动实现小型webpack 由于现在社区有太多的零配置脚手架,导致日常业务开发中基本不会关注 webpack 的原理,甚至一些具体配置都不会去看。 由于疫情严重被困在家,无聊中透露着寂寞,我就按照着 官方40分钟教你写webpack ,学着实现一个小型的 webpack , 通过此次实践简单了解 webpack 的打包原理。 准备 因为涉及到 ES6 转 ES5,…
  5. TypeScript真香系列-函数TypeScript真香系列的内容将参考中文文档,但是文中的例子基本不会和文档中的例子重复,对于一些地方也会深入研究。另外,文中一些例子的结果都是在代码没有错误后编译为JavaScript得到的。如果想实际看看TypeScr…
  6. webpack引入UMD风格JS报错Cannot set property xxx of undefined 我们在项目(比如vue项目)中可能会引入一些umd风格的js库,比如wangEditor,这类的库一般会这么写 (function (global, factory) { typeof exports === ‘object’ && typeof module !== ‘undefined’ ? module.exports = factory() : typeof define === ‘function’ && define.amd ? define(fact…
  7. React + TypeScript + Node.JS实现一个后台管理系统 目前因学业任务比较重,没有好好的完善,现在比较完善的只有题库管理,新增题库,修改题库以及登录的功能,但搭配小程序使用,主体功能已经实现了 此后台系统是为了搭配我的另一个项目 School-Partners学习伴侣 微信小程序而开发的。是一个采用 Taro 多端框架开发的跨平台的小程序。感兴趣的可以看一下之前的文章 …
  8. 手摸手,打造属于自己的 React 组件库01 — 基础篇2020年,作为一名普通前端打字员,我平时工作的主要目标还是使用 React 构建应用程序。去年一直想建立一个属于自己的 NPM 库,用于沉淀自己的业务组件、Hooks,但是由于很多概念都不是很了解的缘故,又感觉这个目…
  9. 手摸手,打造属于自己的 React 组件库02 — 测试篇在第一部分,我们基于 create-react-app 构建了项目的基础结构。对于一个组件库来说,不仅要有简单,实用的组件,每一个组件的质量也是至关重要。而单元测试,正是提升软件质量的一种有效的手段。在本文中,不仅…
  10. 从 JS 引擎到 JS 运行时(下) 在 上篇文章 中,我们已经为 JS 引擎扩展出了个最简单的 Event Loop。但像这样直接基于各操作系统不尽相同的 API 自己实现运行时,无疑是件苦差。有没有什么更好的玩法呢?是时候让 libuv 粉墨登场啦。 我们知道, libuv 是 Node.js 开发过程中衍生的异步 IO 库,能让 Event Loop 高性能地运行在不同平台上。可以说…
  11. 字节跳动前端专访:渣二本非科班,一年半经验如何野蛮生长本公众号关注大牛成长历史、前端面试、Electron、Taro、React-native、Node.js源码、即时通讯等大前端技术栈,欢迎关注,觉得写得不错,可以点个在看。  谢谢
  12. 前端大容量缓存方案-IndexedDB 对于做3D WebGL 的开发者来说,加载大量的 hdr、glb、gltf 等文件往往是很令人头疼的,因为这些文件体积不小,在网络侧加载会消耗大量时间,从而影响用户体验。对于这些大文件,localstorage 和 sessionstorage 的缓存容量肯定是不够塞牙缝的。所以这时候我们要请出 IndexedDB。 IndexedDB 是一种可以让你在用户的浏览…
  13. 一文带你了解 HTTP 黑科技在前面两篇文章中我们讲述了 HTTP 的入门,HTTP 所有常用标头的概述,这篇文章我们来聊一下 HTTP 的一些 黑科技。
  14. Vue-5个进阶属性(指令等) 本章介绍:directive、mixin、extend、provide&inject这5个Vue的进阶构造属性。 Directive-指令 什么是指令? 其实之前我们就已经学习了指令,如: v-if 、 v-for ,类似这些以 v- 开头的就是指令,而 v-if 、 v-for 这些属于内置指令,除此之外我们还可以自定义指令。 全局自…
  15. AwesomeGithub组件化探索之旅之前一直听说过组件化开发,而且面试也有这方面的提问,但都未曾有涉及具体的项目。所以就萌生了基于Github的开放Api,并使用组件化的方式来从零搭建一个Github客户端,起名为AwesomeGithub。
  16. 解决百度爬虫无法爬取 GitHub Pages 个人博客的问题 据 marketmechina 统计,去年12月份中国市场全平台 (桌面+手机客户端)搜索引擎市场份额: Baidu: 67.09% Sogou: 18.75% Shenma: 6.84% Google: 2.64% bing: 2.6% Other: 2.08% 不得不说,即使大家现在如此 diss 百度,这中文…

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

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


关注我

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

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

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