- 目录一、前言二、JavaScript的变量三、函数初步函数参数中的几个场景情景1：传入参数不足 情景2：传入参数过多情景3：无参数传入 情景4：多个函数同名一、前言JavaScript和java的语法大相径庭，所以在学习体会到全新的知识二、JavaScript的变量var 变量名;如：var i;javascript是一门弱类型的语言，没有编译阶段一个变量可以随意赋值。var i;i=tr... 目录一、前言二、JavaScript的变量三、函数初步函数参数中的几个场景情景1：传入参数不足 情景2：传入参数过多情景3：无参数传入 情景4：多个函数同名一、前言JavaScript和java的语法大相径庭，所以在学习体会到全新的知识二、JavaScript的变量var 变量名;如：var i;javascript是一门弱类型的语言，没有编译阶段一个变量可以随意赋值。var i;i=tr...
- 目录一、前言二、什么是JavaScript，有什么用?三、HTML嵌入JavaScript的方式：第一种方式： 第二种方式：第三种方式：一、前言html和css的学习大致完成，我们进入重要的JavaScript学习阶段二、什么是JavaScript，有什么用?Javascript是运行在浏览器上的脚本语言。简称JS。他的出现让原来静态的页面动起来了，更加的生动。三、HTML嵌入JavaSc... 目录一、前言二、什么是JavaScript，有什么用?三、HTML嵌入JavaScript的方式：第一种方式： 第二种方式：第三种方式：一、前言html和css的学习大致完成，我们进入重要的JavaScript学习阶段二、什么是JavaScript，有什么用?Javascript是运行在浏览器上的脚本语言。简称JS。他的出现让原来静态的页面动起来了，更加的生动。三、HTML嵌入JavaSc...
- JavaScript中基本数据类型和引用数据类型的区别 1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是... JavaScript中基本数据类型和引用数据类型的区别 1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是...
- hash模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 history 模式如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 在路由配置中设置：VueRouter({... hash模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 history 模式如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 在路由配置中设置：VueRouter({...
- VueRouter_基础 什么是路由？路由是根据不同的url地址展现不同的内容或页面。 早期的路由都是后端直接根据url来重载页面实现的，即后端控制路由。 后来页面越来越复杂，服务器压力越来越大，随着ajax（异步刷新技术）的出现，页面的实现非重载就能刷新数据，让前端也可以控制url自行管理，前端路由由此而生。Vue路由是指根据url分配到对应的处理程序；作用就是解析URL，调用对应的控制... VueRouter_基础 什么是路由？路由是根据不同的url地址展现不同的内容或页面。 早期的路由都是后端直接根据url来重载页面实现的，即后端控制路由。 后来页面越来越复杂，服务器压力越来越大，随着ajax（异步刷新技术）的出现，页面的实现非重载就能刷新数据，让前端也可以控制url自行管理，前端路由由此而生。Vue路由是指根据url分配到对应的处理程序；作用就是解析URL，调用对应的控制...
- 过渡_多元素过渡当切换展示的元素标签名相同时，需要给每一个元素设置不同的key值，否则Vue为了效率只会替换相同标签内部的内容。<transition> <div v-if="show" key="world">hello world</div> <div v-else key="shanshan">hello shanshan</div></transition>在一些场景中，可以通... 过渡_多元素过渡当切换展示的元素标签名相同时，需要给每一个元素设置不同的key值，否则Vue为了效率只会替换相同标签内部的内容。<transition> <div v-if="show" key="world">hello world</div> <div v-else key="shanshan">hello shanshan</div></transition>在一些场景中，可以通...
- 同时使用过渡和动画可使用 type 属性，来声明需要 Vue 监听的类型，type值可为 animation 或 transition 。当不设置type时，默认会取 transitioned 和 animationed 两者更长的为结束时刻。 显性的过渡时间在一些情况下，Vue可以自动得出过渡效果的完成时机，从而对dom进行处理。但是有些时候，我们会设置一系列的过渡效果，例如嵌套元素也有... 同时使用过渡和动画可使用 type 属性，来声明需要 Vue 监听的类型，type值可为 animation 或 transition 。当不设置type时，默认会取 transitioned 和 animationed 两者更长的为结束时刻。 显性的过渡时间在一些情况下，Vue可以自动得出过渡效果的完成时机，从而对dom进行处理。但是有些时候，我们会设置一系列的过渡效果，例如嵌套元素也有...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言在开始学习之前，最好了解过一些Html的基础知识。因为这一章节介绍的是script标签，如果你还不了解少么是标签，还需要去了解html的基础知识。 scrip... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言在开始学习之前，最好了解过一些Html的基础知识。因为这一章节介绍的是script标签，如果你还不了解少么是标签，还需要去了解html的基础知识。 scrip...
- 过渡_单元素过渡Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 单元素/组件的过渡Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点 过渡的类名在进入/离开的过渡中，会有 6 个 class 切换。v-enter： 定义进入过渡的开始... 过渡_单元素过渡Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 单元素/组件的过渡Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点 过渡的类名在进入/离开的过渡中，会有 6 个 class 切换。v-enter： 定义进入过渡的开始...
- 创建 Vue 应用vue的安装有多种方式，本文只讨论基础知识，其他安装方式请自行查阅官网https://v3.cn.vuejs.org/guide/installation.html本文使用CDN。创建一个名为的文件夹 vue3-baseindex.html 在“vue3-base”里面app.js 在“vue3-base”里面 创建 HTML 文件创建应用程序文件夹和文件后，打开inde... 创建 Vue 应用vue的安装有多种方式，本文只讨论基础知识，其他安装方式请自行查阅官网https://v3.cn.vuejs.org/guide/installation.html本文使用CDN。创建一个名为的文件夹 vue3-baseindex.html 在“vue3-base”里面app.js 在“vue3-base”里面 创建 HTML 文件创建应用程序文件夹和文件后，打开inde...
- JSX在Vue中使用JSX语法。可以让我们回到更接近模板的语法上。render () { return ( <h1>这是一个标题</h1> )} 插值<div>{ this.value }</div> 指令在JSX中，一些指令并不存在，所以我们可以换一种方式来处理。 v-text<div domPropsTextContent="<p>i am a p</p>"></div> v... JSX在Vue中使用JSX语法。可以让我们回到更接近模板的语法上。render () { return ( <h1>这是一个标题</h1> )} 插值<div>{ this.value }</div> 指令在JSX中，一些指令并不存在，所以我们可以换一种方式来处理。 v-text<div domPropsTextContent="<p>i am a p</p>"></div> v...
- createElement参数createElement接收的参数：createElement(标签名(必需), 与模板中属性对应的数据对象(可选), 子级虚拟节点(可选)); 深入数据对象{ // 与 `v-bind:class` 的 API 相同，接受一个字符串、对象或字符串和对象组成的数组 class: { foo: true, bar: false }, // ... createElement参数createElement接收的参数：createElement(标签名(必需), 与模板中属性对应的数据对象(可选), 子级虚拟节点(可选)); 深入数据对象{ // 与 `v-bind:class` 的 API 相同，接受一个字符串、对象或字符串和对象组成的数组 class: { foo: true, bar: false }, // ...
- 增强现实技术（Augmented Reality，简称 AR），是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。这种技术1990年提出。随着随身电子产品CPU运算能力的提升，预期增强现实的用途将会越来越广。本文介绍使用JavaScript开源框架AR.js实现的增强现实的Hello World例子。先看效果... 增强现实技术（Augmented Reality，简称 AR），是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。这种技术1990年提出。随着随身电子产品CPU运算能力的提升，预期增强现实的用途将会越来越广。本文介绍使用JavaScript开源框架AR.js实现的增强现实的Hello World例子。先看效果...
- 渲染函数 基础当我们需要使用JavaScript的编程能力时，可以利用渲染函数。渲染函数比模板更接近于编译器。例如，我们想要生成一些标题：<h1>Hello world!</h1>如果，我们按照之前的方式，那么模板内将会十分冗余。如果此时利用渲染函数，那么代码写起来将会简洁很多。props: { level: { type: Number, required: true }... 渲染函数 基础当我们需要使用JavaScript的编程能力时，可以利用渲染函数。渲染函数比模板更接近于编译器。例如，我们想要生成一些标题：<h1>Hello world!</h1>如果，我们按照之前的方式，那么模板内将会十分冗余。如果此时利用渲染函数，那么代码写起来将会简洁很多。props: { level: { type: Number, required: true }...
- 2017年3月28日，我到国内一个SAP CRM客户那里，同他们的架构师关于二次开发的UI框架选择SAP UI5还是Vue进行了一番探讨。回到SAP研究院之后，我把这个问题扔到了公司的微信群里，引起了大家的热烈讨论。因为出差回来之后，我需要向我老板和老板的老板汇报工作，因此写了这篇blog：https://blogs.sap.com/2017/03/31/is-jquery-based-ui... 2017年3月28日，我到国内一个SAP CRM客户那里，同他们的架构师关于二次开发的UI框架选择SAP UI5还是Vue进行了一番探讨。回到SAP研究院之后，我把这个问题扔到了公司的微信群里，引起了大家的热烈讨论。因为出差回来之后，我需要向我老板和老板的老板汇报工作，因此写了这篇blog：https://blogs.sap.com/2017/03/31/is-jquery-based-ui...
上滑加载中
推荐直播
-
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中
热门标签