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