- 博客(157)
- 收藏
- 关注
原创 30分钟入门javascript(大学生版)
JavaScript(简称JS)是一种高级、解释型的编程语言。最初由网景公司开发,用于网页的交互式操作。如今,JavaScript已成为了几乎所有现代网站不可或缺的一部分,并且被广泛应用于服务器端(Node.js)、桌面应用、移动应用等多个领域。函数是执行特定任务的代码块,可以带有参数和返回值。");JavaScript是一个不断发展的语言,拥有庞大的生态系统和社区。通过本篇文章,你已经掌握了JavaScript的基础和一些高级特性。
2024-07-25 14:44:14
2052
原创 30个例子简单说说ES6(30分钟入门)
let和const关键字允许在代码块中声明变量,这些变量只在该块中有效。:可以直接将数组元素赋值给变量,而不需要通过索引访问。:可以方便地从对象中提取属性值并赋给变量。:使用反引号(``)和${}语法,可以更方便地插入变量和表达式。:新增了startsWithendsWith和includes等方法来检查字符串内容。:在函数参数中可以设置默认值,如果调用时未提供参数,则使用默认值。...可以用于数组和对象,用于展开元素或合并数组。...在函数参数中使用,可以收集剩余的参数到一个数组。:可以通过.name。
2024-07-25 14:35:11
1375
原创 15 Vue常见面试题
自定义指令允许你向元素添加自定义行为,Vue.js 允许你通过钩子函数(如bindinsertedupdate和unbind)来扩展元素的功能。
2024-07-24 09:20:26
1488
1
原创 13 用Vue构建一个简单的“消息显示”应用
让我们通过另一个基础的 Vue.js 应用案例来展示如何构建一个简单的“消息显示”应用。这个应用将允许用户输入消息,然后点击按钮将消息显示在页面上。
2024-07-24 09:14:38
239
原创 12 用Vue完成一个简单的计数器应用
让我们通过一个基础的 Vue.js 应用案例来展示如何构建一个简单的计数器应用。这个应用将允许用户增加或减少一个数字,并实时显示当前计数。
2024-07-24 09:12:22
531
原创 11 用Vue完成一个电商平台的商品展示页面
让我们通过一个常见的案例来展示 Vue.js 的实用性:创建一个电商平台的商品展示页面。这个应用将展示商品列表、商品详情、加入购物车、以及显示购物车中的商品。
2024-07-24 09:09:04
1034
原创 10 用Vue完成一个博客管理应用
我们将通过一个更详细的案例来展示 Vue.js 的高级特性。这个案例是一个博客文章管理应用,允许用户查看文章列表、添加新文章、编辑现有文章以及删除文章。我们将使用 Vue CLI 创建项目,并引入 Vue Router 进行页面路由管理,使用 Vuex 进行状态管理。
2024-07-24 09:02:33
452
原创 09 用Vue完成一个用户管理应用
让我们通过另一个案例来进一步展示 Vue.js 的能力:创建一个简单的用户管理应用。这个应用将允许用户查看用户列表、添加新用户、编辑现有用户信息以及删除用户。
2024-07-24 08:59:41
277
2
原创 04 Vue.js 的一些核心概念2
Vue 允许你创建自己的指令,这可以用于封装 DOM 操作逻辑。// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus();});
2024-07-24 08:46:53
161
原创 02 Vue.js 的一些基础特性
这些示例展示了 Vue.js 的一些基础特性,包括数据绑定、事件处理、条件和列表渲染、组件系统以及生命周期钩子。Vue.js 的强大之处在于它提供了一个简洁而强大的系统来构建复杂的用户界面。
2024-07-24 08:41:40
345
原创 01 什么是VUE?
当状态改变时,Vue 会生成一个新的虚拟 DOM 树,并与旧的树进行比较,计算出最小的更新操作来应用到实际的 DOM 上。Vue.js 是一个用于构建用户界面的渐进式框架,它设计得非常灵活,可以轻松地被集成到项目中。Vue.js 适用于从小型项目到大型企业级应用程序的多种场景,它的灵活性和易用性是其受欢迎的重要原因之一。:Vue 被设计为能够通过简单的视图模型来构建复杂的用户界面,它的核心库只关注视图层。:Vue Router 是 Vue.js 的官方路由管理器,用于构建单页面应用程序。
2024-07-24 08:39:44
366
原创 08 一个使用CSS动画和过渡效果的案例
一个使用CSS动画和过渡效果的案例:一个动态加载的图片画廊。这个画廊将展示一系列图片,并使用CSS动画来实现图片的淡入效果和切换动画。
2024-07-23 09:42:39
456
原创 07 一个使用CSS Grid和Flexbox布局的案例
一个使用CSS Grid和Flexbox布局的案例:一个响应式的作品集网站。这个网站将展示多个项目,并使用现代CSS特性如变暗效果、阴影、过渡等来增强视觉效果。
2024-07-23 09:40:20
423
原创 06 CSS一个响应式的个人简历网页
一个响应式的个人简历网页。这个页面将展示个人信息、工作经验、教育背景和技能,同时也会使用现代的CSS技术来增强视觉效果。
2024-07-23 09:37:50
548
原创 05 CSS登录页面
这个案例演示了如何使用HTML、CSS和JavaScript创建一个具有基本交互的登录页面。通过这个案例,你可以了解如何实现表单验证、动画效果和响应式设计。
2024-07-23 09:35:28
445
原创 04 一个在线商店的产品展示页面
这个案例演示了如何使用HTML、CSS和JavaScript创建一个具有交互性的在线商店页面。通过这个案例,你可以了解如何实现响应式设计和基本的DOM操作。
2024-07-23 09:31:48
445
原创 03 使用CSS来美化一个个人博客页面
**重置样式**:首先,我们使用通用选择器重置了`body`, `h1`, `p`, `ul`, `li`的`margin`和`padding`,以确保跨浏览器的一致性。- **媒体查询**:为屏幕宽度小于768px的情况定义了不同的样式,比如`.card`类的宽度变为100%,以及修改了段落前缀的符号。- **盒模型**:定义了一个`card`类的尺寸、背景、边框、外边距和内边距,并添加了一个简单的盒阴影效果。- **伪元素**:使用`::before`伪元素在段落前添加了一个装饰性的符号。
2024-07-23 09:23:58
415
原创 01 css基础
12. **CSS3**:CSS的最新版本,引入了圆角(`border-radius`)、阴影(`box-shadow`)、渐变(`linear-gradient`)、转换(`transform`)和动画(`animation`)等新特性。10. **伪类(Pseudo-classes)**:用于根据特定状态选择元素,如`:hover`、`:active`、`:focus`等。4. **继承(Inheritance)**:某些CSS属性会从父元素继承到子元素,如`color`和`font-size`。
2024-07-23 09:12:41
185
TA创建的收藏夹 TA关注的收藏夹
TA关注的人