前端论道

2019年10月1日在祖国70周年大庆之际，微信朋友圈被大家纷纷@微信官方要国旗的景象给刷屏了，在为祖国庆生的同时，玩的不亦乐乎。 在9月25日，我心血来潮决定在国庆前开发...

奔着利国利猿的使命，我***开始了造轮之路。 主要用于展示大量结构化数据。 支持分页、自定义操作、长，宽表格滚动等功能。 暴露必要属性例如表头，数据。 支持外部样式控制表格...

在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针...

...... 这些我们都不讲，今天我们聊一下 Flutter Widget 。让我们开始吧～ 呈现的样⼦。当 Widget 的状态改变时，它会重新构 建其描述（展示的 UI...

在dart项目中，必须声明一个入口函数main，这也很java，程序从main函数开始运行（习惯使用js的需要注意这一点）。 可以使用abstract来定义抽象类，抽象类不...

. 执行上一个命令 学习 Vim 是枯燥的，可能是因为命令太多吧，而且即使短时间记住了，长时间不去用的话也是会淡忘的，个人觉的记住几个常用的就可以了，毕竟一般情况下是在服务...

众所周知javascript是一种弱类型语言。强类型和弱类型主要是站在变量类型处理的角度进行分类的。强类型是一旦指定数据类型，如果不经过强制转换，那么将永远是指定的这个类型...

某个工作日的下午，一个前端小伙伴找我说：“我的线上的页面原来是好好的，今天访问的时候怎么变成了下载了，我什么都没做呀？”正在这时，又有人反馈所有的web网页访问的时候都变成...

本文是以作者自己理解的思路拆分的JS运行机制，见解有限难免疏漏，欢迎留言勘误、交流。 浏览器的主要功能是向服务器发送请求，在窗口中展示目标网络资源。 伴随着浏览器的的普及，...

好吧，JSBridge虽然也算比较古老了，但关于JSBridge的原理也是一个目前作为一名前端开发人员需要了解掌握的知识。 现如今，在做移动端H5开发时，少不了与Nativ...

简单概述下上面的gif，布局采用了d3实现，针对这种需求常规的可视化图形插件(如ECharts、ichartjs等)，通过简单的配置可能已无法做到，就算能实现灵活度也必然受...

CSS的网格布局模块提供了一个基于网格的布局系统，能够以行和列来进行布局，使其更容易设计网页，而不必使用浮标和定位。 display属性被设置为网格或内联网格。 为了使一个...

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过...

Webpack 是一款强大的打包工具。在 Webpack 中一切皆模块。Webpack 官网的 Banner 图完美地诠释了这一理念。Webpack 从一个入口文件开始递归...

可以简单的理解为，React 和 Vue 为了解决相同的问题，基于不同的技术实现了相似的API。所以本文也将结合两种框架各自的特点，简单讲讲个人对Hooks的理解。 为了回...

sonar是一个代码质量管理的开源平台，用于管理源代码的质量，通过插件形式，可以支持包括java、C#、JavaScript等二十余种编程语言的代码质量管理与检测。 7) ...

通过阅读源码看一下vue是如何将Vue.config.errorHandler接口暴露给使用者。 快狗打车前端团队专注前端技术分享，定期推送高质量文章，欢迎关注点赞。...

由于 IE 这种老古董的存在和浏览器厂家标准不一的情况，前端开发者们大多更愿意写 JavaScript，而对 HTML 和 CSS 嗤之以鼻。但随着 win10 的普及和 ...

我们使用Flexbox 实现垂直水平居中、自适应容器宽度乐此不疲，因为确确实实很方便。可以简便、完整、响应式地实现各种页面布局，目前已得到所有现代浏览器的支持。但Flex属...

看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添加四个div来分别实现上下左右的边框效果，虽然可行，...