EthanQ-CSDN博客

原创 Vue.js render函数那些事儿

大多时候，我会使用template, vue单文件去渲染组件。虽然知道Vue中有个render函数，但却很少在项目中去主动使用它。使用最多的地方是在使用一些UI框架的时候，比如iview table中的按钮操作，会使用到render函数。另外平时在阅读一些Vue UI框架源码的时候，也时常能遇到使用render函数的地方，这也激发了自己研究学习的欲望。如果你也感兴趣，那就继续阅读吧。在本文中，会...

2020-03-26 22:28:56 575

原创快速上手VueJS动画

动画可以使您的网站更具现代感，而且还能为网站带来更好的用户体验。幸运的是，对于开发人员来说，VueJS动画只需几分钟即可完成设置。在本教程结束时，您将拥有第一个VueJS动画，并了解和学习到如何将其添加到项目中。这是我们将要创建的两个示例。首先，创建自己的CSS动画样式。然后，了解如何将第三方CSS库与Vue动画一起使用。让我们赶快开始吧。过渡元...

2020-03-11 08:08:36 435

原创以编程方式创建Vue.js组件实例

最近参与了一个Vue.js项目，项目中需要能够以编程方式创建组件。通过编程，意思是使用JavaScript创建和插入组件，而无需在模板中编写任何内容。本文接下来将介绍在模板中使用组件的各个方面，例如实例化，传递Props，插槽，挂载，转换为JavaScript代码。通常，会推荐使用"单个文件组件"。比如一个Button组件，如下所示：<template> <butto...

2020-03-09 22:13:37 781

原创如何在Node.js中读取CSV文件

在本文中，我们将学习如何从CSV文件中读取数据。对于CSV文件，结构化逗号分隔值文件，数据将作为json对象数组进行接收。这将使我们能够探索JavaScript类和Object.assign()的使用。创建一个员工对象数组，比JSON对象本身更容易操作。读取文件准备需要安装node.js。然后创建csv文件，并将其命名为Data.csv。我将使用Visual Studi...

2020-03-09 09:11:25 9123 4

原创如何将Redux与React Hooks一起使用

在本文中，让我们一起来学习如何将Redux与React Hooks一起使用。React Redux在2019年6月11日发布的7.1版中提供了对Hooks的支持。这意味着您可以在函数组件中将Redux与Hooks一起使用，而不是使用高阶组件（HOC）。什么是Hook？Hook是在React版本16.8中引入的，可以让我们访问函数组件中的状态和生命周期方法。让我们看一个例子。...

2020-03-08 10:24:23 3176

原创如何在Vuejs中实现页面空闲超时检测

您是否需要检查用户在Vue应用程序中的不活跃状态？如果用户在一段时间内处于非活动状态，则要自动注销该用户或显示一个计时器。通常，具有机密数据的系统（如银行）通常会实现这种功能。需求是监听3秒钟的不活动状态并显示带有10秒计时器的模态提示框。如果在10秒的会话中没有任何操作，请自动注销用户。需求要在Vue应用程序中监听3秒钟的不活动状态，并显示带有10秒计时器的模态提示框。如果在10秒...

2020-02-17 19:30:11 1802 1

原创 Flutter中的容器组件

Container是一个很方便的组件，相当于Web HTML中的div，它包含了公共的绘制，定位和尺寸组件。更准确的描述，请参考官方Container Class 文档容器组件用于包含能够应用样式属性的子组件。如果Container组件没有子项，它将自动填满屏幕上的给定区域，否则它的尺寸取决于给定子元素的高度和宽度。注意：在没有任何父组件的情况下，不应直接使...

2020-01-30 06:36:37 859

原创构建Vue项目-身份验证

通常，在开始使用新框架或新语言工作时，我会尝试查找尽可能多的最佳实践，而我更喜欢从一个易于理解，维护和升级的良好结构开始。在这篇文章中，我将尝试解释自己的想法，并将过去几年中获得的所有知识与最新，最好的Web开发实践结合起来。我们将共同构建一个简单的项目，该项目处理身份验证并准备在构建应用程序其余部分时要使用的基本脚手架。我们将使用：Vue.js 2.5 和 Vue-CLI V...

2020-01-20 13:13:19 586

原创在Nuxt.js中使用站点地图

