预计阅读时间：28分钟 导读 Flutter又双叒叕来了！本周推送是我们Flutter系列文章的最终篇！《Flutter移动端实战手册》回归实际应用场景，详细讲述Flutter在移动端的应用实践。话不多说，让我们一起来阅读这篇Flutter系列文章的收官之作吧 Flutter系列文章一共分为三篇： 1.​​《十分钟带你入坑Flutter》​​：详细介绍了Flutter整体架构及未来发展前景，并且对Flutter的特性和Dart语言进行了详细介绍。 2.​​《深入理解Flutter多线程》​​：深入讲解了Flutter的多线程，以及底层的系统Runner，并且将Flutter的协程、Isola...

1.前言 在React诞生之初，Facebook宣传这是一个用于前端开发的界面库，仅仅是一个View层。前面我们也介绍过React的组件通信，在大型应用中，处理好React组件通信和状态管理就显得非常重要。为了解决这一问题，Facebook最先提出了单向数据流的Flux架构，弥补了使用React开发大型网站的不足。 Flux： 随后，DanAbramov受到Flux和函数式编程语言Elm启发，开发了Redux这个状态管理库。Redux源码非常精简，实现也很巧妙，这篇文章将带你从零手写一个Redux和react-redux库，以及告诉你该如何设计Redux中的store。在开始前，我已...

作者：FESKY 作为前端开发者，不可避免每天都要跟​​Node.js​​​打交道。​​Node​​​遵循​​Commonjs​​​规范，规范的核心是通过​​require​​​来加载依赖的其他模块。我们已经常习惯于使用社区提供的各种库，但对于模块引用的背后原理知之甚少。这篇文章通过源码阅读，浅析在​​commonjs​​​规范中​​require​​背后的工作原理。 require从哪里来？ 大家都知道，在​​nodejs​​​的模块/文件中，有些“全局”变量是可以直接使用的，比如​​require,module,__dirname,__filename,exports​​​。其实这些...

高性能通用key-value组件 MMKV是基于mmap内存映射的key-value组件，底层序列化/反序列化使用protobuf实现，性能高，稳定性强。从2015年中至今在微信上使用，其性能和稳定性经过了时间的验证。近期也已移植到Android/macOS/Win32/POSIX平台，一并开源。 MMKV原理 内存准备通过mmap内存映射文件，提供一段可供随时写入的内存块，App只管往里面写数据，由操作系统负责将内存回写到文件，不必担心crash导致数据丢失。 数据组织数据序列化方面我们选用protobuf协议，pb在性能和空间占用上都有不错的表现。 写入优化考虑到主要使用场景是...

前言 商家在发布商品的时候，大部分情况下是没有视频的，这样往往会造成商品展示不全等问题，而视频制作又比较麻烦，为了解决此痛点，我们需要提供一键合成视频的功能。 之所以选择FFmpeg，是因为我们期望后续能够进行视频剪辑、字幕添加等更复杂的音视频操作。下面我们就来了解下什么是FFmpeg。 什么是FFmpeg FFmpeg是一款知名的开源音视频处理软件，它提供了丰富而友好的接口支持开发者进行二次开发，也就是说，我们可以把FFmpeg看作是一个跨平台的视频处理程序： FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。采用LGPL或GPL许可证。它提供了录制、...

文 | Travis ​ Flutter2.10正式发布，该版本距离上个版本的发布还不到两个月时间，但即使在这么短的时间内，Flutter已经关闭了1843个问题，合并了1525个PR。 稳定支持Windows Flutter已支持Linux，针对Windows和macOS的测试版也已推出一段时间了，如今Windows版本正式结束测试，达到稳定状态。 Flutter2.10除了带来了对Windows的稳定支持以外，这个版本还包括对文本处理、键盘处理和键盘快捷键的大量改进，以及直接集成到Windows的新功能，支持命令行参数、全局化文本输入和可访问性。 性能改进 这个版...

