20190720 前端开发日报

通过阅读源码来提高js知识;Webpack使用教程(详解);NodeJs简明教程(1);fetch的常见问题及其解决办法;诺锞前端开发规范;什么是 JAVASCRIPT? | 历史与核心概念总结;通过阅读代码来提升你的 JavaScript 水平;WebAssembly系列一:WebAssembly介绍

  1. 通过阅读源码来提高js知识 通过阅读源码来提高js知识 原文传送门: 《Improve Your JavaScript Knowledge By Reading Source Code》 原本作者:Carl Mungazi,是位于伦敦的能源创业公司Limejump的前端开发人员。他花时间深入挖掘所有JavaScript的深度。 简介:当你还处于编程生涯的初期阶段时,深入研究开源库和框架的源代码可能是…
  2. Webpack使用教程(详解) 在开始之前,我们先来看以下Webpack官网首页的图片,思考已下该图片表达的意义​ 一.Webpack基本介绍 1.1 概念的引入 思考:在网页中,我们经常会引入哪些常见的静态资源 JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss …
  3. NodeJs简明教程(1) NodeJs简明教程将从零开始学习NodeJs相关知识,助力JS开发者构建全栈开发技术栈! 本文是NodeJs简明教程的第一篇,将介绍NodeJs整体架构以及重点概念。 NodeJs究竟是什么 来看一段官方的说法 : As an asynchronous event driven JavaScript runtime, Node is designed to build scalable network applicatio…
  4. fetch的常见问题及其解决办法 摘要:玩转fetch。 作者: wonyun 原文: fetch使用的常见问题及其解决办法 Fundebug经授权转载,版权归原作者所有。 首先声明一下,本文不是要讲解fetch的具体用法,不清楚的可以参考 MDN fetch教程 。 引言 说道fetch就不得不提XMLHttpRequest了,XHR在发送web请求时需要开发者配置相关…
  5. 诺锞前端开发规范 前端开发规范 v1.2.3 Copyright (c) by PT IHU URSA Team – Luna Zhou 命名规范 前言 规范等级 【必须】 :绝对,严格遵循,请照做,无条件遵守 【应该】 :强烈建议这样做,但是不强求 【禁止】 :禁令,严令禁止 Css 命名规范 公用型或结构型类名应尽可能使用 NEC规范 (简单)或 BEM规范 (高…
  6. 什么是 JAVASCRIPT? | 历史与核心概念总结 作为程序员,技术的落实与巩固是必要的,因此想到写个系列,名为 why what or how 每篇文章试图解释清楚一个问题。 这次的 why what or how 主题:什么是 JavaScript ? 释义 JavaScript – 一种解释性脚本语言 解释性脚本语言:一类不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”…
  7. 通过阅读代码来提升你的 JavaScript 水平 原文地址: Improve Your JavaScript Knowledge By Reading Source Code 为了符合阅读习惯,本篇采用意译。 前言:在你的早期程序生涯中,弄清楚开源库和框架的源码是一个不小的挑战。这篇文章中,作者卡尔给我们分享了他是如何客服恐惧开始阅读源码的,这对提高知识水平有帮助。他也用 Redux 作为一个例子来展示如…
  8. WebAssembly系列一:WebAssembly介绍 NaCl 使用SFI技术,使浏览器可以安全地运行原生代码,并可以使用CPU的全部功能,PNaCl为 NaCl 增加了可移植性 PNaCl 与 NaCl 的编译与运行 PNaCl 通过Pepper与浏览器JS之间通信 NaCl的废弃 除Chrome以外,其它浏览器厂商认为使用NaCl(PNaCl),应用程序将运行在一个黑盒中,对其安全性…
  9. 理解JavaScript的高阶函数 原文链接: Understanding Higher-Order Functions in JavaScript 原文作者:Sukhjinder Arora 译者:进击的大葱 推荐理由: 本文详细介绍了什么是函数式编程以及如何写自己的高阶函数High-order functions。 如果你有学习过JavaScript, 你一定有听过高阶函数这个词。高阶函数虽然听起来比较复杂,可是实…
  10. 书写优雅的git提交信息在使用 Git 的过程中,可以发现 Git 是会强制每次提交都要写提交消息(commit message)的,这也算是良好编程习惯的体现。准确恰当的提交信息对于回溯项目开发历程、寻找特定功能的代码片段等等,都很有帮助。
  11. fullpage.js 这个开源项目怎样从免费到每月 $15000 此文是一篇译文,也是「IndieMaker独立变现」人物志系列文章之一 原作者:Alvaro Trigo,fullPage.js 创作者 原文:https://www.indiehackers.com/interview/making-15k-month-by-switching-my-freemium-product-to-paid-2771241389 你的背景是什么,你在做什么? 大…
  12. Vuex入门(3)—— getters,mapGetters,…mapGetters详解 上一章讲了state的相关内容,如果说state对应vue中的data的话,那么getters就相当于vue中的computed,本章来详细了解下vuex的getters属性。 Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{ se…
  13. 集成React Redux Webpack ├─ config │ ├─ webpack.common.config.js //webpack基础配置 │ ├─ webpack.dev.config.js //webpack开发配置 │ └─ webpack.prod.config.js //webpack生产配置 ├─ src │ ├─ css //css文件夹 │ │ ├─ counter.css │ │ └─ user.css │ ├─ counter …
  14. 今天手动编写了一个简易的 ajax 发起器(JavaScript) 首先,我很清楚 jQuery , zepto 等框架的包装并没有问题。所以虽然我做得还挺符合 jQuery 规范的,但其实我做得这个事情并没有实际上的生产意义,只能用于令人更了解实现侧的过程,同时对我个人而言算是一种娱乐…… 对于我做得项目,只有很轻小以致于整个项目代码也到不了 jquery-min.js 文件大小的情况,才会使用我自…
  15. GitOps 初探GitOps 的概念最初来源于 Weaveworks 的联合创始人 Alexis 在 2017 年 8 月发表的一篇博客 GitOps – Operations by Pull Request。文章介绍了 Weaveworks 的工程师如何以 Git 作为事实的唯一真实来源,部署、管理…
  16. 基于rrweb录屏与重放页面在使用ant design文档的过程中发现,antd使用了一个叫做logRocket的录屏框架,于是立马将logRocket用在自己的项目当中,测试它的功能。
  17. Ng-Matero:基于 Angular Material 搭建的中后台管理框架 目前市面上关于 Angular Material 的后台框架比较少,大多都是收费主题,而且都不太好用。 很多人都说 Material 是一个面向 C 端的框架,其实在使用其它框架做管理系统的时候,我发现 Material 的组件基本已经够用了,其它不足的地方可以配合一些优秀的第三方库。另外,Material 的确是一个高质量的组件库,不管是设计…
  18. 实例解说 AngularJS 在自动化测试中的应用 (图片来源于网络) 一、什么是AngularJS ? 1、AngularJS是一组用来开发web页面的框架、模板以及数据绑定和丰富UI的组件; 2、AngularJS提供了一系列健壮的功能,以及将代码隔离成模块的方法; 3、AngularJS于2009年发布第一个版本,由Google进行维护,压缩版94k。 …
  19. 学习 Spring Boot(十):集成 Vue 实现前后端分离 前后端分离是降低项目耦合的方式:前端工程师专注于实现前端开发,后端工程师专注于实现后端开发,前后端通过 REST API 进行交互。 Vue 创建 Maven 前端模块 web,使用 Vue Cli 在 web 模块根目录创建 Vue 工程: vue create vue 之后提示选择默认配置还是手动配置,选择默认即可。 打包 编辑 pom.xml 文件,添…
  20. Vue CLI3 插件系统原理 vue-cli3创建的项目中,你是否好奇执行 vue-cli-service serve 命令时,vue-cli-service是什么?执行serve命令时发生了什么?为什么可以零配置的情况下跑起webpack?另外,当安装@vue/cli-plugin-typescript插件时,为什么会给项目设置TypeScirpt环境(ts-loader、tslint等)?为什么执行 vue-cli-service lint 命令会…

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

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


关注我

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

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

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