在本文中，我想研究使用sitemap module模块在Nuxt中创建站点地图的不同选项。如果您要创建所有路线和页面的站点地图并添加动态路线，请求后端API，或者甚至要使用站点地图索引文件创建多个站点地图，此模块都将为您提供所需的一切。内容站点地图模块选项。具有路线的简单单个站点地图。从API请求的站点地图。 Sitemap中的几个索引。多语言网站的站点地图。模块选项...

2020-01-20 09:23:20 1554

原创在Node.js生产环境下使用Docker

1.选择正确的基本映像必须为您的Node.js应用程序选择正确的基础Docker映像。您应该始终尝试使用正式的Docker映像-因为它们具有出色的文档，使用最佳实践并且是针对大多数常见用例设计的。如果您查看官方的Node.js Docker映像，仍然有很多映像可供选择。我总是选择可以运行Node.js应用程序的最小尺寸的图像。当前，如果要在64位Linux上运行Node.js应用程序，...

2020-01-19 22:23:57 951

原创创建第一个VueJS插件

随着VueJS的流行，社区创建的VueJS插件变得越来越普遍和强大。实际上，我发现有些插件非常有用。例如，有许多很棒的UI库和实用程序插件为我节省了很多开发时间。尽管创建自己的插件似乎是一项艰巨的任务，但实际上也没那么难。在本教程结束时，您将创建了您的第一个VueJS插件。明白它们如何工作。学习到工具，方法来构建更复杂的插件。现在开始了！如何设置插件从广义上讲，我...

2020-01-18 23:24:25 301

原创 Flutter必备语言Dart教程03 - 类，泛型

上篇中我们学习了Flutter必备语言Dart教程02 - 控制流，异常，现在我们继续学习Dart中的类和泛型。Class以下是在Dart中声明一个简单类，并创建它的实例的方法。向类中添加实例变量，以及构造函数Dart提供了一种构造函数初始化的简洁语法。如下所示：如您所见，我们编写了一行构造函数，第一个参数值将设置为name，第二个参数值将设置为age。现在我们就不用写 this...

2019-09-20 11:33:52 395

原创 Flutter必备语言Dart教程04 - 异步，库

现在我们来看看如何在Dart中处理异步代码。使用Flutter时，会执行各种操作，例如网络调用和数据库访问，这些操作都应该异步执行。在Dart中导入库在Dart中使用异步，需要先导入异步库。Future异步库包含一个名为Future的类，Future是基于观察者模式的。如果您熟悉Javascript中的Rxjs或Promises，那么理解起来会很容易。简单来说，Future定义的是“...

2019-09-20 11:31:36 194

原创 Flutter必备语言Dart教程02 - 控制流，异常

我们已经完成了Dart中的变量，类型和函数的学习（如果你还没有读过它，请阅读Flutter必备语言Dart教程01 - 变量，类型，函数），现在我们来看看Dart中的控制流和异常处理。控制流If – elseDart中的 if-else 非常简单，与其他语言非常相似。您还可以使用三元运算符编写 if-else 条件的简短形式。循环Dart支持各种循环，您会很快熟悉上手这些语法，因...

2019-09-16 09:30:57 359

原创 Flutter必备语言Dart教程01 - 变量，类型，函数

Hello World致敬经典 ‘Hello World’ 程序。与Java类似，每个Dart程序都必须有一个main作为其入口点。要运行程序，请将其保存在名为“hello_world.dart”的文件中，并在终端中执行以下命令。（如果没有dart环境，请先完成安装。）定义变量就像在JavaScript中一样，您可以使用var关键字来定义变量。但是！与JavaScript不同，...

2019-09-16 09:29:28 354

原创 Node.js错误处理模式

异步语言中的错误处理，需要使用一些独特的，非常规的方式。 Node.js中有七种主要的错误处理模式。让我们简单地看一下。错误返回值最简单的模式，不能处理异步情况。如下：抛出错误这是一个常用的模式，函数执行时，如果出现错误情况，它会直接抛出一个错误。错误异常需要在catch中捕捉并处理。在try / catch中无法处理异步方法调用抛出的错误。要解决这个问题，我们需要使用domains。...

2019-09-14 17:17:18 332

原创如何在Vue Router中应用中间件

中间件是我们在软件开发中的一个古老而强大的概念，当我们在应用程序中使用路由相关模式时，它非常有用。如果您不太了解中间件的含义，Nodejs框架Express里的中间件可以帮助您了解它们的工作原理。但是，中间件仅适用于后端吗？不，当应用程序中有路由时，中间件在前端或后端中就会非常常见。比如现在流行的单页应用程序。有一些示例可以说明，何时可以使用中间件：不允许未登录用户访问您的网页。仅允...

