摘要：
前言 之前有简单看过 vue patch 部分的源码，了解了是基于 Snabbdom 库实现的。最近想详细了解下 vue 处理 vnode patch 的整个过程，想知道它在 Snabbdom 之上做了哪些事情？所以带着这个问题，写了这篇文章来记录。 Snabbdom 做了哪些事？ A virtua 阅读全文
posted @ 2020-12-11 15:37
浅笑·
阅读(318)
评论(0)
推荐(0)
摘要：
引言 当我们谈起 nodejs 时，由于 JavaScript 只能在单线程上运行， 导致 一个 Node 进程只能运行在一个CPU上， 无法发挥现代 CPU 多核的特性。 这对于一个 服务端语言来说， 是比较掣肘其发展的。 好在 Node 在 v0.10 后， 可以使用 Cluster 模块搭建 阅读全文
posted @ 2020-12-11 15:36
浅笑·
阅读(164)
评论(0)
推荐(0)
摘要：
前提条件 本文适用于所有使用 vue 的开发人， 包括初学者。在阅读本文之前，你应该具备一些前提条件： Node.js 10.x或更高版本。在终端或命令提示符下运行 node -v 来验证你的版本 npm 6.7 或以上版本 代码编辑器；我强烈推荐 Visual Studio Code 把最新版本的 阅读全文
posted @ 2020-12-11 15:32
浅笑·
阅读(5375)
评论(0)
推荐(0)
摘要：
在开发项目时，我们或许需要一份精致的开发文档，那么使用docsify是不错的选择，docsify是一个文档生成工具，它直接加载 Markdown 文件并动态渲染，同时还可以生成封面页。所以我们只需要写完 Markdown 文档，就可以看到文档页面了。 特性 无需构建无需编译，写完markdown文档 阅读全文
posted @ 2020-12-11 15:30
浅笑·
阅读(1291)
评论(0)
推荐(0)
摘要：
微服务架构的目标是帮助工程团队更快、更安全、更高质量地交付产品。拆分服务允许团队快速迭代的同时，保证了对系统剩余部分的最小影响。 在Medium，我们的技术堆栈始于2012年的单体Node.js应用程序。我们已经构建了几个卫星服务，但我们还没有制定一个系统地采用微服务架构的策略。 随着系统变得越来越 阅读全文
posted @ 2020-12-11 15:28
浅笑·
阅读(213)
评论(0)
推荐(0)
摘要：
本文对比的是 UIWebView、WKWebView、flutter_webview_plugin（在 iOS 中使用的是 WKWebView）的加载速度，内存使用情况。 测试手机：iPhoneX 系统：iOS12.0 加载速度对比 测试网页打开的速度，只需要获取 WebView 在开始加载网页和网 阅读全文
posted @ 2020-12-11 15:26
浅笑·
阅读(795)
评论(0)
推荐(0)
摘要：
前言 前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑, 这里做一下复盘分享出来,避免日后重复踩坑... 设计阶段 这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭,也比较容易. 需要实现的几个功能基本都标注出来了; 除了还有一个视频加载失败的... 阅读全文
posted @ 2020-12-11 15:23
浅笑·
阅读(2416)
评论(0)
推荐(0)
摘要：
小程序开发血泪史 小程序发展初期 框架不稳定 更新频繁 bug 众多 随着微信小程序的发展，微信小程序以基本不存在上述的问题，而其它新兴的小程序厂商则还在此阶段，对于小程序开发者来说，如果要接入微信小程序之外的平台，以上的问题是技术方案评估环境必须要衡量的问题。 小程序发展中期 开发体验提升 组件式 阅读全文
posted @ 2020-12-11 15:22
浅笑·
阅读(1216)
评论(0)
推荐(0)
摘要：
Route 所谓路由管理，就是管理页面之间如何跳转，也被称为导航管理。这和原生开发类似，无论是Android还是iOS，导航管理都是通过维护一个路由栈来实现的，路由入栈(push)操作对应打开一个新页面，路由出栈(pop)操作对应页面关闭操作。在Flutter开发中，实现页面跳转需要同时使用Rout 阅读全文
posted @ 2020-12-11 15:20
浅笑·
阅读(376)
评论(0)
推荐(0)
摘要：
了解 html 的读者一定听说过 DOM 树这个概念，它由页面中每一个控件组成，这些控件所形成的一种天然的嵌套关系使其可以表示为 “树” 结构，我们也可以将这个概念应用在 Flutter 中，例如默认的计数器应用的结构如下图： 我们也可以看到上图中每个控件所形成的树结构中隐含了一些关系，例如在上图中 阅读全文
posted @ 2020-12-11 15:18
浅笑·
阅读(850)
评论(0)
推荐(0)
摘要：
flutter如何建立的视图树(WidgetTree)，元素树(ElementTree)及渲染树(RenderingTree)，又是如何更新视图绘制视图? 这个问题太大，刚开始一切又都是陌生的，理解起来千头万绪，所以先搞清这些树的根结点的身份是非常必要的。毫无疑问，这些根节点的建立紧密的与初始化过程 阅读全文
posted @ 2020-12-11 15:15
浅笑·
阅读(256)
评论(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
浅笑·
阅读(507)
评论(0)
推荐(0)
摘要：
以下摘取的函数，在 shared 目录下公用的工具方法。文件在 util.js 中，githu地址。提取了一些常用通用的函数进行剖析，主要包含以下内容： 创建一个被冻结的空对象 判断是否是 undefined 或 null 判断是否不是 undefined 和 null 判断是否是原始类型 判断是否 阅读全文
posted @ 2020-12-11 15:12
浅笑·
阅读(249)
评论(0)
推荐(0)
摘要：
介绍 在 react 内部，react 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代码的有效技巧。 阅读全文
posted @ 2020-12-11 15:09
浅笑·
阅读(276)
评论(0)
推荐(0)
摘要：
前言 最近在学 react，看到 react-redux 这里，刚开始觉得一脸懵逼，后面通过查阅相关资料和一些对源码的解释，总算有点头绪，今天在这里总结下。 类似于 vue，React 中组件之间的状态管理 第三方包为：react-redux。react-redux 其实是 Redux的官方Reac 阅读全文
posted @ 2020-12-11 14:55
浅笑·
阅读(4268)
评论(0)
推荐(0)
摘要：
本文介绍了编写 vue.js 组件前需要知道的 10 件事，其中包括：组件可以全局或局部加载；延迟加载 / 异步组件；必需的 Props；使用 $emit 触发自定义事件；多 Props 绑定和覆盖等等。 1. 组件可以全局或局部加载 vue.js 提供了两种加载组件的方法：一种是 Vue 实例中的 阅读全文
posted @ 2020-12-11 14:46
浅笑·
阅读(213)
评论(0)
推荐(0)
摘要：
这篇会深化View拖拽实例，利用Flutter Animation、插值器以及AnimatedBuilder教大家实现带动画的抽屉效果。 通过构思，我们可以设想到实现抽屉的方式就是用Stack控件将两个Widget叠加显示，用GestureDetector监听手势滑动，动态移动顶层的Widget，当 阅读全文
posted @ 2020-12-11 14:43
浅笑·
阅读(861)
评论(0)
推荐(0)
摘要：
在react开发中，经常会遇到组件重复渲染的问题，父组件一个state的变化，就会导致以该组件的所有子组件都重写render，尽管绝大多数子组件的props没有变化 render什么时候会触发 首先，先上一张react生命周期图： 这张图将react的生命周期分为了三个阶段：生成期、存在期、销毁期， 阅读全文
posted @ 2020-12-11 14:42
浅笑·
阅读(333)
评论(0)
推荐(0)
摘要：
背景 前段时间准备前端招聘事项，复习前端react相关知识；复习react16新的生命周期：弃用了componentWillMount、componentWillReceivePorps，componentWillUpdate三个生命周期， 新增了getDerivedStateFromProps、g 阅读全文
posted @ 2020-12-11 14:38
浅笑·
阅读(277)
评论(0)
推荐(0)
摘要：
到 react 16.8 目前为止，如果编写函数组件，然后遇到需要添加状态的情况，咱们就必须将组件转换为类组件。 编写 class Thing extends react.Component，将函数体复制到render()方法中，修复缩进，最后添加需要的状态。 今天，可以使用 Hook 获得相同的功 阅读全文
posted @ 2020-12-11 13:58
浅笑·
阅读(341)
评论(0)
推荐(0)
摘要：
本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite 重定向问题。 location 优先级 = 阅读全文
posted @ 2020-12-11 13:54
浅笑·
阅读(1902)
评论(0)
推荐(1)
摘要：
准备工作 首先搭建vue项目，lint选择ESLint + Prettier，配置方式选择In dedicated config files。具体搭建过程这里就不赘述了，如果不熟悉的同学可以点击这里。 配置Eslint 项目搭建完成后，根目录下会自动生成一个.eslintrc.js文件，我们直接来看 阅读全文
posted @ 2020-12-11 13:53
浅笑·
阅读(3783)
评论(0)
推荐(0)
摘要：
一.安装 安装webpack4最新版本 npm install --save-dev webpack@4 安装新增依赖 webpack-cli 这个在webpack3中，webpack本身和它的CLI是在同一个包中，webpack4中将两个分开管理。 npm install --save-dev w 阅读全文
posted @ 2020-12-11 13:51
浅笑·
阅读(1790)
评论(0)
推荐(0)
摘要：
Dart语言与其他语言究竟有什么不同呢？在已有的编程语言经验的基础上，我们该如何快速上手呢？本篇文章从编程语言中最重要的组成部分，也就是基础语法与类型变量出发，一起来学习Dart吧 一、Dart语言之初体验 Dart可以在编译器（Android Studio）、命令行（前提是安装了Dart SDK） 阅读全文
posted @ 2020-12-11 13:49
浅笑·
阅读(650)
评论(0)
推荐(0)
摘要：
前言 随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。 比如vue项目vuex文件非常多： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); im 阅读全文
posted @ 2020-12-11 13:48
浅笑·
阅读(827)
评论(0)
推荐(0)
摘要：
随着vue应用程序的大小增加，vuex Store中的actions和mutations也会增加。本文，我们将介绍如何将其减少到易于管理的东西。 Vuex是什么 Vuex是vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行变更。 我们怎么 阅读全文
posted @ 2020-12-11 13:46
浅笑·
阅读(210)
评论(0)
推荐(0)
摘要：
组件的状态是一种保存、处理和使用给定组件内部信息的方法，并允许你实现其自身的逻辑。状态本身其实是JavaScript中一个简单的对象(Plain Old Java[Script] Object)，并且改变它是使组件重新进行渲染的几种方法之一。 这是react背后最基本的思路之一,但是它(状态)有一些 阅读全文
posted @ 2020-12-11 13:45
浅笑·
阅读(429)
评论(0)
推荐(0)
摘要：
vue双向绑定原理分析 当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的se 阅读全文
posted @ 2020-12-11 13:39
浅笑·
阅读(5748)
评论(0)
推荐(0)
摘要：
1、递归组件-简单树形控件预览及问题 在编写树形组件时遇到的问题： 组件如何才能递归调用？ 递归组件点击事件如何传递？ 2、树形控件基本结构及样式 <template> <ul class="vue-tree"> <li class="tree-item"> <div class="tree-con 阅读全文
posted @ 2020-12-11 13:30
浅笑·
阅读(3304)
评论(0)
推荐(0)
摘要：
前段时间，vue 官方释出了 Composition API RFC 的文档，我也在收到消息的第一时间上手尝鲜。 虽然 vue 3.0 尚未发布，但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。接下来的内容我将以构建 阅读全文
posted @ 2020-12-11 13:28
浅笑·
阅读(387)
评论(0)
推荐(0)
摘要：
我们身处科技高速发展的时代；互联网日新月异，移动应用程序开发产业也在大踏步前进。多年来，移动应用的市场需求呈爆发式增长；众多企业都在开发自己的移动应用程序，或者用于促销自己的产品，或者用来向客户提供更好的服务。 众所周知，主导全球市场的两大移动平台分别是 iOS 和 Android。当一家企业决定开 阅读全文
posted @ 2020-12-11 13:22
浅笑·
阅读(769)
评论(0)
推荐(0)
摘要：
Virtual DOM 是一种编程理念 Virtual DOM 是一种编程理念。UI 信息被特定语言描述并保存到内存中，再通过特定的库，例如 reactDOM 与真实的 DOM 同步信息。这一过程成为 协调 (Reconciliation)。 与之对应的数据结构 Virtual DOM 反映到实际的 阅读全文
posted @ 2020-12-11 13:20
浅笑·
阅读(142)
评论(0)
推荐(0)
摘要：
与我使用的其他框架相比，我最喜欢 react 的原因之一就是它对 JavaScript 的暴露程度。没有模板DSL（ jsX 编译为合理的 JavaScript），组件 API 只是通过添加 React Hooks 变得更简单，并且该框架为解决的核心 UI 问题提供非常少的抽象概念。 因此，学习 J 阅读全文
posted @ 2020-12-11 13:17
浅笑·
阅读(147)
评论(0)
推荐(0)
摘要：
最近观察项目 CI 跑的情况如何时，会偶尔发现一两个镜像虽然构建成功但是容器跑不起来的情况。究其原因，是因为一个 exit code 的问题 throw new Error 与 Promise.reject 区别 以下是两段代码，第一个是抛出一个异常，第二个是 Promise.reject，两段代码 阅读全文
posted @ 2020-12-11 13:14
浅笑·
阅读(727)
评论(0)
推荐(0)
摘要：
在微服务架构的世界中，我们通过一系列服务构建应用。集合中的每项服务都符合以下标准： 松散耦合 可维护和可测试 可以独立部署 微服务架构中的每个服务都解决了应用中的业务问题，或至少支持一个。一个团队对应用中的一个或多个服务负责。 微服务架构可以解锁许多好处。 它们通常更容易构建和维护 服务是围绕业务问 阅读全文
posted @ 2020-12-11 13:11
浅笑·
阅读(5276)
评论(0)
推荐(1)
摘要：
众所周知，官方提供了好几个办法来让我们在开发 Flutter app 的过程中可以使用查看 fps等性能数据，如 devtools ，具体见文档 Debugging Flutter apps 、 Flutter performance profiling等。 但是这些工具统计到的数据充其量只能算开发 阅读全文
posted @ 2020-12-11 13:09
浅笑·
阅读(659)
评论(0)
推荐(0)
摘要：
随着前端项目复杂程度越来越高，依赖也越来越多，为了提高项目中代码的可复用性，前端开始提出模块化开发的思路，前端模块化会有以下几个痛点： 命名冲突文件依赖代码复用 模块化，会将相关的代码封装成一个package包的文件，当需要的时候，直接拿来用即可(import引入)。至于相关文件的直接依赖如何处理， 阅读全文
posted @ 2020-12-11 13:06
浅笑·
阅读(130)
评论(0)
推荐(0)
摘要：
我的许多同事最近通过各种方式问同一类问题： “如果我们开始用 hook 后，那还有必要用 Redux 吗？”“react hook 不是让 Redux 过时了吗？那只用 Hooks 就可以做 Redux 所有能做的事了吧？” 随便搜一下 Google，你就会发现人们也在互联网上问同样的问题。简单来说 阅读全文
posted @ 2020-12-11 13:03
浅笑·
阅读(682)
评论(0)
推荐(0)
浙公网安备 33010602011771号