20180719 前端开发日报

微前端快速选型指南;13 个示例快速入门 JS 抽象语法树;2018年值得期待11个Javascript动画库;vue-cli中的webpack4一步到位填坑记;JavaScript中的垃圾回收和内存泄漏;新浪邮箱全站 HTTPS 实施之路;Angular 实战教程 – Today 系列文章目录;从零开始搭建React应用(二)——React应用架构

  1. 微前端快速选型指南 在之前那篇《实施前端微服务化的六七种方式》中,介绍了在实施微前端的过程中,我们采用的一些不同方案的架构方案。在这篇文章中,我将总结如何依据不同的情况来选择合适的方案。 快速选型指南图 我还是直接先给结论: 关键点的相关解释如下: 框架限制。在后台微服务系统里,人们使用其它语…
  2. 13 个示例快速入门 JS 抽象语法树 文章同步于 Github/Blog Javascript 代码的解析(Parse )步骤分为两个阶段:词法分析(Lexical Analysis)和 语法分析(Syntactic Analysis)。这个步骤接收代码并输出 抽象语法树,亦称 AST。 随着
  3. 2018年值得期待11个Javascript动画库 在浏览网页寻找一个整洁的Javascript动画库时,我发现很多“recommended”的动画库一段时间都没有维护。 经过一些研究,我收集了11个最好的库,在你的应用程序中使用。我还添加了一些,主要是非维护的,有用的库。 使用UI组件时,您还
  4. vue-cli中的webpack4一步到位填坑记 基础介绍 Webpack也在不断的优化迭代;截至目前,已经更新至 v4.16.0;在Webpack4这个版本,它在原有基础上,做了很多优化,也引入了颇多的新特性。在新的版本中,将获得更多模块类型及对.mjs的支持,更好的默认值、更为简洁的模式设置、更加智能的来
  5. JavaScript中的垃圾回收和内存泄漏 之前接触的js的内存管理方面的内容一直比较零散,最近在这一块做了一些系统的学习.学习过程中的一些总结在这里分享给大家.欢迎批评指正,共同学习,共同进步. 在一部分语言中是提供了内存管理的接口的,例如C语言中的 molloc()和 free(); 而在 Java
  6. 新浪邮箱全站 HTTPS 实施之路 2018年第一季度,新浪邮箱所有产品线(免费邮箱、VIP邮箱、企业邮箱)全部支持了 HTTPS 协议,从而进一步增强网络通信的安全性,保障邮箱用户的隐私性。本文针对新浪企业邮箱产品线,以纯技术的视角全面介绍HTTPS协议的部署之路,并向邮箱用户介绍HTTPS协议的概念、优势。 HTTPS 协议到底解决了什么问题? …
  7. Angular 实战教程 – Today 系列文章目录 项目预览 初始界面,输入用户名开始使用 主界面,展示列表和待办、新增、删除、获取建议等 待办详情,设置时间、提醒、详情等 总结
  8. 从零开始搭建React应用(二)——React应用架构 上一篇文章——从零开始搭建 React 应用(一)——基础搭建讲述了如何使用 webpack 搭建一个非常基础的 react 开发环境。本文将详细讲述搭建一个 React 应用的架构。 仓库地址:github.com/MrZhang123/… redux 在我
  9. ThinkJS 项目中 React 同构实践 编者注:一直以来使用 SPA 框架最大的问题是对搜索引擎不友好,虽然 Google 已经支持了抓取 JS 渲染后的页面,不过还是要照顾下国内的各家浏览器。随着 React 和 Vue 的流行,同构的概念慢慢被提出来,它最大的特点是一套代码既能在浏览器端跑,又能在服务端跑。今天我们请来了360视频云的宋光宇同学为我们分享一下…
  10. 使用 gulp 实现基于文件内容的指纹 指纹是什么 指纹可以根据文件内容生成文件名。文件内容变化后,文件名也会改变。对于静态内容,或者很少改动的内容,在不同的服务器之间,不同的部署日期之间,使用指纹可以区别文件的两个版本内容是否一样。 为什么需要指纹 如果文件名基于内容而定,
  11. Flutter React 编程范式实践 Flutter Widget的设计灵感来源于React,是一款原生就立足于响应式的UI框架。本文基于Flutter特点,试图结合闲鱼在Flutter的工程应用来谈下我们对Flutter React编程范式的思考和践行。 Reactive的诞生 谈起UI总会讲到MVC,它出现的时间很早,那时候还没有普及现代GUI广泛使用的事件驱动(消息循环)模型…
  12. Vue,Springboot前后端分离项目初体验 最近在撸一个小项目,原来做过几个系统,主要用的是Extjs和SpringMVC。Vue了解过一点,看了一下官方文档感觉蛮好的(相比Extjs,“蛮好”两字其实无法表达…)。原来的SpringMVC的架构因为是别人搭建好的,只是照葫芦画瓢的开发,也没有足够的
  13. VsCode 配置Eslint格式化代码(vue)以及常用插件 配置eslint 插件扩展商店搜索 eslint,点击安装,并重新加载; 配置eslint,打开 文件==>首选项==>设置; 在用户设置中插入配置代码(支持vue): "es
  14. ES6中的Promise对象 什么是Promise对象? Promise是异步编程的一种解决方案,比起传统的解决方案(回调函数和事件),它显得更加的强大和方便(具体请看下文)。从语法上来讲,Promise是一个对象,从它可以获取异步操作的消息。Promise对象提供统一的API,各种异步操
  15. vue-element-admin:基于 vue 和 element 的后台集成解决方案 简介 vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了i18国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。 在线…
  16. 为 react-router 写一个可以缓存的 Route 原文发布于我的 GitHub blog,有所有文章的归档,欢迎 star 轮子 先放上我造的轮子的仓库地址 react-live-route 感受一下本文的最终目的,react-live-route 可以使路由在路径不匹配时隐藏而不被卸载,在匹配路径时完全恢
  17. Angular 实战教程 – 手把手教你构建待办事项应用 Today (Part 5) Angular 实战教程 – 手把手教你构建待办事项应用 Today (Part 5) 这是什么?我适合阅读吗?http://ng.ant.design/docs/introduce/zh NG-ZORRO 是由阿里巴巴阿里云和计算平台事业部的
  18. 前端状态管理框架之Redux 随着应用程序单页面需求的越来越复杂,应用状态的管理也变得越来越混乱。应用的状态不仅包括从服务器获取的数据,还包括本地创建的数据,以及反应本地UI状态的数据,而Redux正是为解决这一复杂问题而存在的。 用Redux官网的话来概括什么是Redux:Redux是针
  19. JS 检测网络带宽 最近项目上有需求要检测网络的带宽,网上找了不少解决方案,以下王二来做一个整理 1、方法一 第一种思路是 加载一张图片,通过的加载时长和图片的大小来计算出网络带宽 有了这个思路,我们可以参考如下代码(部分参考自 github 上的debloper/bandwid
  20. React源码阅读:虚拟DOM的初始化 前言 本文的主要目的是阅读源码的过程中做下笔记和分享给有需要的小伙伴,可能会有纰漏和错误,请读者自行判断,头一次写阅读代码的文章,可能写得有点乱,有什么问题欢迎一起探讨一起进步。 React的版本为16.4,主分支的代码,只贴出部分关键代码,完整代码请到Git
  21. React 回忆录(三)使用 React 渲染界面 Hi 各位,欢迎来到 React 回忆录! 在上一章中,我介绍了 React 框架的“五大特点”:虚拟DOM,组件化,声明式代码,单向数据流和纯粹的 JavaScript 语法。在本章中,我们将谈到 React 是如何渲染 UI 的,以及在这个过程中所表现
  22. ES6 系列之模拟实现一个 Set 数据结构 基本介绍 ES6 提供了新的数据结构 Set。 它类似于数组,但是成员的值都是唯一的,没有重复的值。 初始化 Set 本身是一个构造函数,用来生成 Set 数据结构。 let set = new Set(); 复制代码Set 函数可以接受一个数组(或者具有 i
  23. Vue Render介绍和一些基本的实例 为啥研究这个?在之前开发组件库的过程中,遇到了许多遗留的问题,包括数据模板渲染、组件按需加载、引入自定义组件插槽等等,所以为了修复和避免这些问题,学习一波更接近编译器的编写方式,看看如何通过这种完全编程方式来解决一波这些问题~当然这里只是一些最基本的使用和探索
  24. 基于React的全屏滑动插件react-fullslip npm上已有react-fullpage,但是他的实现方式是使用锚点,重新刷新后会出现bug.因此自己造了一个轮子,暂时只支持自定义三个属性.欢迎大家使用,star,PRgithub地址: https://github.com/dogXgod/fullSlip

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

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


关注我

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

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

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