摘要: 前言 之前有简单看过 vue patch 部分的源码,了解了是基于 Snabbdom 库实现的。最近想详细了解下 vue 处理 vnode patch 的整个过程,想知道它在 Snabbdom 之上做了哪些事情?所以带着这个问题,写了这篇文章来记录。 Snabbdom 做了哪些事? A virtua 阅读全文
posted @ 2020-12-11 15:37 浅笑· 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 引言 当我们谈起 nodejs 时,由于 JavaScript 只能在单线程上运行, 导致 一个 Node 进程只能运行在一个CPU上, 无法发挥现代 CPU 多核的特性。 这对于一个 服务端语言来说, 是比较掣肘其发展的。 好在 Node 在 v0.10 后, 可以使用 Cluster 模块搭建 阅读全文
posted @ 2020-12-11 15:36 浅笑· 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 前提条件 本文适用于所有使用 vue 的开发人, 包括初学者。在阅读本文之前,你应该具备一些前提条件: Node.js 10.x或更高版本。在终端或命令提示符下运行 node -v 来验证你的版本 npm 6.7 或以上版本 代码编辑器;我强烈推荐 Visual Studio Code 把最新版本的 阅读全文
posted @ 2020-12-11 15:32 浅笑· 阅读(5247) 评论(0) 推荐(0) 编辑
摘要: 在开发项目时,我们或许需要一份精致的开发文档,那么使用docsify是不错的选择,docsify是一个文档生成工具,它直接加载 Markdown 文件并动态渲染,同时还可以生成封面页。所以我们只需要写完 Markdown 文档,就可以看到文档页面了。 特性 无需构建无需编译,写完markdown文档 阅读全文
posted @ 2020-12-11 15:30 浅笑· 阅读(1150) 评论(0) 推荐(0) 编辑
摘要: 微服务架构的目标是帮助工程团队更快、更安全、更高质量地交付产品。拆分服务允许团队快速迭代的同时,保证了对系统剩余部分的最小影响。 在Medium,我们的技术堆栈始于2012年的单体Node.js应用程序。我们已经构建了几个卫星服务,但我们还没有制定一个系统地采用微服务架构的策略。 随着系统变得越来越 阅读全文
posted @ 2020-12-11 15:28 浅笑· 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 本文对比的是 UIWebView、WKWebView、flutter_webview_plugin(在 iOS 中使用的是 WKWebView)的加载速度,内存使用情况。 测试手机:iPhoneX 系统:iOS12.0 加载速度对比 测试网页打开的速度,只需要获取 WebView 在开始加载网页和网 阅读全文
posted @ 2020-12-11 15:26 浅笑· 阅读(706) 评论(0) 推荐(0) 编辑
摘要: 前言 前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑, 这里做一下复盘分享出来,避免日后重复踩坑... 设计阶段 这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭,也比较容易. 需要实现的几个功能基本都标注出来了; 除了还有一个视频加载失败的... 阅读全文
posted @ 2020-12-11 15:23 浅笑· 阅读(2237) 评论(0) 推荐(0) 编辑
摘要: 小程序开发血泪史 小程序发展初期 框架不稳定 更新频繁 bug 众多 随着微信小程序的发展,微信小程序以基本不存在上述的问题,而其它新兴的小程序厂商则还在此阶段,对于小程序开发者来说,如果要接入微信小程序之外的平台,以上的问题是技术方案评估环境必须要衡量的问题。 小程序发展中期 开发体验提升 组件式 阅读全文
posted @ 2020-12-11 15:22 浅笑· 阅读(1093) 评论(0) 推荐(0) 编辑
摘要: Route 所谓路由管理,就是管理页面之间如何跳转,也被称为导航管理。这和原生开发类似,无论是Android还是iOS,导航管理都是通过维护一个路由栈来实现的,路由入栈(push)操作对应打开一个新页面,路由出栈(pop)操作对应页面关闭操作。在Flutter开发中,实现页面跳转需要同时使用Rout 阅读全文
posted @ 2020-12-11 15:20 浅笑· 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 了解 html 的读者一定听说过 DOM 树这个概念,它由页面中每一个控件组成,这些控件所形成的一种天然的嵌套关系使其可以表示为 “树” 结构,我们也可以将这个概念应用在 Flutter 中,例如默认的计数器应用的结构如下图: 我们也可以看到上图中每个控件所形成的树结构中隐含了一些关系,例如在上图中 阅读全文
posted @ 2020-12-11 15:18 浅笑· 阅读(730) 评论(0) 推荐(0) 编辑
摘要: flutter如何建立的视图树(WidgetTree),元素树(ElementTree)及渲染树(RenderingTree),又是如何更新视图绘制视图? 这个问题太大,刚开始一切又都是陌生的,理解起来千头万绪,所以先搞清这些树的根结点的身份是非常必要的。毫无疑问,这些根节点的建立紧密的与初始化过程 阅读全文
posted @ 2020-12-11 15:15 浅笑· 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 简单讲一下这个egg-validate egg-validate是基于parameter的。 安装 npm install --save egg-validate 启用 // config/plugin.js exports.validate = { enable: true, package: ' 阅读全文
posted @ 2020-12-11 15:14 浅笑· 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 以下摘取的函数,在 shared 目录下公用的工具方法。文件在 util.js 中,githu地址。提取了一些常用通用的函数进行剖析,主要包含以下内容: 创建一个被冻结的空对象 判断是否是 undefined 或 null 判断是否不是 undefined 和 null 判断是否是原始类型 判断是否 阅读全文
posted @ 2020-12-11 15:12 浅笑· 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 介绍 在 react 内部,react 会使用几项巧妙的小技术,来优化计算更新 UI 时,所需要的最少的更新 DOM 的操作。在大多数情况下,即使你没有针对性能进行专项优化,React 依然很快,但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代码的有效技巧。 阅读全文
posted @ 2020-12-11 15:09 浅笑· 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 前言 最近在学 react,看到 react-redux 这里,刚开始觉得一脸懵逼,后面通过查阅相关资料和一些对源码的解释,总算有点头绪,今天在这里总结下。 类似于 vue,React 中组件之间的状态管理 第三方包为:react-redux。react-redux 其实是 Redux的官方Reac 阅读全文
posted @ 2020-12-11 14:55 浅笑· 阅读(4247) 评论(0) 推荐(0) 编辑
摘要: 本文介绍了编写 vue.js 组件前需要知道的 10 件事,其中包括:组件可以全局或局部加载;延迟加载 / 异步组件;必需的 Props;使用 $emit 触发自定义事件;多 Props 绑定和覆盖等等。 1. 组件可以全局或局部加载 vue.js 提供了两种加载组件的方法:一种是 Vue 实例中的 阅读全文
posted @ 2020-12-11 14:46 浅笑· 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 这篇会深化View拖拽实例,利用Flutter Animation、插值器以及AnimatedBuilder教大家实现带动画的抽屉效果。 通过构思,我们可以设想到实现抽屉的方式就是用Stack控件将两个Widget叠加显示,用GestureDetector监听手势滑动,动态移动顶层的Widget,当 阅读全文
posted @ 2020-12-11 14:43 浅笑· 阅读(782) 评论(0) 推荐(0) 编辑
摘要: 在react开发中,经常会遇到组件重复渲染的问题,父组件一个state的变化,就会导致以该组件的所有子组件都重写render,尽管绝大多数子组件的props没有变化 render什么时候会触发 首先,先上一张react生命周期图: 这张图将react的生命周期分为了三个阶段:生成期、存在期、销毁期, 阅读全文
posted @ 2020-12-11 14:42 浅笑· 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 背景 前段时间准备前端招聘事项,复习前端react相关知识;复习react16新的生命周期:弃用了componentWillMount、componentWillReceivePorps,componentWillUpdate三个生命周期, 新增了getDerivedStateFromProps、g 阅读全文
posted @ 2020-12-11 14:38 浅笑· 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 到 react 16.8 目前为止,如果编写函数组件,然后遇到需要添加状态的情况,咱们就必须将组件转换为类组件。 编写 class Thing extends react.Component,将函数体复制到render()方法中,修复缩进,最后添加需要的状态。 今天,可以使用 Hook 获得相同的功 阅读全文
posted @ 2020-12-11 13:58 浅笑· 阅读(320) 评论(0) 推荐(0) 编辑