摘要:
1 引言 Nuxt 是基于 vue 的前端开发框架,这次我们通过 Introduction toNuxtjs 视频了解框架特色以及前端开发框架的基本要素。 nuxt 与 next 结构很像,可以结合在一起看 视频介绍了 Nuxtjs 的安装、目录结构、页面路由、导航模版、asyncData、meta 阅读全文
摘要:
react hooks是 react 16.8 引入的特性,这里我们通过对react-hook-form进行分析来了解成熟的库是如何使用hook的。这将是一个系列,首先推荐 useRef 简介 在react中,我们使用Ref来获取组件的实例或者DOM元素。我们可以使用两种方式来创建 Ref impo 阅读全文
摘要:
在 Flutter 中,ListView 可以沿一个方向(垂直或水平方向)来排列其所有子 Widget,常被用于需要展示一组连续视图元素的场景 ListView 构造方法 ListView:仅适用于列表中含有少量元素的场景 ListView.build:适用于子 Widget 比较多的场景 List 阅读全文
摘要:
背景 Hooks 自推出以来就很火, 它改变了我们编写react 代码的方式, 有助于我们写更简洁的代码。 今天这边文章不是说Hooks的,Hooks之外, 还有很多实用的技巧可以帮助我们编写简洁清晰的代码。 今天我就整理了几个使用的技巧,其中有些也是我在公司项目中实践的,现在整理出来分享给大家, 阅读全文
摘要:
一、导航切换 封装一个公用组件Tabbar,在需要导航页的页面引入组件即可。代码如下: <template> <div class="tabbar"> <!-- 占位容器 --> <div class="placegolder-container"></div> <!-- 底部导航栏 --> <di 阅读全文
摘要:
一、官方定义: DefinePlugin DefinePlugin 允许创建一个在编译时可以配置的全局常量。这可能会对开发模式和生产模式的构建允许不同的行为非常有用。如果在开发构建中,而不在发布构建中执行日志记录,则可以使用全局常量来决定是否记录日志。这就是 DefinePlugin 的用处,设置它 阅读全文
摘要:
1.两大linter说起 eslint 为js而设计的可插拔的检查程序 tslint 为ts语言而设计的可扩展的检查工具(将在2019年取消更新,建议使用eslint) 两种linter都可以实现fix功能,所谓fix就是将原代码转化为符合一定规则的新代码。虽然linter工具fix之后的代码,解决 阅读全文
摘要:
组件 API(Composition API) 组件 API 是 Vue 的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代码组织方法。 当前,我们使用所谓的 Options API 构建组件。为了向 Vue 组件添加逻辑,我们填充(可选)属性,例如 data、methods、co 阅读全文
摘要:
什么是高阶组件? 高阶组件只是一个函数,只不过它返回的是用来渲染 react 组件的函数。 这里有个例子: import { Component } from 'React'; export function enhancer() { return (BaseComponent) => { retu 阅读全文
摘要:
Flutter 中有很多 UI 控件,而文本、图片和按钮是 Flutter 中最基本的控件,构建视图基本上都要使用到这三个基本控件 文本控件 文本是视图系统中的常见控件,用于显示一段特定样式的字符串,在 Flutter 中,文本展示是通过 Text 控件实现的 Text 支持的文本展示类型 单一样式 阅读全文