作者：觉非 ​ 很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。 相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。 开源项目的组成部分 在讲清楚之前呢，我们先来了解一下一个开源项目有哪些组成部分： name:项目名 description:项目的简要描述 项目的源码 README.md:项目的详细情况的介绍 那么除了这些要素之外，项目本身的star数和fork数，也是评判一个...

近期我们团队的小伙伴小池同学分享了“BetterScroll2.0发布：精益求精，与你同行”这篇文章到团队内部群，看到了插件化的架构设计，阿宝哥突然来了兴趣，因为之前阿宝哥在团队内部也做过相关的分享。既然已经来了兴趣，那就决定开启BetterScroll2.0源码的学习之旅。 接下来本文的重心将围绕插件化的架构设计展开，不过在分析BetterScroll2.0插件化架构之前，我们先来简单了解一下BetterScroll。 一、BetterScroll简介 BetterScroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。它的核心是借鉴的iscroll的实现，它的API设计基本...

|导语 最爱折腾的就是前端工程师了，从jQuery折腾到AngularJs，再折腾到Vue、React。最爱跨屏的也是前端工程师，从phonegap，折腾到ReactNative，这不又折腾到了Flutter。 图啥？低成本地为用户带来更优秀的用户体验。目前来说Flutter可能是其中最优秀的一种方案了。​ Flutter是什么？ Flutter是由原GoogleChrome团队成员，利用Chrome2D渲染引擎，然后精简CSS布局演变而来。 Flutter架构 或者更详细的版本： Flutter在各个原生的平台中，使用自己的C的引擎渲染界面，没有使用webview，...

KinjalDhamat 最佳实践是一个领域可以接受的专业标准，对于任何编程语言来说，提高代码质量、可读性、可维护性和健壮性都非常重要。 让我们探索一些设计和开发Flutter应用程序的最佳实践。 1.命名规则 ​​class​​​、​​enum​​​、​​typedef​​​ 和​​extension​​​应采用驼峰命名​​UpperCamelCase​​规则。 classMainScreen{...}enumMainItem{..}typedefPredicate<T>=boolFunction(Tvalue);extensionMyList<...

在​​7年技术写作，分享6点心得体会​​这篇文章中，阿宝哥介绍了自己经常使用的一款不错的在线绘图工具—Excalidraw。使用它你可以轻松地绘制各种漂亮的手绘示意图，目前在Github上Excalidraw的Star数已达23.9K，因此它也是一个很不错的开源项目。 在平时使用Excalidraw的时候，阿宝哥发现了该在线工具提供了一些不错的功能。比如保存.excalidraw文件到指定目录、拖拽打开.excalidraw文件并保存至当前文件、复制图片到剪贴板、分享只读链接和实时协作等功能。 提示：上图演示了拖拽打开.excalidraw文件并保存至当前文件的功能 上述的这些功能，...

自从2018年Google发布Flutter第一个预览版以来，Flutter就受到了开发者的热捧，短短一年多的时间，Flutter在GitHub上就收获了8W+stars，版本发布的频率超乎想象。在StackOverflow2019年的全球开发者问卷调查中，Flutter被选为最受开发者欢迎的框架之一，甚至超过了TensorFlow和Node.js。 现在越来越多的开发人员，被它漂亮的UI界面、跨平台一致性、很高的开发效率所吸引。Flutter和其他跨平台方案有本质上的区别，它使用Skia渲染引擎—而其他跨平台方案（比如ReactNative等）则是最终转换为原生控件进行绘制，因此...

俗话说得好，工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目，利用这些开源项目，你将能能轻松应对以下十个工作场景：文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设计器、H5页面设计器、文档管理和API管理。 文件上传 uppy Thenextopensourcefileuploaderforwebbrowsers🐶 ​​https://github.com/transloadit/uppy​​ uppy是一个体验顺滑、模块化的JavaScript文件上传器，可以无缝地与任何应用程序集成。它速度快，使用方便，可以让你专注比构建文件上传器更重要的问题。该库拥有以下特性...

