摘要：
背景 最近笔者在工作中遇到了一个小需求： 要实现一个组件来播放帧图片 这个需求本身不复杂，但是需要在组件中一次性引入十张图片，就像下面这样： // 就是这么任性，下标从0开始~ import frame0 from './assets/frame_0.png' import frame1 from 阅读全文
摘要：
Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型. 大概记录下使用过程, 安装 使用npm安装: npm install mockjs;或直接<script src="http://moc 阅读全文
摘要：
背景 最近遇到一个更新了 package，但是本地编译打包后没有更新代码的情况，先来复现下这个 case 的流程： A 同学在 npm 上发布了0.1.0版本的 package； B 同学开发了一个新的 feature，并发布0.2.0版本； C 同学将本地的0.1.0版本升级到0.2.0版本，并执 阅读全文
摘要：
前端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、在【卸载程序】中卸载程序和功能 在桌面左下 阅读全文