首页 > TAG信息列表 > hzh

查漏补缺——说说split方法

问题 如题所示 答案 相关源码: export function param2Obj(url) { const search = url.split('?')[1] if (!search) { return {} } return JSON.parse( '{"' + decodeURIComponent(search) .replace(/"/g, '\\"&

查漏补缺——说说后代选择器和子选择器

问题 如题所示 答案 首先,什么是选择器呢?我的理解是CSS选择器可以选定某类元素进行样式控制。 css选择器是什么?css选择器有哪些类型? 所以后代选择器和子选择器也是选择某类元素进行样式控制的。 看它们的名字后代选择器和子选择器应该属于复合选择器。复合选择器是由基本选择器复合

查漏补缺——vue渲染之后图片没有加载出来怎么解决?

问题 如题所示 答案 Vue中显示img图片,显示不出来怎么办?vue显示图片 将hzh-site-logo.svg图片文件从assets文件夹剪切到static文件夹下。 引入方式从: <img src="@/assets/hzh-site-logo.svg"> 改为: <img src="../../../static/hzh-site-logo.svg">

查漏补缺——Failed to mount component: template or render function not defined这个问题怎么解决?

问题 如题所示,控制台报错如下: vue.esm.js?efeb:628 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <HzhLayoutFooter> at F:\hzh\src\components\layout\hzh-layout-footer.vue <Hzh> at F:\hzh\src\

2.3.3 和普通函数的区别

与普通函数相比,箭头函数的优势主要表现在以下两个方面: 不绑定 this、arguments 更简化的代码语法 第二个特点不需要过多赘述,主要讲解不绑定 this 和 arguments 这两个特点。 1.不绑定 this 不绑定 this 可以理解为箭头函数的 this 在定义的时候就确定了,以后不管如何调用

2.2.1 数组的解构赋值

ES6 允许按照一定模式从数组和对象中提取值,再对变量赋值,这被称为解构( Destructuring )。在实际的项目开发中,从数组和对象中提取值使用得非常频繁,本任务主要讲解如何从数组和对象中提取值。 在以前的开发中为变量赋值,只能直接指定值 。 示例8 // 传统赋值 let cly = 1; let hzh

显性的过渡持续时间

2.2.0 新增 在很多情况下,Vue 可以自动得出过渡效果的完成时机。默认情况下,Vue 会等待其在过渡效果的根元素的第一个 transitionend 或 animationend 事件。然而也可以不这样设定——比如,我们可以拥有一个精心编排的一系列过渡效果,其中一些嵌套的内部元素相比于过渡效果的根元素有

传入一个对象的所有 property

如果你想要将一个对象的所有 property 都作为 prop 传入,你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。例如,对于一个给定的对象 post: post: { id: 1, title: 'My Journey with Vue' } 下面的模板: <blog-post v-bind="post"></blog-post> 等价于: <blog-post

传入一个数字

<!-- 即便 `42` 是静态的,我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:likes="42"></blog-post> ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset

传入一个布尔值

<!-- 包含该 prop 没有值的情况在内,都意味着 `true`。--> <blog-post is-published></blog-post> <!-- 即便 `false` 是静态的,我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:is-published="false"></bl

传递静态或动态 Prop

像这样,你已经知道了可以像这样给 prop 传入一个静态的值: <blog-post title="My journey with Vue"></blog-post> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp

6.5 函数是一种对象

函数也是一种对象。从内部结构来看,它继承于 Function 对象。可以像下面这样通过 constructor 属性验证。 function hzh() {} // 函数的内容无关紧要,因此留空 console.log("使用constructor属性验证函数hzh:"); console.log(hzh.constructor); [Running] node "e:\HMV\JavaScript

4.15 while语句

while 语句是最为基本的循环控制语句。while 语句也被称为 while 循环。下面是 while 语句的语法规则。 // while 语句的语法规则 while (条件表达式) 语句 和 if-else 语句一样,在条件表达式位置所写的表达式的值将会被转换为布尔型。一旦开始执行 while 语句,就将首先对条

5.9 作为关联数组的对象

JavaScript 的对象和 Java 的映射(Map)类似。 如果将 JavaScript 对象的属性名看作键,属性值看作值,我们会发现它与 Java 中的映射非常相似。JavaScript 的对象还具有 Java 的映射所不具备的附加功能(例如方法或原型继承等),但也可以不理会这些功能,直接将其作为映射来使用。 5.9.1 

第5章 变量与对象

绩效统计 章节 代码量(行数) 5.1 12 5.2 65 5.3 11 5.4 0 5.5 62 5.6 0 5.7 72 5.8 32 5.9 61 目前 315 5.1 变量的声明 变量的功能为持有某个值,或者用来表示某个对象。 如果一个变量在声明之后没有进行赋值,它的值就会是undefined。对同一个变量重复

第5章 变量与对象

绩效统计 章节 代码量(行数) 5.1 12 5.2 65 5.3 11 5.4 0 5.5 62 5.6 0 5.7 72 5.8 32 5.9 61 目前 315 5.1 变量的声明 变量的功能为持有某个值,或者用来表示某个对象。 如果一个变量在声明之后没有进行赋值,它的值就会是undefined。对同一个变量重复

第3章 变量的解构赋值

3.1 数组的解构赋值 3.1.1 基本用法 ES6 允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构(Destructuring)。 以前,为变量赋值只能直接指定值。 // hzh.js let hzh1 = 1; let hzh2 = 2; let hzh3 = 3; ES6允许写成下面这样。 // hzh.js let [hzh1, hzh2

第4章 语句表达式和运算符

尽管 JavaScript 在语法结构上,有不少地方和 Java 类似,但它有一些自己独有的语句。同样地,在 JavaScript 中,有很多和 Java 相似的运算符和表达式。不过,因为隐式的数据类型转换在 JavaScript中非常普遍,所以与 Java 相比,在使用这一语言的过程中还有其他一些必须注意的地方。 4.1 表

第2章 JavaScript基础

2.1 JavaScript的特点 JavaScript程序设计语言有如下几个特点: 解释型语言 类似于C和Java的语法结构 动态语言 基于原型的面向对象 字面量的表现能力 函数式编程 解释型语言直接运行环境中执行代码。解释型语言的劣势在于,其运行速度通常都会慢于编译型语言。解释型语言由于使

第4章 语句表达式和运算符

尽管 JavaScript 在语法结构上,有不少地方和 Java 类似,但它有一些自己独有的语句。同样地,在 JavaScript 中,有很多和 Java 相似的运算符和表达式。不过,因为隐式的数据类型转换在 JavaScript中非常普遍,所以与 Java 相比,在使用这一语言的过程中还有其他一些必须注意的地方。 4.1 表

第4章 语句表达式和运算符

尽管 JavaScript 在语法结构上,有不少地方和 Java 类似,但它有一些自己独有的语句。同样地,在 JavaScript 中,有很多和 Java 相似的运算符和表达式。不过,因为隐式的数据类型转换在 JavaScript 中非常普遍,所以与 Java 相比,在使用这一语言的过程中还有其他一些必须注意的地方。 4.1 表

第2章 JavaScript基础

2.1 JavaScript的特点 JavaScript程序设计语言有如下几个特点: 解释型语言 类似于C和Java的语法结构 动态语言 基于原型的面向对象 字面量的表现能力 函数式编程 解释型语言直接运行环境中执行代码。解释型语言的劣势在于,其运行速度通常都会慢于编译型语言。解释型语言由于使