爱学习网-编程基础技术教程网站

关注爱学习公众号
扫码手机阅读更方便

推荐阅读

Bootstrap4 教程
Bootstrap4 教程 Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出
Bootstrap4 颜色
Bootstrap4 颜色 Bootstrap 4 提供了一些有代表意义的颜色类：.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark and .text-light: 实例 [mycode3
Bootstrap4 模态框
Bootstrap4 模态框模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。如何创建模态框以下实例创建了一个简单的模态框效果：实例 [mycode3 type='html'] 打开模态框
Bootstrap4 按钮
Bootstrap4 按钮 Bootstrap 4 提供了不同样式的按钮。实例 [mycode3 type='html'] 基本按钮主要按钮次要按钮成功信息警告危险黑色浅色链接 [/mycode3] 尝试一下 &raquo; 按钮类可用于 &lt;a&gt;, &lt;button&gt;, 或 &amp
Bootstrap4 图像形状
Bootstrap4 图像形状圆角图片 .rounded 类可以让图片显示圆角效果：实例 [mycode3 type='html'] [/mycode3] 尝试一下 &raquo; 椭圆图片 .rounded-circle 类可以设置椭圆形图片: 实例 [mycode3 type='html'] [/mycode3]
Vue3 样式绑定
Vue3 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时，表达式除了可以使用字符串之外，还可以是对象或数组。 v-bind:class 可以简写为 :class。 class 属性绑定我们可以为 v-bind:class 设置一个对象，
Bootstrap4 弹出框
Bootstrap4 弹出框弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。如何创建弹出框通过向元素添加 data-toggle='popover' 来来创建弹出框。 title 属性的内容为弹出框的标题，data-content 属性显示了弹出框的文本内容： [mycode3 type='html'
Bootstrap4 表格
Bootstrap4 表格 Bootstrap4 基础表格 Bootstrap4 通过 .table 类来设置基础表格的样式，实例如下: 实例 [mycode3 type='html'] Firstname Lastname Email
Bootstrap4 提示框
Bootstrap4 提示框提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。如何创建提示框通过向元素添加 data-toggle='tooltip' 来来创建提示框。 title 属性的内容为提示框显示的内容： [mycode3 type='html'] 鼠标移动到我这 [/mycode3] 注意: 提示框要写
CSS3 背景
CSS3 背景 CSS3 背景 CSS3 中包含几个新的背景属性，提供更大背景元素控制。在本章您将了解以下背景属性： background-image background-size background-origin background-clip 您还将学习如何使用多重背景图像。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -m

Vue3 Ajax(axios)
Vue3 Ajax(axios) Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。 Github开源地址： https://github.com/axios/axios 安装方法使用 cdn: 或使用 npm: $ npm install axios 使用 bo
Vue3 混入
Vue3 混入混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。来看一个简单的实例：实例 [mycode3 type='js'] // 定义混入对象 const myMixin = { created() { this.hello() },
Vue3 路由
Vue3 路由本章节我们将为大家介绍 Vue 路由。 Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页 Web 应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库中文文档地址：vue-router 文档。安装 1、直接下载 / CDN https://unpkg.co
Vue3 自定义指令
Vue3 自定义指令除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点：实例 [mycode3 type='html'] 页面载入时，input 元素自动获取焦点： const app = Vue.createA
Vue3 表单
Vue3 表单这节我们为大家介绍 Vue 表单上的应用。我们可以用 v-model 指令在表单 &lt;input&gt;、&lt;textarea&gt; 及 &lt;select&gt; 等元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 v-model 会忽略所有表单元素的 value、checked
Vue3 事件处理
Vue3 事件处理我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。 v-on 指令可以缩写为 @ 符号。语法格式： v-on:click='methodName' 或 @click='methodName' v-on [mycode3 type='html'] 增加 1 这个
Vue3 样式绑定
Vue3 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时，表达式除了可以使用字符串之外，还可以是对象或数组。 v-bind:class 可以简写为 :class。 class 属性绑定我们可以为 v-bind:class 设置一个对象，
Vue3 监听属性
Vue3 监听属性本章节，我们将为大家介绍 Vue3 监听属性 watch，我们可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器：实例 [mycode3 type='html'] 计数器: {{ counter }} 点我 const app = { data() { return {
Vue3 计算属性
Vue3 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子：实例 1 [mycode3 type='html'] {{ message.split('').reverse().join('') }} [/mycode3] 尝试一下 » 实例 1
Vue3 组件
Vue3 组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：每个 Vue 应用都是通过用 createApp 函数创建的，传递给 createApp 的选项用于配置根组件。当我们挂载应用时，该组件被用作渲染的起点。一个

12 下一页尾页