那些你可能不知道的 Web API；一文看完 HTTP3 的演化历程；Vue 2.6 发布了；vue-router 源码阅读 – 文件结构与注册机制；吃透js中正则表达式；DayDart：具备 Moment.js 一样 API 的 Flutter 时间处理库；写给自己看的 CSS shapes 布局教程；淘宝放大镜的两种实现方法JS
-
那些你可能不知道的 Web API 周刊君表示，还真有不知道的。
-
一文看完 HTTP3 的演化历程 “如果你没有密切关注 IETF 的工作，就会觉得 HTTP/3 出现得很突然。不过，我们可以通过一系列实验和 Web 协议的演变史来追溯它的起源，特别是 QUIC 传输协议。”
-
Vue 2.6 发布了 漫长的 V2.5 时代成为过去，这个版本“包含了一些相当有份量的更新”。
-
吃透js中正则表达式 我们在开发的过程中总会碰到一些需求需要做字符串匹配，当遇到一些稍微复杂一点的匹配规则时，如果我们对正则还不那么清晰,我们总是会去网上搜索一些现成的正则匹配，ctrl+c,ctrl+v。时间长了我们对这种修修补补的方式不厌其烦。那么今天就对正则表达式做足功夫，磨刀不误砍柴工，首先推荐一个学习正则的一个可视化的工…
-
DayDart：具备 Moment.js 一样 API 的 Flutter 时间处理库 README.md DayDart A new Flutter package project. Getting Started This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects. …
-
写给自己看的 CSS shapes 布局教程 “本文详细介绍 CSS Shapes 布局，兼容性不错，移动端项目和中后台项目都可以使用，可以实现很多很棒的布局效果，需要和浮动配合使用。不仅支持基础图形，还支持 PNG，SVG 图像，以及渐变图形的环绕效果。是非常值得学习的一种布局方式。”
-
淘宝放大镜的两种实现方法JS第一种，左边一个小图，右边一个原图，当鼠标在小图上移动的时候，通过更改left和top的值来实现同步移动（原图的position属性设置为absolute）
-
Vue组件数据通讯新姿势：$attrs 和 $listeners 学习Vue也有一段时间了，在项目中使用Vue也有好几个了，但Vue组件间的状态管理（数据通信）一直是自己的死穴。对于Vue组件间的数据通信，无外呼是父组件向子组件、子组件向父组件、兄弟组件以及嵌套组件之间的数据通信。而且组件之间的通信方式也有很多种。 @Gongph 的《 Vue 父子组件通信的十种方式 》一文就详细的介绍…
-
Web页面中png jpg gif webp svg的区别和使用PngPNG包括png-8和png-24 png-32 相对来说体积小；支持透明 24（160W）比8（256） 像素 色块 色彩 要多很多 8位保存的时候会有锯齿边缘 24位是透明边缘 24位PNG，支持160万种不同的像素颜色且支持Alpha透明效果，…
-
WebAssembly 实践 前言 JavaScript 最初被设计出来的时候，作者一定想不到 Web 会发展到今天的规模。随着前端技术发展，浏览器端应用越来越复杂，JavaScript 的性能问题逐渐突出。Chrome的 V8 引擎对 JavaScript 预编译速度做了极大提升，但这还不够。因为 JavaScript 的动态类型特性，始终无法回避类型推断。要进一步提高 W…
-
深度解密 HTTP 通信细节 上一篇文章中，我们学会了用wireshark和tcpdump来分析TCP的“三次握手，四次挥手”，非常好用。这哥俩就是传说中的锤子，拿着锤子，看什么都像钉子！在这篇文章中，我对准了HTTP这颗钉子砸下去，咳咳。 为了对网络数据包的“流转”有更加深刻的理解，我在docker（远程）上部署一个服务，支持http方式调用。从客户端…
-
快速了解 CSS 新出的列选择符双管道（||） Excited！
-
js搜索关键字(Ctrl + F){代码…} {代码…} {代码…}
-
JS数据结构学习：链表在存储多个元素时，我们最常用的数据结构可能是数组，究其原因可能是数组访问方便，可以直接通过[]访问，但是数组也存在一定的缺点，数组的大小是固定，数组在执行插入或者删除的时候成本很高。链表存储的是有序…
-
JavaScript五十问——对比来说CSS的Grid与FlexBox（下篇）在上篇——JavaScript五十问——对比来说CSS的Grid与FlexBox（上篇），我介绍了Flex的属性与使用，今天我们来总结一下Grid的具体使用方法，最后会结合Flex与Grid布局讲一讲二者的联系与不同。
-
JS的函数篇（4.3W字） 本系列将从以下专题去总结： JS基础知识深入总结 对象高级 函数高级 事件对象与事件机制 暂时会对以上四个专题去总结，现在开始Part3：函数高级。下图是我这篇的大纲。 3.1 this的使用总结 this 是在函数执行的过程中自动创建的一个指向一个对象的内部指针。确切的说， this 并不是…
-
手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机调试移动端页面，优先选择使用chrome浏览器调试，如果是hybrid形式的页面，可以使用chrome提供的chrome://inspect/#devices 安卓真机调试，不过这个要求比较高：首先，你的 Chrome 版本必须高于 32其次你的测试机…
-
循序渐进DIY一个react（二） 承接上文，假如我给你一个virtual DOM对象，那么你该如何实现将它渲染到真实的文档中去呢？这个时候就涉及到原生DOM接口的一些增删改查的知识点了： // 增：根据标签名，创建一个元素节点（element node） let divElement = document.createElement(‘div’) // 增：根据文本内容，创建一个文本节点(text node) const …
-
React 性能优化技巧总结本文将从 render 函数的角度总结 React App 的优化技巧。需要提醒的是，文中将涉及 React 16.8.2 版本的内容(也即 Hooks），因此请至少了解 useState 以保证食用效果。
-
Vue源码分析系列二：$mount()方法 提示：描述都写在代码的注释中 在initMixin()的最后执行了如下操作: if (vm.$options.el) { vm.$mount(vm.$options.el); } 复制代码 执行$mount()方法 query() function query (el) { if (typeof el === ‘string’) { var selected = document.querySelector(el); if (!selected) { // 如果…
-
git 命令行使用（基础篇）git 是分布式代码管理工具，越来越多的企业使用它。所以掌握git的使用至关重要。它的远端管理是基于ssh，所以在使用远端git的时候需要进行ssh配置。 ssh是一种免密登录，使用的rsa非对称加密来进行服务器认证；
-
Node.js环境性能监控 随着Node v11.0 release版本的发布，Node已经走过了很多年。基于Node产生了很多服务端框架，来帮助我们独立于后端进行前端工程的开发和部署。 业务逻辑的迁移，以及各种MV*框架的服务端渲染模型的出现，让基于Node的前端SSR策略更依赖服务器性能。首屏直出性能以及Node服务的稳定性，直接关系影响着用户体验。 Node作…
-
React Hooks 梳理自 React 16.8 发布以后，在已有项目中，把 package.json 中的 react 和 react-dom 版本一升，就可以抄起 Hooks 开干了。笔者目前已经在项目中开始了实操，但不妨先总结下官方文档中一些值得梳理的点。
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
