20190316 前端开发日报

学习 Node.js,第 4 单元:Node.js 基本概念;前端js导出excel方法分享;web前端技术体系大全;30行代码实现一个带并发数限制的fetch请求函数;一文告诉你如何优雅处理前端异常?;Vue嵌入iframe,iframe如何跨域调用vue内路由;一文学懂 TypeScript 的类型;vue模块拖拽效果实现

  1. 学习 Node.js,第 4 单元:Node.js 基本概念 在 Node.js 学习路径的第 4 单元中,我将深入介绍异步和同步编程。为充分理解这一概念,我将展示三种不同场景对这两种编程模型进行比较,并演示 Node 的异步编程模型如此强大的原因。 Node.js 学习路径 本教程是 Node.js 学习路径的一部分。这些单元彼此互为基础,查看 学习 Node.js,第 1 单元:Node.js 学习…
  2. 前端js导出excel方法分享 前言 之前写个js导出excel的方法,但是发现已经过时了,最近用了一下新的导出方式,可以用,现在分享一下。vue,react都可以用。原理就是通过table导出excel 方法一: 通过csv的方式导出 exportExcel() { // 前端导出excel const types = { ‘DYNAMIC’: ‘动态创意’, ‘STATIC’: ‘静态创意’, ‘VIDEO’: ‘视频创…
  3. web前端技术体系大全以下为个人目前接触到的前端技术,欢迎大家补充。 一、前端技术框架 1、Vue.js 官网:[链接] Vue CLI:[链接] 菜鸟教程:[链接] Nuxt.js:[链接] 桌面应用Electron:[链接] 2、React.js 官网:[链接] 中文网:[链…
  4. 30行代码实现一个带并发数限制的fetch请求函数 早上吃早餐边逛掘金的时候看到一个面试题,看下面的各位大佬各显神通,我也手痒,拿起我的机械键盘一顿乱敲,发现只需要30行代码就可以实现,似不似很腻害:ghost::ghost:,快来跟我往下翻:stuck_out_tongue: 原题 题目来源: 记一道控制并发数的前端面试题【手动维护 HTTP 请求排队】 思路 读题 …
  5. 一文告诉你如何优雅处理前端异常? 前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。 一、为什么要处理异常? 异常是不可控的,会影响最终的呈现结果,但是我们有充分的理由去做这样的事情。 1.增强用户体验; 2.远程定位问题; 3.未雨绸缪,及早发现问题; 4.无法复线问题,尤…
  6. Vue嵌入iframe,iframe如何跨域调用vue内路由 项目中vue域名为a.com,iframe域名为b.com。明显跨域了。 跨域解决办法很多,常见的 1.jsonp 2.postMessage 3.设置document.domain 主域必须相同子域不同下 4.window.name 通过全局变量的方式 window.parent.xx这种方式获取内容 5.location.hash 传递相关属性 6.服务器转发代理 7.服务器配置CORS接口,CORS是一个…
  7. 一文学懂 TypeScript 的类型如果你认为这段代码非常神秘 —— 那么我同意你的意见。但是(我希望证明)这些符号还是相对容易学习的。一旦你能理解它们,就能马上全面、精确的理解这种代码,从而无需再去阅读冗长的英文说明。
  8. vue模块拖拽效果实现正巧在之前面试中遇到问实现拖拽效果 当时面试的时候简单回答了实现的方式与逻辑。 现在闲来无事,把这个东西实现了一下。 原理很简单,写的很方便。 数据驱动,建立一个数组,数组初始长度为1 拖动触发时,添加…
  9. JavaScript 之 this 指南 原文链接: A guide to this in JavaScript 原文作者:Ashay Mandwarya 译者:JintNiu 推荐理由: this 一直是 JavaScript 中的重难点,借助这篇文章,重新认识并理解 this ,加深印象。 this 无疑是 JavaScript 中使用最广泛但又容易被误解的关键字,今天我将会对其进行详细的解释。 当我们在学校学…
  10. 从头条面试题看 JS 事件循环与 macro micro 任务队列 一天惬意的下午。猫哥在群里发了一道头条面试题,如下: async function async1(){ console.log(‘async1 start’) await async2() console.log(‘async1 end’) } async function async2(){ console.log(‘async2’) } console.log(‘script start’) setTimeout(function(){ console.log(‘setTimeout’) }…
  11. 「从源码中学习」10分钟精通Vue选项Props 「Vue实践」项目升级vue-cli3的正确姿势 「从源码中学习」Vue源码中的JS骚操作 吃下这条鱼:fish: – props 初始化 initProps 是如何运行的: 1. normalizeProps : initProps 之前的规范化数据 normalizeProps 的代码有点长,这里只列举经过规范化后的 prop 类型和结果 1.1 字符串 …
  12. 即刻起,加速您的前端构建影响前端发布速度的有两个方面,一个是构建,一个就是压缩,把这两个东西优化起来,可以减少很多发布的时间。
  13. node写一个小脚本,批量将stylus文件编译成css文件fs.readdir(dir, function(err, files) {});读取一个文件夹,dir:文件夹名,callback参数files:返回dir下所有的文件名fs.statSync(path).isDirectory();判断一个目录是否问一个文件夹
  14. Web 实时推送技术的总结随着 Web 的发展,用户对于 Web 的实时推送要求也越来越高 ,比如,工业运行监控、Web 在线通讯、即时报价系统、在线游戏等,都需要将后台发生的变化主动地、实时地传送到浏览器端,而不需要用户手动地刷新页面。…
  15. CSS尺寸单位介绍前端开发过程中,尺寸单位是我们必须用到的,下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍在这之前,需要先对几个概念进行普及介绍
  16. nodejs做了一个网易相册全量下载工具起因:前几天网易相册宣布即将停止运营,自己有几千张照片需要下载,官方给的批量下载工具已经无法打开下载页面。无奈只能自己做一个。
  17. 新上课程推荐:《React Hooks 案例详解(React 进阶必备)》曾任职中软军队事业部,参与军需软件的研发。后自行创业,开发的《电商分销系统》获得淘宝Top100使用,创日销千单记录。曾任职《某某网》白金讲师,口碑良好,完成众多学员的高薪就业。2014年在北京主持互联网金…

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

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


关注我

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

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

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