- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：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...
- 今晚花了三个多小时，重构了一个$.ajaxForm的同步和异步请求写法，感觉特别有成就感，故记录下来，以加深理解和熟练使用。其实，在学习和使用JavaScript中，$.ajax（$.post和$.get）的同步和异步请求要深刻理解才能正确使用。 今晚花了三个多小时，重构了一个$.ajaxForm的同步和异步请求写法，感觉特别有成就感，故记录下来，以加深理解和熟练使用。其实，在学习和使用JavaScript中，$.ajax（$.post和$.get）的同步和异步请求要深刻理解才能正确使用。
- 对象：说到对象先为大家讲讲对象的用途：对象就是对项目，功能的划分管理。@[toc] 1.window对象window 对象是 JavaScript 与浏览器之间交互的主要接入点，提供JavaScript 脚本的接口。其中：console 和 document 是window对象的属性，alert(), prompt() 是window对象方法。写法如下：window.console;wi... 对象：说到对象先为大家讲讲对象的用途：对象就是对项目，功能的划分管理。@[toc] 1.window对象window 对象是 JavaScript 与浏览器之间交互的主要接入点，提供JavaScript 脚本的接口。其中：console 和 document 是window对象的属性，alert(), prompt() 是window对象方法。写法如下：window.console;wi...
- Html代码都是由标签组成的，标签就是最基础的东西，所以我们要重点学习这些标签。本人爆肝整理了几乎所有常用的标签详解，期待各位的关注与支持。废话少说直接进入重点。 基本结构标签1.<!-- 这是注释标签-->注释标签使我们的代码更加清楚明了，在网页中不起到任何作用也不会显示到桌面上2.文档类型声明标签：<!DOCTYPE>DOCTYPE是Document Type的简写，含义为文档类型。... Html代码都是由标签组成的，标签就是最基础的东西，所以我们要重点学习这些标签。本人爆肝整理了几乎所有常用的标签详解，期待各位的关注与支持。废话少说直接进入重点。 基本结构标签1.<!-- 这是注释标签-->注释标签使我们的代码更加清楚明了，在网页中不起到任何作用也不会显示到桌面上2.文档类型声明标签：<!DOCTYPE>DOCTYPE是Document Type的简写，含义为文档类型。...
- 函数今天为大家讲解：1.函数的用途2、函数的返回值3.函数的参数4.自定义函数 一. 函数的用途讲到函数，大家一定好奇函数的用途是什么，那么下面就为大家讲解函数的用途：当程序规模较大，不便于阅读或修改时，我们为了使代码模块化，组件化管理，就用到的函数，这样我们只需要调整一个个函数来完成，既减少重复代码，又使代码编写更有调理。例如: alert()函数。alert指的是函数名，小括号用于接收... 函数今天为大家讲解：1.函数的用途2、函数的返回值3.函数的参数4.自定义函数 一. 函数的用途讲到函数，大家一定好奇函数的用途是什么，那么下面就为大家讲解函数的用途：当程序规模较大，不便于阅读或修改时，我们为了使代码模块化，组件化管理，就用到的函数，这样我们只需要调整一个个函数来完成，既减少重复代码，又使代码编写更有调理。例如: alert()函数。alert指的是函数名，小括号用于接收...
- 若是今朝共淋雪，此生也算共白头@TOC 常用输出语句利用输出语句可以输出一段代码的执行结果，在学习 JavaScript 的过程中会经常用到输出语句。因此，接下来为大家介绍3个常用的输出语句。 1. alert()alert() 用于弹出一个警告框，确保用户可以看到某些信息。利用alert()可以很方便的输出一个结果，经常用来测试程序。 2.console.log()console.log(... 若是今朝共淋雪，此生也算共白头@TOC 常用输出语句利用输出语句可以输出一段代码的执行结果，在学习 JavaScript 的过程中会经常用到输出语句。因此，接下来为大家介绍3个常用的输出语句。 1. alert()alert() 用于弹出一个警告框，确保用户可以看到某些信息。利用alert()可以很方便的输出一个结果，经常用来测试程序。 2.console.log()console.log(...
- 上节我们简单简单介绍了一下自定义指令是什么，这节课我们好好讲解下自定义指令里函数的应用~ 钩子函数自定义指令对象提供了钩子函数供我们使用，这些钩子函数都为可选。 bind只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已被插入文档中)。 update所在组件的 VNode 更新时调用，但是可能发... 上节我们简单简单介绍了一下自定义指令是什么，这节课我们好好讲解下自定义指令里函数的应用~ 钩子函数自定义指令对象提供了钩子函数供我们使用，这些钩子函数都为可选。 bind只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已被插入文档中)。 update所在组件的 VNode 更新时调用，但是可能发...
- 之前写了cypress的安装，是未完待续的，一年之后，来继续...先新建一个空文件脚本sample.js，如图：而cypress是实时监控变化的，它马上就发现并展示出来了：虽然我们还没有写任何有意义的内容在sample.js里，但是我们可以点一下，看看这个cypress框架帮我们做了什么：它调起了chrome浏览器，并且说没有找到tests，这就对了，本来就没有写tests.写tests时会... 之前写了cypress的安装，是未完待续的，一年之后，来继续...先新建一个空文件脚本sample.js，如图：而cypress是实时监控变化的，它马上就发现并展示出来了：虽然我们还没有写任何有意义的内容在sample.js里，但是我们可以点一下，看看这个cypress框架帮我们做了什么：它调起了chrome浏览器，并且说没有找到tests，这就对了，本来就没有写tests.写tests时会...
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/14 周二 16:30-18:00
张俭 华为云IoT DTSE技术布道师
作为开发者的你是否也想加入开源社区？本期物联网平台资深“程序猿”，开源专家张俭，为你揭秘华为云IoT如何借助开源构建可靠、开放、易用的物联网平台，并手把手教你玩转开源社区！
去报名
热门标签