20190422 前端开发日报

Node.js 内部是如何捕获异步错误的?;Vuex 进阶——模块化组织 Vuex;脑壳疼的 Webpack Tapable;JS笔记(6):构造函数;JavaScript 作用域和闭包理解;Node.js 一行命令上传本地文件到服务器;(JS基础)String 类型;基于angular7的多页面后台管理系统

  1. Node.js 内部是如何捕获异步错误的? 一、背景 众所周知,由于 JavaScript 特殊的 EventLoop 机制,由 Promise 异步产生错误是没有办法使用try…catch的: try { Promise.reject() } catch(err) { // 这里啥都 catch 不到 console.log(err) } 为了解决这个问题,我们必须在每一处产生异步的地方使用.catch()(或者用as…
  2. Vuex 进阶——模块化组织 Vuex 上上篇:Vuex 入门 上一篇:Vuex 提升 自制vuex LOGO 前两篇讲解了一下 Vuex 的基本使用方法,可是在实际项目中那么写肯定是不合理的,如果组件太多,不可能把所有组件的数据都放到一个 store.js 中的,所以就需要模块化的组织 Vuex,首先看一下 项目结构 。 项目结构 一、首先执行…
  3. 脑壳疼的 Webpack Tapable 作者表示,“tapable 听说了很久,终于下定决心系统学习一下”。
  4. JS笔记(6):构造函数 new Fn; new Fn(); new Array(); new Function(); new Object(); new RegExp(); 构造函数的返回值:当前类的实例 基于构造函数创建出来的值是引用类型(可以但不建议用构造函数模式创建基本类型值) 二、关于构造函数的this: 构造函数的this是当前类的实例 三、关于构造函数的renturn…
  5. JavaScript 作用域和闭包理解 函数作用域外面的无法访问函数作用域内部的变量和函数,这样就可以将一些变量和函数隐藏起来; 隐藏起来的好处是 形成命名空间,避免各个函数里面的变量冲突 实现模块管理 内部可以访问外部的; function foo(a) { var b = 2; // 一些代码 function bar() { // … } // 更多的…
  6. Node.js 一行命令上传本地文件到服务器 每次打包完, 都要打开 FileZilla 一顿拖拽然后才能上传代码, 那就立马撸一个自动化脚本就完事了 publish-sftp Github 传送门 ( 顺便来骗个Star ) 以后一行命令上传本地文件到服务器啦 publish-sftp -c // 完事 复制代码 安全性 项目组已经跑了大半年, 没出过幺蛾子, 可放心…
  7. (JS基础)String 类型 我们对字符串类型的数据并不会陌生。 let str = ‘value’ 就是一个最简单的生成字符串例子。 我们还可以通过 String(thing) 和 new String(thing) 将任何类型的数据转化成字符串。 例如,把一个空对象传入, String({}) 返回的值为 " " ,这里不得不提的就是,其他类型默认的 toString()…
  8. 基于angular7的多页面后台管理系统 基于 angularV7.2.0,ng.ant.design V7.2.0开发的后台管理系统 【在线预览】 【源码地址】 目录结构 ├── README.md # 介绍文档 ├── _mock # 测试数据 ├── angular.json # …
  9. Swoole WebSocket 的应用 第 78 篇文章 这是关于 Swoole 学习的第三篇文章:Swoole WebSocket 的应用。 第一篇:Swoole Task 的应用 第二篇:Swoole Timer 的应用 概述 什么是 WebSocket ? WebSocket 是一种在单个TCP连接上进行全双工通信的…
  10. Vue eslint 团队代码规范 Prettier 是一个有见识的代码格式化工具。它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。如今,它已成为解决所有代码格式问题的优选方案;支持 JavaScript、 Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 GraphQL、 JSON、 Markdown 等语言,您可以结合…
  11. 【vue真的香】开始读源码 这周经历的事情有点多, 从周一的一面,到周二的二面到周三的口头offer,周四的体检, 最后再到没收到正式offer,主要原因是在背调的时候发现虚报了原始薪资(10k报12k)和学历问题(我是延毕的)。认清了自己的品质并不好,还是要诚信诶。 在小公司工作了两年,迫切希望能在中大型公司中工作。对于这次的失利,还是挺难…
  12. next.js+koa2+antd环境轻松搭建 本文将会介绍next.js环境的搭建,这里将会以next+koa2+ant desin为例,搭建全栈开发的环境,看完后我想大家应该也会知道如何将next与express,egg.js等框架和element UI等UI组件库进行自由组合,选择出适合自己的方案。 适合人群: 对于node.js有了解,对于react有了解,听过服务端渲染但并没有实践过,知道next.js但是不会…
  13. 基于Web的svg编辑器(1)——撤销重做功能 随着近几年前端技术的快速发展,人们更倾向于将应用开发放到网页浏览器上,即 B/S 架构 。相比与传统的 C/S 模式,它的兼容性更好,开发成本更低,且不需要安装,只要打开浏览器的一个页面即可。 Web 的图形编辑器主要使用到了 HTML5 的 Canvas 技术和 SVG 技术。Canvas 是使用 JavaScript 程序绘图,SVG是使用XML文档…
  14. webpack系列-loader loader是导出为一个函数的node模块。该函数在loader转换资源的时候调用。给定的函数将调用loader API,并通过this上下文访问。 function loader(source){ return source } loader.pitch = function(){ console.log(‘pitch’) } module.exports = loader 复制代码 加载自定义loader的…
  15. Vuex 提升 如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象,在实际工作中,这是完全无法满足工作需求的,所以这篇我们来说说如何做一些简单的流程判断。 自制vuex LOGO 一、比如说我现在有这么个需求,当 count < 5 的时候,就停止 …
  16. HTML5原生拖放事件的学习与实践具体实现的效果也很简单:元素可以在容器中任意拖动,元素被移入容器的时候,还会有相关样式的改变已达到更好的展示效果。

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

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


关注我

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

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

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