Vue.js模板功能强大,几乎可以满足我们在应用程序中所需的一切。但是,有一些场景下,比如基于输入或插槽值创建动态组件,render函数可以更好地满足这些用例。
发布于3/26/2020
每周大约有1700万次npm下载,RxJS在JavaScript世界中非常受欢迎。如果您是Angular开发人员,则不会错过RxJS Observables,但您可能对Subjects不太熟悉。虽然它们不像简单的Observable被频繁使用,但它们还是非常有用的。了解它们将帮助您编写更好,更简洁的响应式代码。
发布于3/12/2020
动画可以使您的网站更具现代感,而且还能为网站带来更好的用户体验。幸运的是,对于开发人员来说,VueJS动画只需几分钟即可完成设置。
发布于3/10/2020
最近参与了一个Vue.js项目,项目中需要能够以编程方式创建组件。通过编程,意思是使用JavaScript创建和插入组件,而无需在模板中编写任何内容。本文接下来将介绍在模板中使用组件的各个方面,例如实例化,传递Props,插槽,挂载,转换为JavaScript代码。
发布于3/9/2020
您是否需要使用node.js从Excel(.xlsx)电子表格中获取和分析数据?如果遇上了这种需求,那么本文将是一个解决方案。
发布于3/8/2020
在本文中,我们将学习如何从CSV文件中读取数据。对于CSV文件,结构化逗号分隔值文件,数据将作为json对象数组进行接收。
RxJS的完整名称是Reactive Extension for Javascript。这是一个JavaScript库,它使用Observables来处理响应式程序,它使编写异步或基于回调,事件的代码更容易。 RxJS可以与其他Javascript库和框架一起使用。 javascript和typescript都支持它。
发布于2/28/2020
顾名思义,变量表示变化的值。尽管声明和不接触变量并不一定有什么问题,但是如果我们试图编写具有语义意义的代码,则应该区分变量和常量。常量与变量相反,变量是不变的声明值。从历史上看,为定义一个常数,我们使用所有大写字母,例如有毒动物的鲜艳颜色。
JSON.stringify()方法将JavaScript对象或值转换为JSON字符串。
发布于2/18/2020
JavaScript与其他任何编程语言一样,具有许多方便的技巧,使我们可以更轻松地编写程序。在本文中,我们将研究如何执行涉及数组的不同操作,例如截断数组,将数组转换为对象以及用数据填充数组。
发布于1/15/2020
当JavaScript数组包含原始值(字符串,数字,未定义,null,布尔值和符号)时,在某些情况下,您可能想检测该数组是否包含任何重复的元素。
fetch API是一个原生JavaScript函数,可用于与Web服务进行交互。我们如何在async和await中使用fetch?以及如何将其与TypeScript一起使用以获得强类型的响应?
发布于1/17/2020
创建可重用代码的一种方法是创建代码,让我们在合适的情况下将其用于不同的数据类型。 TypeScript提供了泛型构造来创建可重用的组件,在这里我们可以用一段代码处理各种类型的代码。
Typescript是javascript的类型化超集,旨在简化大型javascript应用程序的开发。 Typescript添加了诸如类,泛型,接口和静态类型之类的通用概念,并允许开发人员使用诸如静态检查和代码重构之类的工具。
发布于1/16/2020
人们经常问我,使用类型和接口在TypeScript中定义编译时间类型有什么区别。类型别名可以起到类似接口的作用,但是存在一些细微的差异。
随着Vue3即将发布,许多人都在想”Vue2与Vue3有何不同?”。尽管我们之前已经写过有关重大变化的文章,但实际上并没有真正深入地了解我们的代码将如何变化。因此,为了显示这些更改,我们将在Vue2和Vue3中构建一个简单的表单组件。在本文中,您将了解Vue2和Vue3之间的主要编程差异,并逐步成为一名更好的开发人员。
发布于3/4/2020
Vue引入了Composition API(基于功能的API)作为当前基于Options的API的补充。该API将随Vue 3一起发布,但是现在您可以通过将Vue 3 Composition API添加到您的Vue 2应用程序中来进行尝试
发布于2/25/2020
Vue.js是一个易于使用的Web应用程序框架,可用于开发交互式前端应用程序。在本文中,我们将更详细地介绍Vue实例,包括如何定义它以及它的一些属性。
发布于2/21/2020
在本文中,让我们一起来学习如何将Redux与React Hooks一起使用。
React Hooks几乎在所有方面都能让我们在编程中获得好处。但是某些时候的性能问题,也需要使用一些技巧来解决。我们可以使用Hooks编写快速的应用程序,但是在动手之前需要注意一两件事。
发布于3/7/2020
与类组件不同,React Hooks提供了底层API,以最少的样板即可优化和组合应用程序。如果没有深入理解,那么就会因为一些细微的错误和资源泄漏,出现性能问题,而且代码复杂性也会增加。
发布于2/27/2020
React是一个用于构建用户界面的JavaScript库。我们还可以借助React Router将其扩展为构建多页应用程序。这是一个第三方库,可在我们的React应用程序中启用路由。在本教程中,我们将介绍使用React Router入门所需的一切。
发布于2/23/2020
延迟加载是一种在页面加载时延迟非关键资源加载的技术。也就是说只会在真正需要时才去加载资源。延迟加载延迟了页面上不需要的图像的加载。当页面滚动时,用户看不见的图像将在之后滚动出现时进行加载。如果用户从不滚动,则不会加载用户不可见的图像。
样式化组件是React社区中流行的CSS-in-JS库,它允许样式轻松地确定组件的范围,而不必担心CSS类命名约定。 实际上,您根本不会使用样式化的组件来创建类名称! 让我们深入了解更多信息,包括它们是否可以与TypeScript完美配合使用。
使用Express创建API时,我们定义了路由及其处理程序。在理想情况下,API的使用者只会向我们定义的路由发出请求,并且路由将正常运行。但是,我们不会生活在理想的世界中:)。 Express知道这一点,并使我们API中的错误处理变得轻而易举。
我的清单,在Docker中运行生产环境中的Node.js应用程序
发布于1/19/2020
操纵文件和目录是任何程序的基本操作。 由于Node.js是服务器端平台,并且可以直接与其运行的计算机进行交互,因此能够操作文件是一项基本功能。 幸运的是,Node.js的库中内置了一个fs模块。 它具有许多功能,可以帮助处理文件和文件夹。
发布于1/18/2020
NestJS通过为Node.js提供开箱即用的适当模块化和可测试结构,引入了一种现代,时尚的方式来使用Node.js构建后端应用程序。 默认情况下,它还提供TypeScript和依赖项注入支持,这大大提高了我们项目中的代码质量。今天,我们将学习使用NestJS框架构建GraphQL服务器,通过使用MongoDB构建简单的数据库CRUD应用程序
有时,您必须在不使用npm的情况下加载第三方库。幸运的是,Nuxt提供了一种使用vue-meta的简便方法。另外,还可以使用Vue的mounted生命周期方法修改DOM以便自己插入。后者适用于vanilla (原生)Javascript。
发布于3/6/2020
Nuxt应用中,有时候会遇到需要身份验证的路由模块。比如,有些模块页面,需要登录后才能访问。如果读者熟悉Vue Router,那么实现起来就简单多了。和Vue Router一样,也是使用before_each路由守卫
发布于2/19/2020
在本文中,我想研究使用sitemap module模块在Nuxt中创建站点地图的不同选项。如果您要创建所有路线和页面的站点地图并添加动态路线,请求后端API,或者甚至要使用站点地图索引文件创建多个站点地图,此模块都将为您提供所需的一切。
大部分的应用开发中都离不开Http请求,因此,我们将研究如何在Flutter中使用http插件,使我们能够获取文章列表,以及删除单个文章。
发布于3/1/2020
Flutter是Google提供的一个出色的跨平台框架,可用于为移动,桌面和Web平台构建应用程序。它于2018年12月正式发布,仅用了不到一年的时间就在GitHub和Stack Overflow上获得了比React Native更高的知名度。所有的炒作都有很好的理由,我将在本文中尝试解释。
发布于2/12/2020
在这篇文章中,我会介绍Dart如何使用http包发出HTTP请求,以及使用JSONPlaceholder作为我们的API示例的数据源。
发布于2/1/2020
在应用程序初始化时,我们进行json api调用并填充一个listview。首先,将http依赖项添加到pubspec.yaml文件中。这类似于将依赖项添加到节点应用程序的package.json中。
Row是用于以水平方式显示子组件。Row组件不会滚动。如果您有一行组件,并希望它们在空间不足时能够滚动,请考虑使用ListView。
发布于1/29/2020
Container是一个很方便的组件,相当于Web HTML中的div,它包含了公共的绘制,定位和尺寸组件。
发布于1/21/2020
Angular 9终于发布了!这是自Angular 2以来对Angular框架进行的最重要的更新之一。 这篇文章是对版本9中所做主要更改的摘要。您可以在Angular官方博客上从Angular团队获取更多详细信息。
这篇文章我会介绍TailwindCSS的一些基础概念和用法,以及用它可以做什么。我们还将尝试使用TailwindCSS制作一些组件,以在我们在其他框架(例如Bootstrap,Bulma等)上使用预先设计的组件时感受到不同。
发布于2/24/2020