是什么高阶组件是一个函数,能够接受一个组件并返回一个新的组件。没有任何副作用。 为什么用封装并抽离组件的通用逻辑,让此部分逻辑在组件间更好地被复用。 如何用//hoc为我们的高阶组件,可以使用es7装饰器语法来使用高阶组件 //当然也可以不用es7,如:let hocHello = hoc(Hello),只是es7的语法更优雅一些。 //高阶组件可以叠加使用,可以对一个组件使用多个高阶组件 @hoc class Hello extends React.Component {// } ...
v-bind 指令用于响应地更新 HTML 特性 形式如:v-bind:href 缩写为 :href; v-on 指令用于监听DOM事件 形式如:v-on:click 缩写为 @click; <body><div id="test"><img v-bind:src="src"><a v-bind:href="url" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >百度一下</a><a :href="url" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel=...
在死磕进程一个礼拜后,终于把晦涩难懂文档看明白了,准备把自己的理解分享给大家,也希望大家能指出一些意见 进程的概念 在Node.js中每个应用程序都是一个进程类的实例对象。使用process对象代表应用程序,这是一个全局对象,可以通过它来获取Node.jsy应用程序以及运行该程序的用户、环境等各种信息的属性、方法和事件。进程中几个重要的属性 stdin 标准输入可读流stdout 标准输入可写流stderr 标准错误输出流argv 终端输入参数数组...
在使用vue-cli创建项目的时候,会提示要不要安装单元测试和e2e测试。既然官方推荐我们使用这两个测试框架,那么我们就动手去学习实践一下他们吧。简介 Karma Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。换句话说,它是一个测试工具,能让你的代码在浏览器环境下测试。需要它的原因在于,你的代码可能是设计在浏览器端执行的,在no...
关于SSR的文章网上很多,一开始看得我云里雾里。然后去Vue.js 服务器渲染指南和nuxt官网看了看,发现文章大多都是搬运官网的内容,真正讲的清晰明了的很少。所以想写篇文章学习下SSR,希望能够帮助大家快速理解Vue SSR。 什么是SSR?SSR,即服务器渲染,就是在服务器端将对Vue页面进行渲染生成html文件,将html页面传给浏览器。 优点: SEO 不同于SPA的HTML只有一个无实际内容的HTML和一个app.js,SSR生成的HTML是有内容的,这让搜...
NodeJs是一个单进程的语言,不能像Java那样可以创建多线程来并发执行。当然在大部分情况下,NodeJs是不需要并发执行的,因为它是事件驱动性永不阻塞。但单进程也有个问题就是不能充分利用CPU的多核机制,根据前人的经验,可以通过创建多个进程来充分利用CPU多核,并且Node通过了child_process模块来创建完成多进程的操作。 child_process模块给予node任意创建子进程的能力,node官方文档对于child_proces模块给出了四种方法,映射到...
通过前面对Vue的学习,到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前,我们先看看模板。 <div id="app"><h1>{{ message }}</h1><button @click="clickedButton">点击偶</button> </div>let app = new Vue({el: #app,data () {return {message: Hi,大漠!}},methods: {clickedButton: function () {console.log(Hi,大漠!)}} })在Vue的模板中,我们可以...
在react中通过 state 以及 setState() 来控制组件的状态。 state state 是 react 中用来存储组件数据状态的,可以类比成 vue 中的 data。 1.state的作用 state是React中组件的一个对象.React把用户界面当做是状态机,想象它有不同的状态然后渲染这些状态,可以轻松让用户界面与数据保持一致. React中,更新组件的state,会导致重新渲染用户界面(不要操作DOM).简单来说,就是用户界面会随着state变化而变化. 2.state工作原理 常用的通知R...
前言 当我们想要创建一个对象,我们可能使用new方法去构建一个对象,那按道理jquery也是一个对象,应该也是用new jquery()来构建呀为什么我们创建jquery对象不用new jquery()而是直接使用类似$(ele)的方式去构建出来一个jquery对象呢?其实内部还是使用了new来构建的,只是jquery内部帮我们构建了而已,请看下面代码 function Jquery(selector, context) {return new Jquery(selector, context);}Jquery.prototype = {version:1.01...
Vue中的 computed 属性称为 计算属性 。在这一节中,我们学习Vue中的计算属性如何使用?记得在学习Vue的模板相关的知识的时候,知道在模板内可以使用表达式,而且模板内的表达式是非常的便利,但这种遍历是有一定的限制的,它们实际上是用于一些简单的运算。也就是说,如果在模板中放入太多的逻辑会让模板过重而且难以维护。咱们先来看一个示例: <div id="app"><h1>{{ message.split().reverse().join() }}</h1> </div>在这个示例...
今天学习了JavaScript里面的for循环以及if的判断语句 for(初始值;循环条件;操作){满足条件要执行的代码语句 } 初始值:循环前的初始化变量,通常为赋值表达式:建议用var赋值,可以加快运行速度。 循环条件:每次循环前要计算的条件,是运算符类别中的条件运算符,返回值为true或false,当返回值为true时执行循环,为false时退出循环。(往往是i>=n;或用逻辑运算符) 操作:每循环一次以后要计算的表达式,通常是递增++或递减--等...
本文介绍了vue mint-ui picker的使用,分享给大家,也给自己留个学习笔记Picker的使用import { Picker } from mint-ui; Vue.component(Picker.name, Picker);API示例一:picker的简单使用xxx.vue:<template> <div id="app"> <mt-picker :slots="slots" ></mt-picker> <router-view></router-view> </div> </template> <script> export default { data () { return { slots:[{values: [年假, 事假, 病假, 婚假, 其他]}] } }, moun...
v-if vs v-show v-if 是“真正的”条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下, v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。 一般来说, v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需...
表单输入绑定基础用法文本<input v-model:"msg" placeholder="edit me"/>### 多行文本 <textarea name="" id="" cols="30" rows="10" v-model:"msg"></textarea>### 复选框 爱好<input type="checkbox" value="看电影" v-model="checked"/> <input type="checkbox" value="打游戏" v-model="checked"/> <input type="checkbox" value="音乐" v-model="checked"/> {{ checked }} var vm=new Vue({el:#app,date:{checked:[]}, 单选按...
前言 本文主要给大家介绍了关于JavaScript惰性函数的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 需求我们现在需要写一个 foo 函数,这个函数返回首次调用时的 Date 对象,注意是首次。 解决一:普通方法var t; function foo() {if (t) return t;t = new Date()return t; }问题有两个,一是污染了全局变量,二是每次调用 foo 的时候都需要进行一次判断。 解决二:闭包我们很容易想到用闭包避免污...