2019-09-13 16:28:25 1760

原创 JS对象那些事儿

JavaScript中几乎所有东西都是一个对象，除了六种基本类型数据 - null，undefined，strings，numbers，boolean和symbols。任何不是原始值的东西都是Object。这包括数组，函数，构造函数和对象本身。对象从概念上讲，对象在所有编程语言中都是相同的。它们使用具有属性和方法的代码来表示真实世界。例如，如果您的对象是学生，则它将具有名称，年龄，地址，...

2019-09-13 09:12:56 225

原创 25个JavaScript代码简写技巧(下篇)

14. 多行字符串如果您发现自己需要在代码中编写多行字符串，那么您可以编写它：常规：但是有一种更简单的方法。只需使用反引号。简写：15. 展开(spread)操作符ES6中引入的展开运算符有几个用例，可以使JavaScript代码更高效，更有趣。它可以用来替换某些数组函数。展开操作符只是连续的三个点。常规：简写：与 concat() 函数不同，您可以使用spread运算...

2019-09-12 10:29:23 236

原创 25个JavaScript代码简写技巧(上篇)

对于任何JavaScript开发人员来说，这篇文章很值得一读。这里记录了我多年来学习的JavaScript代码简洁写法，也给大家提供一些编码上的思考和取舍。1. 三元(三目)运算符如果只想在一行中编写if…else语句时，这是一个很好的节省代码的方式。常规：简写：嵌套版三元运算：2. 短路判断简写将变量值分配给另一个变量时，您可能希望确保源变量不为null，undefined...

2019-09-12 10:26:11 312

原创使用React Hooks进行状态管理 - 无Redux和Context API

React Hooks比你想象的更强大。现在，我们将探索和开发一个自定义Hook来管理全局状态 - 比Redux更容易使用的方法，并且比Context API更高效。Hooks基础如果你已经很熟悉React Hooks，那么可以直接跳过这部分。useState()在Hooks之前，功能组件没有状态。现在，使用useState()，我们可以让功能组件拥有状态。useState()会返回...

2019-09-11 09:08:06 1131

原创 25个JavaScript代码简写技巧(上篇)

2019-09-11 09:03:56 418

原创使用React hooks处理复杂表单状态数据

使用hooks替换this.setState()自从React hooks*发布以来已经有一段时间了，我很喜欢这个特性。这个hooks把我勾上了！Hooks允许我们创建更小，可组合，可重用，更易管理的React组件。您可能正在使用Hooks的一个用例是：使用useState或useReducer管理表单状态。让我们考虑一个场景，您必须管理具有多个输入的复杂表单状态，这些表单输入可以是几种...

2019-09-09 07:46:51 4302

原创 Vue.js应用性能优化一

虽然现在网络环境和电子设备变得越来越好，但是保持应用程序快速加载变得越来越困难。在本系列中，我将深入研究我们在实践中使用的Vue性能优化技术，并且您可以在Vue.js应用程序中使用它们，使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。系列文章：Vue.js应用性能优化二Vue.js应用性能优化三请关注微信公众号和头条号，「前端知否」...

2019-09-08 08:30:37 281

原创欢迎关注我的微信公众号和头条号，前端知否

这个公众号，主要用于分享web开发技术，前端开发知识

2019-02-07 10:11:01 378

转载插入排序