前言 大家好，我叫TianTian，一个爱瞎折腾，爱算法的Acmer爱好者，梳理一些比较好的JS题目，复习完还是收获很大，分享给大家❤️ 题目主要来自看到过的易错题，还有经典的44道JavaScriptPuzzlers!，出自原文链接 stackoverflow这上面有很多Questions不错的，可以好好补一补基础 JS易错题暂时很长一段时间就不更新啦，TypeScript都出来了，TS真香 ➡️给个小建议，可以先看完第一题，要是没有问题的话，后面的基本上也可以跳过 GitHub仓库点这里 开始吧👇 ​​.​​​VS​​=​​操作符优先级 leta={n:1};letb=a;...

秋天不落叶 什么是认证（Authentication） 通俗地讲就是验证当前用户的身份，证明“你是你自己”（比如：你每天上下班打卡，都需要通过指纹打卡，当你的指纹和系统里录入的指纹相匹配时，就打卡成功） 互联网中的认证： 用户名密码登录 邮箱发送登录链接 手机号接收验证码 只要你能收到邮箱/验证码，就默认你是账号的主人 什么是授权（Authorization） 用户授予第三方应用访问该用户某些资源的权限 你在安装手机应用的时候，APP会询问是否允许授予权限（访问相册、地理位置等权限） 你在访问微信小程序时，当登录时，小程序会询问是否允许授予权限（获取昵称、头像、地区、性别等个人信...

作者：王立发 1​​ Vue3的Template支持多个根标签，Vue2不支持 Vue3有createApp()，而Vue2的是newVue()createApp(组件)，newVue({template,render}) v-model代替以前的v-model和.syncvue3中v-model的用法 要求:3.1.props属性名任意，假设为x3.2.事件名必须为"update:x"效果： <Switch:value="y"@update:value="y=$event"/>vue2中的写法<Switch:value.sync="y"/>vue3中...

数据加密，是一门历史悠久的技术，指通过加密算法和加密密钥将明文转变为密文，而解密则是通过解密算法和解密密钥将密文恢复为明文。它的核心是密码学。 数据加密仍是计算机系统对信息进行保护的一种最可靠的办法。它利用密码技术对信息进行加密，实现信息隐蔽，从而起到保护信息的安全的作用。 本文阿宝哥将介绍如何对数据进行混合加密，即使用对称加密算法与非对称加密算法对数据进行加密，从而进一步保证数据的安全性。阅读完本文，你将了解以下内容： 什么是对称加密、对称加密的过程、对称加密的优缺点及AES对称加密算法的使用； 什么是非对称加密、非对称加密的过程、非对称加密的优缺点及RSA非对称加密算法的使用； 什么是混...

本文阿宝哥将从多个方面入手，全方位带你一起探索WebSocket技术。阅读完本文，你将了解以下内容： 了解WebSocket的诞生背景、WebSocket是什么及它的优点； 了解WebSocket含有哪些API及如何使用WebSocketAPI发送普通文本和二进制数据； 了解WebSocket的握手协议和数据帧格式、掩码算法等相关知识； 了解如何实现一个支持发送普通文本的WebSocket服务器。 在最后的阿宝哥有话说环节，阿宝哥将介绍WebSocket与HTTP之间的关系、WebSocket与长轮询有什么区别、什么是WebSocket心跳及Socket是什么等内容。 下面我们进入正题，...

一、justify-content对齐问题描述 在CSSflex布局中，​​justify-content​​​属性可以控制列表的水平对齐方式，例如​​space-between​​值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题。 如下代码： .container{display:flex;justify-content:space-between;flex-wrap:wrap;}.list{width:24%;height:100px;background-color:skyblue;margin-top:15px;} 然...

前言 Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack编译配置优化等问题，所以我们仍然需要去关注Vue项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成： Vue代码层面的优化； webpack配置层面的优化； 基础的Web技术层面的优化。 辛苦整理良久，还望手动点赞鼓励 g...