百里屠苏top - 博客园

2025年3月12日

摘要：一、条件渲染根据条件不同，在页面中渲染不同的内容。 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true 值的时候被渲染。 v-else 使用v-else指令来表示 v-if 的“else 块”. <template> <p v-if="flag">俺是齊天大阅读全文

posted @ 2025-03-12 11:42 百里屠苏top 阅读(23) 评论(0) 推荐(0)

No.57 Vue---模板语法

摘要：一、模板语法有了模板语法，页面的每个元素都可以动态处理了。网址：https://cn.vuejs.org/ src下面的文件： 1.assets ：存放静态资源 2.components:存放组件 3.App.vue:根组件，组件入口。 4.main.js :主入口文件。我们在HelloWor 阅读全文

posted @ 2025-03-12 11:18 百里屠苏top 阅读(137) 评论(0) 推荐(0)

2025年3月11日

No.56 Vue---介绍、安装

摘要：一、Vue 是什么？ Vue是前端优秀框架，是一套用于构建用户界面的渐进式框架。二、开发前端的准备 2.1 install Vue TOOl Vue CLI vue cli Vue.js 开发的标准工具， vue cli 是一个基于 Vue.js 进行快速开发的完整系统. 官网： https:// 阅读全文

posted @ 2025-03-11 17:56 百里屠苏top 阅读(32) 评论(0) 推荐(0)

No.55 ES6---Module 的语法

摘要：一、Module的语法历史上，JavaScript 一直没有模块(module)体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby的require、Python 的 import ，甚至就连 CSS 都有@import ，但是JavaScri 阅读全文

posted @ 2025-03-11 16:22 百里屠苏top 阅读(11) 评论(0) 推荐(0)

No.54 ES6---class类

摘要：一、class的基本语法 ES6 提供了更接近传统语言的写法，引入了 Class(类)这个概念，作为对象的模板。通过 cass 关键字，可以定义类。基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法更加清晰、更阅读全文

posted @ 2025-03-11 15:51 百里屠苏top 阅读(37) 评论(0) 推荐(0)

No.53 ES6---Async函数

摘要：一、Async 函数 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。 async函数可以将异步操作变为同步操作。 <script> function print(){ //定时器是异步的 setTimeout(()=>{ console.log("定时器"); },2000) 阅读全文

posted @ 2025-03-11 11:48 百里屠苏top 阅读(5) 评论(0) 推荐(0)

No.52 ES6---Promise对象

摘要：一、Promise对象 1.1基本概念 Promise 是异步编程的一种解决方案，比传统的解决方案--回调函数和事件更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise 对象。所谓 promise，简单说就是一个容器，里面保存着某个未来才会结阅读全文

posted @ 2025-03-11 11:14 百里屠苏top 阅读(15) 评论(0) 推荐(0)

No.51 ES6---Set数据结构

摘要：一、Set数据结构 1.1 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 set 本身是一个构造函数，用来生成 Set 数据结构。 <script> var s = new Set(); var arr = [103,91,47,43,32,54 阅读全文

posted @ 2025-03-11 10:12 百里屠苏top 阅读(19) 评论(0) 推荐(0)

No.50 ES6---函数的扩展

摘要：一、箭头函数 ES6 允许使用“箭头”(=>)定义函数，之前是通过function 来定义函数。 <body> <script> //之前我们接触的是 function fn1(x,y){ return x+y ; } //也可以写成赋值型 var fn2 = function(x,y){ retu 阅读全文

posted @ 2025-03-11 09:46 百里屠苏top 阅读(9) 评论(0) 推荐(0)

No.49 ES6---对象的扩展

摘要： 1、属性的简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 <body> <script> var name = "zhangsan"; var user = { name:name, //这里属性名和属性值是同样的变量名称，可以写成name,就是阅读全文

posted @ 2025-03-11 09:22 百里屠苏top 阅读(13) 评论(0) 推荐(0)