随笔分类 - 框架
摘要：前端TDD的痛 从进公司前认识了TDD，到实践TDD，过程中自己遇到或者小伙伴们一起讨论的比较频繁的一个问题是 — 前端不太好TDD / 前端TDD的投入收益比不高。为啥会这样呢？ 我们假设你在写前端时全程TDD，那么你需要做的是 — 先assert页面上有一个button，然后去实现这个butto
阅读全文
摘要：react 和 vue 的关系有点像可口可乐和百事可乐，你在 react 中做的很多事情都可以在 vue 中完成。当然这里也存在一些重要的概念差异，其中一些反映了 Angular 对 Vue 的影响。 我将在本文中重点介绍两者的差异部分，帮助你快速入门 Vue 并立刻提高生产力。 React 和 V
阅读全文
摘要：本文主要说了Flutter内部使用了怎样的算法和优化让Flutter如此强大。某些内容对比了Flutter和其他开发工具一致性算法的优劣，不过个人感觉还是太过简短，后面我会花更多的时间来研究这方面的内容，后续补上。最后还讲述了Flutter在API设计上是如何达到开发者的预期的。由于译者水平有限，疏
阅读全文
摘要：基本每个开发者都需要考虑逻辑复用的问题，否则你的项目中将充斥着大量的重复代码。那么 react 是怎么复用组件逻辑的呢？本文将一一介绍 react 复用组件逻辑的几种方法，希望你读完之后能够有所收获。如果你对这些内容已经非常清楚，那么略过本文即可。 1. Mixins Mixins 事实上是 Rea
阅读全文
摘要：四款前端主流的打包工具：grunt ， gulp，webpack， rollup，以发布时间为顺序。 Grunt： 最老牌的打包工具，它运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，认知成本高，运用的时候
阅读全文
摘要：使用 ng-include 进行递归循环 数据结构 $scope.categories = [ { title: 'Computers', categories: [ { title: 'Laptops', categories: [ { title: 'Ultrabooks' }, { title
阅读全文
摘要：Node.js有许多框架可以选择，包括老牌的express，koa，新晋的egg，nest等等 1.Express Express是一款基于node.js以及ChromeV8引擎，快速、极简的JS服务端开发框架，它提供了用来开发强壮的web/移动应用，以及API的所有功能。并且开发人员还能够方便地为
阅读全文
摘要：调研方向 设计思想/基本用法/生态环境/性能优化 总结 设计思想 mobx 的设计思想我总结之后，主要有以下两点： 函数响应式编程； 任何源自应用状态的东西都应该自动地获得； mobx 不同于 redux 的单一数据源的统一管理，它可以有多个 store， 为了便于维护 ，每一个 store 都是一
阅读全文
摘要：在开发后台管理项目时，需要统计后台用户数据，以折现图和饼图的形式显示，这边采用apache-echarts来实现需求。 1.安装echarts和引入 npm install echarts --save import * as echarts from 'echarts'; 2.使用echarts实
阅读全文
摘要：1、属性类型 Object属性分为两个类型：数据属性、访问器属性，每类属性又有其不同的特显，双向绑定的原理是根据其访问器属性的特性来实现的。 1.1数据属性的特性 数据属性有四个描述其行为的特性1、Configurable:是否可以通过delete删除,能否修改他的属性特性，能否修改为访问器属性。默
阅读全文
摘要：在2020年也就是今年初，同事建议说可以考虑兼容一下小程序，心想也挺好的。便有了今天的 websocket-heartbeat-miniprogram，这次基于以前的代码新建了一个项目，只做小程序的版本，因为涉及到各种小程序以及相关框架的兼容，觉得还是单独出一个包，更专注一点。 介绍 websock
阅读全文
摘要：npm是什么？ npm是随同Nodejs一起安装的包管理工具，能解决Nodejs代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM
阅读全文
摘要：除了 js 已有的功能外，vue还具有自己独特的作用域级别。作用域控制可以使用哪些变量以及在何处使用。它控制它们对应用程序的不同部分的“可见性”。 了解 vue 提供的作用域级别之间的差异会帮助我们编写更清晰的代码。 下面是 vue 中4个级别的作用域： 全局作用域 子树作用域 组件作用域 实例作用
阅读全文
摘要：需求 在 vue 中，对组件进行循环都需要加入key以便“就地复用”，可是在某些情况下，我们需要新建多个对象，而这些对象不是从后端获取到的，而是前端生成的，没有唯一值，且 vue 目前版本只允许字符串，数字作为组件的 key。 方案 简单的组件 例如 <template> <easy-compone
阅读全文
摘要：我们通常会用屏（Screen）来称呼一个页面（Page），一个完整的App应该是有多个Page组成的。 在之前的案例（豆瓣）中，我们通过IndexedStack来管理了首页中的Page切换： 首页-书影音-小组-市集-我的 通过点击BottomNavigationBarItem来设置IndexedS
阅读全文
摘要：我们在进行Flutter开发的时候，有时候是需要用到原生的View，比如WebView、MapView、第三方广告SDK等，Flutter提供了AndroidView、UiKitView可以实现相关功能。 创建项目 这里以在Flutter显示原生的TextView为案例，展示如何实现，创建项目过程这
阅读全文
摘要：Node.js是一个JavaScript运行环境，可以使JavaScript这类脚本语言编写出来的代码运行速度获得极大提升，那么安装后该如何卸载呢？ Windows平台下卸载nodejs 对于Windows平台来说，所有的应用程序的卸载方法都是一样的。 1、在【卸载程序】中卸载程序和功能 在桌面左下
阅读全文
摘要：我了解到，掌握了某种语言、框架或工具的人与没有掌握的人之间的最大区别在于他们所使用的思维模型（Mental Model）。前者拥有清晰而先进的思维模型，而后者则没有。 通过良好的思维模型，你可以直观地理解复杂的问题和解决方案，这比逐步的去寻求解决方案要快得多。 我每天都用 react 工作，并且一直
阅读全文
摘要：页面加载的时候，vue生命周期的触发顺序是怎样的呢？ 那么进入某个路由对应的组件的时候，我们会触发哪些类型的周期呢？ 根实例的加载相关的生命周期（beforeCreate、created、beforeMount、mounted） 组件实例的加载相关的生命周期(beforeCreate、created
阅读全文
摘要：一、受控组件 在 react 中，表单元素通过组件的 state 属性来自己维护 state，并根据用户输入调用setState()来进行数据更新，使 react 的 state 成为“唯一数据源”，被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。 class NameForm
阅读全文
浙公网安备 33010602011771号