public class InsertionSorter { public void Sort(int[] arr) { for (int i = 1; i < arr.Length; i++) { int t = arr[i]; int j =

2012-09-09 16:55:46 730

转载 Profile 的翻译

计算机中常用的 Profile 该如何理解？我认为 Profile 即可作名词又可作动词。1。profile作为名词时常用的意思：profile 本身意思是剖面, 侧面, 外形, 轮廓。但现在常用这个字时，它的含义更进一层a.简介，档案my profile 表示我的个人信息。For example, if you are writing an eCommerce websi

2012-08-06 15:05:24 3304

转载 Java中参数传递类型只有值传递

Java核心技术卷I里有一个结论我觉得挺有意思的：java中没有引用传递，只有值传递首先看定义：值传递，是指方法接收的是调用者提供的值引用传递，是指方法接收的是调用者提供的变量地址以前学习C++时把参数传递分为值传递和引用传递，国内的不少java教材愿意把对象的传递理解是引用传递，为什么它们会这么说呢？可以看下面一个例子：import java.util.Calendar;

2012-08-05 09:39:42 899

原创 C语言之素数算法

#include int main(void){ int val; int i; scanf("%d",&val); for(i=2; i<val; i++) { if(val%i == 0) { //可以被2-val之间的数整除，那么就不是素数 break; } } //如果循环完毕，i == val,说明是素数 if(i

2012-08-04 13:17:36 1127

转载 swap 算法

关于整形(int)不使用中间变量相信大家有常用的算法，比如1最常用的：public static void main(String[] args) {int a = 5;int b = 4;a = a^b;b = b^a;a = a^b;System.out.print(a + ":" + b); }这个是最快的其次不是很好但是可行的public static void

2012-08-04 09:06:26 1096

转载深入浅出Node.js（一）：什么是Node.js（下）

Javascript在动态语言中性能较好，有开发人员对Javacript、Python、Ruby等动态语言做了性能分析，发现Javascript的性能要好于其他语言，再加上V8引擎也是同类的佼佼者，所以Node.js的性能也受益其中。Node.js发展简史2009年2月，Ryan Dahl在博客上宣布准备基于V8创建一个轻量级的Web服务器并提供一套库。2009年5月，Ryan

2012-07-15 11:01:10 1689

转载深入浅出Node.js（一）：什么是Node.js

Node.js从2009年诞生至今，已经发展了两年有余，其成长的速度有目共睹。从在github的访问量超过Rails，到去年底Node.jsS创始人Ryan Dalh加盟Joyent获得企业资助，再到今年发布Windows移植版本，Node.js的前景获得了技术社区的肯定。InfoQ一直在关注 Node.js的发展，在今年的两次Qcon大会（北京站和杭州站）都有专门的讲座。为了更好地促进Node.

2012-07-15 10:07:29 1446 1

原创 C语言 ---- 指针函数

//这是一个求和函数的定义: int　add(int　x,　int　y) { 　　return(x　+　y); } //可以这样声明: int　add(int　x,　int　y); //也可以这样声明: int　add(int,　int);定义一个函数指针声明一个函数差不多, 用 (* ) 包括函数即可://像这样: int　(*pf

2012-07-15 09:39:05 794

转载 VC++6.0打开文件和添加文件到工程时出错

VC++6.0打开文件和添加文件到工程时出错[vc bug]by Jason解决方案I:如果机器安装了Visio 2007(或2003),卸掉Visio2007(或2003)即可解决方案II:1.在下面的网站下载FileTool.exe [http://support.microsoft.com/kb/241396/en-us]2.FileTool.exe是个自解压文件

2012-07-14 16:27:12 9248 6

原创 C++ 学习笔记1

C++中结构体和类可以通用，结构体中也可以定义函数.区别:在于访问控制。结构体中缺省成员都是public类中缺省：私有的构造函数： 1。构造函数最重要的作用是创建对象本身； 2. C++规定，每个类必须有一个构造函数，没有构造函数，就不能创建任何对象 3. 如果没有提供构造函数，则C++提供一个默认的不带参数的构造函数（由C++编译器提供），完成对象创建

2012-07-14 16:13:50 820 1

原创 javascript 类的继承3

New Document  //更加通用化，不用固化超类的名称 function extend2(subClass, superClass) { var F = function() {}; F.prototype = superC

2012-07-13 18:16:36 810

原创 javascript 类的继承2

New Document  function extend(subClass, superClass) { var F = function() {}; F.prototype = superClass.prototype; su

2012-07-13 18:15:55 698

原创 javascript 类继承1

function Person(name) { this.name = name;}Person.ptototype.getName = function() { return this.name;}function Author(name, books) { Person.call(this,name);//call the superclass's cons

2012-07-13 18:15:00 669

原创 C语言 ---- 快速排序算法

#include /* 关键在于：确定第一个元素的位置，左边都是比这个元素小的，右边是大的，然后递归进行左右边分别确定各自第一个元素的位置 */void QuickSort(int *a, int low, int high);int FindPos(int *a, int low, int high);int main(void){ int a[6

2012-07-12 22:05:40 818

原创 C 语言 ---- 汉诺塔算法

#include void hannuota(int n, char A, char B, char C) { /* 如果是1个盘子直接将A柱子上的盘子从A移到C 否则先将A柱子的上的n-1个盘子借助C移动到B 直接将A柱子上的盘子从A移动到C 最后将B柱子上的n-1个盘子借助A移动到C */ if(1==n) { printf("将编号为%d的盘子直接

2012-07-11 22:20:17 3306