Vue 绑定 class 和 style

在 原生 JS 中可以通过 classList.add() 和 classList.remove() 这两个方法来动态的增加和删除元素的 class,也可以通过 style 属性来动态的改变元素的样式。在 Vue 中不太推荐直接操作 DOM 元素,但可以...

Vue Router 的简单使用

Vue Router 是 Vue 官方提供的路由管理插件。使用 Vue Router 您可以很方便的配置组件和路由的对应关系,可以实现不同的路由显示不同的组件,还能配合 Vue 的过渡动画使用。如果您还不了解路由的话,可以先看一下 前端路由的简单实现 这...

Electron 初体验

Electron 是一个用于开发桌面应用程序的开源框架。Electron 允许您使用 HTML + CSS + JavaScript 来开发桌面应用程序。因为 Electron 的 UI 界面使用的是网页,所以可以很方便的在 Windows、Mac O...

Vue 生命周期和钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。Vue 生命周...

Vue CLI 的简单使用

Vue CLI 是一个用于快速构建 Vue 项目的脚手架工具。Vue CLI 可以自动帮您配置 Webpack、Babel、ESLint 等。如果您不太了解 Webpack 配置的话,使用 Vue CLI 是一个不错的选择。安装 Vue CLIVue C...

AJAX 跨域问题

关于 AJAX 的介绍和使用我之前写过,这里就不写了。如果要了解 AJAX 可以访问下面两篇文章:AJAX 简单使用教程jQuery AJAX 简单使用教程因为浏览器同源策略的限制,一个网站的 AJAX 是不能请求另一个网站的内容的。这里说的另一个网站就...

使用原生 JavaScript 实现简单轮播图

轮播图是网站中常见的一种展示方式,一般常用于:电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。注意!因为使用了 CSS3 ,所以不能在 IE10 以下的浏览器运...