20200315 前端开发日报

React 服务端渲染实战,Next 最佳实践;手写Promise原理;RxJS 系列故事(1)——理解响应式编程;JavaScript之注释规范化(JSDoc);全面分析总结JS内存模型;前端微服务简单实践;拒绝JavaScript,这三个CSS技巧你一定用的上​;Vue的源码解析 小白的进阶之路

  1. React 服务端渲染实战,Next 最佳实践 开门见山的说,服务端渲染有两个特点: 响应快,用户体验好,首屏渲染快 对搜索引擎友好,搜索引擎爬虫可以看到完整的程序源码,有利于seo 如果你的站点或者公司未来的站点需要用到服务端渲染,那么本文将会是非常适合你的一篇入门实战实践教学。本文采用 next 框架进行服务器渲染框架的搭建,最终将完成...
  2. 手写Promise原理
  3. RxJS 系列故事(1)——理解响应式编程 在学习 RxJS 的过程中,我发现很多概念晦涩难懂,比如:响应式编程、观察者模式、各种各样的操作符以及多播等等。理解这些概念通常会花费大量时间,而且很难将它们吃透。于是我就写了一个关于「大学生创业」的小故事,以帮助大家理解 RxJS 的核心概念。 故事的主角小王是一个计算机专业的大学生,接下来让我们先跟随小...
  4. JavaScript之注释规范化(JSDoc) 前言 俗话说,无规矩不成方圆;虽说代码敲出来都是交给编译器解释执行的,只要不存在语法格式错误,排版无论多么反人类都是没有问题的,但是代码除了执行外的另一个广泛用途就是阅读了,翻阅自己过去的代码、理解别人的源码,等等;所以出现了代码风格化,美化外观的同时便于阅读,这就是目前 JSLint 等工具的作用; ...
  5. 全面分析总结JS内存模型 前言 最近在整体复习一遍现代前端必备的核心知识点,将会整理成一个前端分析总结文章系列。这篇是其中的第二篇,主要是总结下JS底层的内存模型。(另外,此系列文章也可以在语雀专栏—— 硬核前端系列 查看)。 本文首发自 迪诺笔记 ,转载请注明出处:grin: 一、数据类型与内存 数据类型分类 主要分为两大...
  6. 前端微服务简单实践 最近看了字节跳动技术团队写的 《前端微服务在字节跳动的打磨与应用》 这一篇文章,对其中的服务注册和动态加载模块比较感兴趣,再加上之前做过一些类似的东西,所以就花了点时间做了一些简单的实践。希望可以帮助到大家。 我对微服务的理解 我理解的微服务,本质上就是把一个大型的应用拆分为很多个独立的模块,每...
  7. 拒绝JavaScript,这三个CSS技巧你一定用的上​本文介绍三个非常棒棒的CSS技巧,完全可以在你的项目中代替JavaScript,一起来看看这些技巧吧。
  8. vue的源码解析 小白的进阶之路 一个小白的进阶之路,努力成为大牛的途中,奥利给。(参照一些小册 一些视频) 我坚信明天会更好 数据驱动 new Vue发生了什么 首先是Vue构造器 //做一个限制,只有new关键字 才能初始化vue实例 if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a cons...
  9. 必备的Canvas接口和动画效果大全<canvas>元素用于生成图像。它本身就像一个画布,JavaScript 通过操作它的 API,在上面生成图像。它的底层是一个个像素,基本上<canvas>是一个可以用 JavaScript 操作的位图(bitmap)。
  10. VUE 3.0 学习探索入门系列 - 用几个 demo 认识 vue3(3) ES2015+ IE11 3.0.0-alpha.8 先看一个 vue 3.0 结合了 vue-router 和 伪 vuex 的效果: 2 一个简单的 html 页面 记得 Evan You 好像在哪里说过,Vue 一定不会像某些框架一样,一定要依赖一个编译器,源码需要编译后才能运行在浏览器上。相反,Vue 一定会支持一个完整独立的 js,支持使用 CDN,可以...
  11. 前端常见的加密算法介绍在信息安全越来越受重视的今天,前端的各种加密也变得更加重要。通常跟服务器的交互中,为保障数据传输的安全性,避免被人抓包篡改数据,除了 https 的应用,还需要对传输数据进行加解密。
  12. 你真的掌握了 JavaScript 变量和类型嘛?(下) 前面一篇内容 我们讲解了基本数据类型,接着讨论了它们是如何进行存储的。在此同时,我们就 原始数据类型 和 对象类型 的区别进行了分析。那么这一篇我们继续讨论,这些数据类型之间是如何进行转换的?又还有哪些其它对象类型?JavaScript 中的内置对象有哪些?装箱和拆箱又是如何触发的?我们又该怎么判断变量的数据...
  13. Redux 包教包会(一):解救 React 状态危机前端应用的状态管理日益复杂。随着大前端时代的到来,前端愈来愈注重处理逻辑,而不只是专注 UI 层面的改进,而以 React 为代表的前端框架的出现,大大简化了我们编写 UI 界面的复杂度。虽然 React 提供了 State ...
  14. 跟着大佬技术胖学vue系列-Hello World与初学vue的v-if,v-show,v-for指令 每天学一点,自己总结一下。记录一个萌新的爬坑之路,如果有错欢迎各位大佬指正O(∩_∩)O 创建一个vue 单页面直接引入vue.js文件, 之后创建vue实例。 <script type="text/javascript" src="./../js/vue.js"></script> <script type="text/javascript"> var ap...
  15. JVM 源码分析之 jstat 工具原理完全解读 概述 jstat是hotspot自带的工具,和java一样也位于JAVA_HOME/bin下面,我们通过该工具可以实时了解当前进程的gc,compiler,class,memory等相关的情况,具体我们可以通过jstat -options来看我们到底支持哪些类型的数据,譬如JDK8下的结果是: -class-compiler -gc -gccapacity -gccause -gcmetacapaci...
  16. js获取剪切板图片大小变化的问题 今天我这边有个需求是做一个简易素材上传管理的业务模块,想要满足用户复制图片到剪切板中,能够在我的页面中直接粘贴上传 实现方式 普遍采用的方式就是来监听paste事件,来获取剪切板里的文件 还有一种方式就是采用一个比较新的Clipboard API,这个需要通过用户同意之后,才可以使用 我试了一下,写法相对舒适...
  17. 阿捷外传之 Git 代码统计:DotNetCore + PowerBI 实现 Git 仓库日志分析 前言 2020年3月初春,虽然春节已经过去一个多月,大街上还未恢复往年的热闹。由于春节前夕突然降临的冠状病毒,导致很多员工无法回到城市复工。春节之后,阿捷所在的公司考虑到复工带来的风险,通知所有员工以远程的方式在家办公。某一天,PM联系到阿捷,说目前有一个需求,想要对各个项目组的Git仓库提交信息...
  18. 拒绝JS,这三个CSS技巧你一定用的上​ 2020年第15期 本文介绍三个非常棒棒的CSS技巧,完全可以在你的项目中代替JavaScript,一起来看看这些技巧吧。 :active伪类与CSS数据上报 超实用超高频使用的:empty伪类 用好:only-child伪类 :active伪类与CSS数据上报 如果想要知道两个按钮的点击率,C...
  19. [推荐] 一窥 Draft.js 受控渲染机制 估计很多同学都知道 Draft.js 是基于受控的 (controlled) contenteditable 实现的,也知道 Draft.js 的 editor state 中除了 content state,还有 selection state,undo/redo stack 等。但具体 Draft.js 如何将这些 state 渲染出来,估计多数同学就不了解了。毕竟不了解也能用起来。 最近 de - 一个流程编辑器的...
  20. 如何防止重复发送ajax请求 作者 | 周浪 先来说说重复发送ajax请求带来的问题 场景一:用户快速点击按钮,多次相同的请求打到服务器,给服务器造成压力。如果碰到提交表单操作,而且恰好后端没有做兼容处理,那么可能会造成数据库中插入两条及以上的相同数据 场景二:用户频繁切换下拉筛选条件,第一次筛选数据量较多...
  21. 想用Vuejs突破20K必备的热门面试题之 二--九 上篇文章只说一道题,大家是不是没有看过瘾,接下来我们来填满好奇心~~ 想用Vuejs突破20K必备的热门面试题(二)-data的限制 上篇的v-if和v-for是不是让大家对vue整体原理有一个更深入的了解呢,下面我们来聊第二题 Vue组件data为什么必须是个函数而Vue的根实例则没有此限制? 源码中找答案:srccoreinstance...

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

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

原文:20200315 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200315.html)