大前端

回到十年前，前端技术就像一名戴着厚重眼镜的书呆子，总是小心翼翼，被各种各样的浏览器兼容性问题欺负（就像在小学被欺负一样）。 作者：京东科技 胡骏 引言 岁月如梭，十载流年 前端技术，蓬勃向前 HTML，CSS，JavaScript 演绎出璀璨夺目的技术画卷 回到十年前，前端技术就像一名 »

目录 背景介绍 Angular React Vue 详细分析 Vue React Angular 再谈Vue和React的生态系统 Vue React 今天就来好好分析分析这三个框架。 背景介绍 Angular Angular 是 Google 在 2010 年发布的 »

1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， »

目录 简介 使用相机前的准备工作 在flutter中使用camera 总结 简介 在app中使用相机肯定是再平常不过的一项事情了，相机肯定涉及到了底层原生代码的调用，那么在flutter中如何快速简单的使用上相机的功能呢？ 一起来看看吧。 使用相机前的准备工作 flutter中为使用came »

目录 一、需求来源 二、iOS 事件拦截 1、使用示例 2、自定义视图 NNAbsorbPointerView，用来拦截它子视图事件。 三、Flutter 事件拦截 1、使用示例 四、Web 事件拦截 1、Vue 事件拦截 最后、总结 一、需求来源 app需要支持实现游客模式，启 »

目录 一、需求来源 二、iOS 事件拦截 1、使用示例 2、自定义视图 NNAbsorbPointerView，用来拦截它子视图事件。 三、Flutter 事件拦截 1、使用示例 四、Web 事件拦截 1、Vue 事件拦截 最后、总结 一、需求来源 app需要支持实现游客模式，启 »

目录 一、前言 二、思路 三、代码 四、效果 结语 一、前言 这段时间接近年底，公司的业务也不是很繁忙，有些闲暇的时间，就模仿ruoyi写一个后台系统，技术栈前端是react18，后端为koa2； 在一个接口返回数据的过程中，遇到一个问题，就是后端数据保存到数据库中的命名标准是下划线 »

目录 一、前言 二、思路 三、代码 四、效果 结语 一、前言 这段时间接近年底，公司的业务也不是很繁忙，有些闲暇的时间，就模仿ruoyi写一个后台系统，技术栈前端是react18，后端为koa2； 在一个接口返回数据的过程中，遇到一个问题，就是后端数据保存到数据库中的命名标准是下划线 »

目录 简介 搭建主Navigator 构建子路由 总结 简介 我们在flutter中可以使用Navigator.push或者Navigator.pushNamed方法来向Navigator中添加不同的页面，从而达到页面调整的目的。 一般情况下这样已经足够了，但是有时候我们有多个Navigat »

在上篇文章，我们已经设计了一个简单的设计态的Canvas，能够显示经过BuildEngine生成的ReactNode进行渲染。本文，我们将继续上一篇文章的成果，设计并实现一个能够显示组件节点大纲树的组件。 什么是组件大纲树？ 我们希望用户能通过一个地方比较明显的看到当前整个ElementNode的 »

主要内容为下面几大类：移动端、图片、JavaScript、css、html、页面内容、服务器、cookie。 移动端性能优化： 保持单个文件小于25KB 移动网站页面要求下载资源，如果文件过大，会大大减慢页面加载速度。 打包内容为分段multipart文档 由于HTTP请求每一次都会执行三次 »

目录 简介 SliverList和SliverGird详解 SliverList和SliverGird的使用 总结 简介 在上一篇文章我们讲解SliverAppBar的时候有提到过，Sliver的组件一般都用在CustomScrollView中。除了SliverAppBar之外，我们还可以为 »

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。它可以用在 react、angular、vue 等项目中, 但与 react 配合使用更加方便一些。 Redux 原理图如下，可以看到store仓库是Redux的核心，通过维护一个store仓库管理 state。state 是只 ... »

命名规范 s：表示字符串。例如：sName，sHtml;n：表示数字。例如：nPage，nTotal;b：表示逻辑。例如：bChecked，bHasLogin;a：表示数组。例如：aList，aGroup;r：表示正则表达式。例如：rDomain，rEmail;f：表示函数。例如：fGetHtml »

简介 一般情况下，我们使用Listview的方式是构建要展示的item，然后将这些item传入ListView的构造函数即可，通常情况下这样做是够用了，但是不排除我们会有一些其他的特殊需求。 今天我们会来讲解一下ListView的一些高级用法。 ListView的常规用法 ListView的常规用法 ... »

数据可视化大屏的真正做用是什么？ **数据可视化：**Data Visualization，即与视觉传达， 定义：为了清晰有效地传递信息，数据可视化使用统计图形、图表、信息图表和其他工具。可以使用点、线或条对数字数据进行编码，以便在视觉上传达定量信息。 BI 工具是提供的是一套完整的数据解决方案，将 ... »

本文全面介绍了 HTTP 协议相关知识，包括 HTTP 请求报文、响应报文、持久连接、缓存、Cookie 以及 HTTP 版本升级等！ ... »

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »