摘要：
啥是应用程序状态，为什么咱们需要它？ 状态管理通常在较小的项目并不需要，但是当涉及到更大的范围时，如企业级的应用大部分需要它了。简单的说，状态是一个包含应用程序使用的最新值的对象。但是，如果咱们从结构的、更抽象的角度来看待它，就会清楚地看到，状态是复杂应该中重要一块，它使能够构建干净的体系结构，并将 阅读全文
摘要：
vue.js 具有简单的 API 和几个选项，可用于在我们的组件中定义html模板。 我们可以使用<template>标签选项，在根组件实例上定义template属性，或者使用单文件组件。 上面的选项很棒并且可以完美地工作，但是，在您的应用程序的生命周期中，有时会感到笨拙，设计过度或非常不灵活。 那 阅读全文
摘要：
一、打包分析 1.1、速度分析 我们的目的是优化打包速度，那肯定需要一个速度分析插件，此时 speed-measure-webpack-plugin 就派上用场了。它的作用如下： 分析整个打包总耗时 每个 plugin 和 loader 的耗时情况 首先，安装插件 npm i -D speed-me 阅读全文
摘要：
1、watch // DOM <span>{{obj.a}}</span> <button @click="changeA">click me</button> data() { return { name: 'a' }; }, watch: { name: function(value,oldVa 阅读全文
摘要：
我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性： 1、src 图片资源地址2、mode 图片裁剪、缩放的模式3、binderror 当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: ‘something wrong’ 阅读全文
摘要：
1. StatelessWidget 一个 StatelessWidget 是不能被改变的，比如：Icon、Text等。由于不可改变，因此并没有什么生命周期。 2. StatefulWidget 一个 StatefulWidget 是有状态的，可变的。一个 StatefulWidget 组件可以通过 阅读全文
摘要：
Flutter安装介绍 在这里，你必须得安装好你的开发者环境，并且运行你的第一个flutter程序了。如果你还不知道怎么开始，请参考Flutter中文网安装教程或者Flutter官网安装教程进行安装环境。 目前我开发是通过Android Stdio和VSCode进行开发，如果你是前端开发工程师，你会 阅读全文
摘要：
在前端开发中，设置元素的 class 列表和内联样式是基本要求。本文主要讲解vue开发中，样式列表和内联样式的绑定，仅供学习分享使用，如果有不足之处，还请指正。 概述 vue操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需 阅读全文
摘要：
前言 之前写过一篇旧react项目安装并使用TypeScript的文章：在React旧项目中安装并使用TypeScript的实践。 博客里使用awesome-typescript-loader对Typescript代码进行检测和转换。 而这几天又修改了一下自己的脚手架，使用@babel/preset 阅读全文
摘要：
最近在学习react框架，之前一直都是用vue 开发，知道在vue 中知道如何配置一下相关的webpack 有助于开发，学react 过程中，我也在想这些该怎么配置啊，所以就有这篇文章。这篇文章主要是讲 react-create-app 生成的项目利用 react-app-rewired 和 cus 阅读全文
摘要：
3.0迟迟没有发布release版本，现阶段在vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写vue 组件的一些限制和注意事项。 webpack 配置 配置webpack对TS，TSX的支 阅读全文
摘要：
大概因为平时工作项目的原因，写了很多次树形组件，越写越觉得可以写得更简单并且更具有复用性、扩展性。树组件的应用场景很多，比如一篇文章的目录、一个公司部门组织情况、思维导图等，其实都可以用树形结构来描述。本文讲述一下vue中树组件的简单实现。 树组件在线体验地址：http://wintc.top/la 阅读全文
摘要：
前言 之前有用 webpack4与babel7改造基于vue-cli2生成的工程模板，介绍文章在此。之后通过一些实践，除去了cli工具相对复杂的配置结构，提供轻量化版本的配置方案。之所以说是轻量化，是相对于vue、react等框架提供的官方cli工具而言的。并不是说这些cli工具不好，它们本身提供了 阅读全文
摘要：
在本教程中，我们将完成一个关于如何在 Node.js 中 使用 JavaScript ，并结合 JWT 认证，实现基于角色（role based）授权/访问的简单例子。 作为例子的 API 只有三个路由，以演示认证和基于角色的授权： /users/authenticate - 接受 body 中包含 阅读全文
摘要：
我们在写vue项目的时候会遇到给组件命名，这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:'xxx' } 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤举个例子：我们有个组件命名为detail,其中dom加载完 阅读全文
摘要：
每个团队都必须在开发过程中做出各种决定。其中通常会涉及到 yarn，npm 或其它用于构建和打包 JavaScript 代码的工具。一些开发人员渴望朝着某个方向前进，有时他们会花费大量时间来尝试，去做出实际上对他们的工作几乎没有什么影响的决策。 首先，要了解为什么要做出一个有趣的决定，我们需要看一下 阅读全文
摘要：
webpack 加载动态图片 所谓动态图片指的是接口返回的图片地址，这里的地址指的是本地的图片地址，而非网络图片的url。本地有一个 image 文件夹，存放需要用到的图片。按照接口返回的图片地址比对去加载。webpack加载图片首先想到的是 file-loader 或者 url-loader 加载 阅读全文
摘要：
借助react，我们可以构建动态且高度交互的单页应用程序，充分利用这种交互性的一种方法是通过条件渲染。 条件渲染一词描述了根据某些条件渲染不同UI标签的能力。在react文档中，这是一种根据条件渲染不同元素或组件的方法。此概念通常被应用到如下情况中： 从API渲染外部数据显示/隐藏元素切换应用程序功 阅读全文
摘要：
什么是数据响应式 从一开始使用 vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。换句话说就是 vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。 因此实现数据响应式有两个重点问题： 阅读全文
摘要：
有时候给页面内容添加一个关键词搜索功能，如果搜索结果能够像浏览器搜索一样高亮显示，那找起来就会很明显体验会好很多。本文就介绍一下关键词搜索高亮的实现方案。 实现效果大概如下： 可在线预览：http://wintc.top/laboratory/#/search-highlight。 一、实现原理 实 阅读全文