摘要:
前言 第一次用makedown编辑器写文章,感觉像得到一件利器,排版美观而且效率飙升。进入正题 1. 完全从数据定义图形 $.get( "{% static 'json/rectTreeData.json' %}", function (obama_budget) { myChart.hideLoa 阅读全文
摘要:
事实性错误: 那 vue 呢?它连 HOC 都没有,render props 更不现实(jsx自带) HOC const DefaultButton = { props: { text: String }, template: `<button>{{text}}</button>` } functi 阅读全文
摘要:
概述 前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。 axios 就是这样一个 HTTP 请求库,近年来非常热门。目前,它在 GitHub 上拥有超过 40,000 的 Star,许多权威人士都推荐使用它。 因此,我们有必要了解下 阅读全文
摘要:
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 支持的文本展示类型 单一样式 阅读全文
摘要:
Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。 问题背景 执行“ng serve”命令时,竟然报找不到模块"@an 阅读全文
摘要:
http模块 response对象常用方法: response.writeHead(200,{'Content-Type':'text/plain:charset=UTF-8'}); 此方法只能在消息上调用一次,并且必须在调用response.end()之前调用。 response.write()发 阅读全文
摘要:
何为 Commonjs? Commonjs 是一个有志于构建 JavaScript 生态圈的组织。它有一个 邮件列表,有很多开发者参与其中。 整个社区致力于提高 JavaScript 程序的可移植性和可交换性,无论是在服务端还是浏览器端。 何为 CommonJS 模块? JavaScript 并没有 阅读全文
摘要:
前言 Rollup 是一个 JavaScript 模块打包器,说到模块打包器,自然就会想到 webpack。webpack 是一个现代 JavaScript 应用程序的静态模块打包器,那么在 webpack 已经成为前端构建主流的今天,为什么还要用 Rollup 呢? Rollup 中文文档 中介绍 阅读全文
摘要:
现在开发已经是前后端分离了,前端和后端可以同时进行开发,互不影响,但是有些时候后端开发的接口慢于前端,导致前端需要等待后端的接口完成才能完成前后端对接,为了解决这个痛点,出现了模拟接口数据的方案,目前行业中主要有四种方案来模拟后端放回的数据: 暴力式,直接在前端代码中写入模拟数据,但是这种缺点很明显 阅读全文
摘要:
在本文中我们讨论 vue 中的无渲染插槽模式能够帮助解决哪些问题。 在 vue.js 2.3.0 中引入的作用域插槽显著提高了组件的可重用性。无渲染组件模式应运而生,解决了提供可重用行为和可插入表示的问题。 在这里,我们将会看到如何解决相反的问题:怎样提供可重用的外观和可插入的行为。 无渲染组件 这 阅读全文
摘要:
vue 相对不于 react 的一个优点是它易于理解和学习,且在国内占大多数。咱们可以在 vue 的帮助下创建任何 Web 应用程序。 因此,时时了解一些新出现又好用的Vue 开源项目也是挺重要,一方面可以帮助咱们更加高效的开发,另一方面,咱们也可以模范学习其精华部分。 接下来看看新出的有哪些好用的 阅读全文