随笔分类 - 框架
摘要：有时候，依赖 vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让vue以正确的方式重新呈现组件呢？ 强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。 当我们需要重新渲染组件时，只需更 key 的值，Vu
阅读全文
摘要：错误边界介绍 部分 UI 中的 JavaScript 错误不应该破坏整个应用程序。 为了解决 react 用户的这个问题，react 16 引入了一个 错误边界(Error Boundaries) 的新概念 错误边界是 React 组件，它可以 在子组件树的任何位置捕获 JavaScript 错误，
阅读全文
摘要：最近因为使用列表展示的需求有点多，就想着把列表分页筛选的逻辑抽象一下。看了umi的一个useTable的hook，也不能满足业务需要，于是就自己写了一个，支持本地分页筛选和接口分页筛选。 思路就是，筛选的字段都使用form表单控制，然后在hook里面将form和table联合起来。 下面贴出源码 u
阅读全文
摘要：vue 有个官方的风格指南，我从中摘抄了些认为比较重要、自己常忽略的点，加上一些分析列出来。也可以直接去观看风格指南：https://cn.vuejs.org/v2/style 单文件组件文件的命名 文件名要么是单词开头大写，要么是横线连接 MyComponent.vue 或 my-componen
阅读全文
摘要：1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 GitHub 地址
阅读全文
摘要：NeDB 是使用 Node.js 实现的一个 NoSQL 嵌入式数据库操作模块， 可以充当内存数据库，也可以用来实现本地存储，甚至可以在浏览器中使用。 查询方式比较灵活，支持使用正则、比较运算符、逻辑运算符、索引以及 jsON 深度查询等，适用于不需要大量数据处理的应用系统。 本节将以一个 demo
阅读全文
摘要：一、安装 1、如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由，如果选择Yes，后面下载依赖会自动下载vue-router。 Install vue-router? Yes 2、npm npm install vue-router 二、将组件 (components) 映射到路由
阅读全文
摘要：1、原生js硬刚 componentDidMount(){ window.addEventListener('hashchange', this.routerEvent); } componentWillUnmount(){ window.removeEventListener('hashchang
阅读全文
摘要：背景 在做Electron Windows 桌面应用时候，做鼠标悬浮到托盘图标上时显示一个悬浮框（例如做消息提醒），但因为Windows没有提供托盘mouse-enter/mouse-leave事件，无法直接做这个功能，考虑到还有mouse-move事件，弄个间接的方式实现。 实现步骤 1、监听mo
阅读全文
摘要：1. 自定义组件标签（如在主页插入顶栏/侧边栏等） 比如说要将Header.vue插入Home.vue中显示：定义好Header.vue，然后在Home.vue的script中导入Header.vue： import vHead from "./Header.vue"; #导入Header.vue为
阅读全文
摘要：这篇文章将向您介绍如何使用vue插槽在vue.js中将数据从父组件传递到子组件。这篇文章适合所有阶段的开发人员（包括初学者）。 在你开始之前 您的计算机上将需要以下内容： 已安装Node.js版本10.x及更高版本。 您可以通过在终端/命令提示符中运行以下命令来验证版本：node -v 代码编辑器；
阅读全文
摘要：目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Google推出的跨平台技术方案，Flutter具有诸多的优势，已经或正在被广大开发者应用在移动应用开发中。在过去的2019年，我看到越来越多的公司和个人开始使用Flutter来开发跨平台应用，对
阅读全文
摘要：前言 npm 作为前端一大利器，那必须是要好好掌握，在平时的开发中，用的最多的应该就是 npm install，不过，这么强大的工具，作用肯定不止如此。 现将自己所知道的有关 npm 的知识给整理出来，大都是平时用的很多的，整合出来不仅是方便查找，更重要的是身为社会主义的接班人，少先队员所应具备的良
阅读全文
摘要：缓存淘汰策略 由于 <keep-alive> 中的缓存优化遵循 LRU 原则，所以首先了解下缓存淘汰策略的相关介绍。 由于缓存空间是有限的，所以不能无限制的进行数据存储，当存储容量达到一个阀值时，就会造成内存溢出，因此在进行数据缓存时，就要根据情况对缓存进行优化，清除一些可能不会再用到的数据。所以根
阅读全文
摘要：Redux官网上是这样描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript状态容器，提供可预测性的状态管理）。 目前Redux GitHub有5w多star，足以说明 Redux 受欢
阅读全文
摘要：最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下： 方法一：params传参： this.$router.push({ name:"admin", //这里的params是一个对象，id是属性名
阅读全文
摘要：MVC MVC模式的意思是，可以分成三个部分 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 各部分之间的通信方式如下。 View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将
阅读全文
摘要：背景 最近笔者在工作中遇到了一个小需求： 要实现一个组件来播放帧图片 这个需求本身不复杂，但是需要在组件中一次性引入十张图片，就像下面这样： // 就是这么任性，下标从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版本，并执
阅读全文
浙公网安备 33010602011771号