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 以下的浏览器运...

RequireJS 简单使用教程(下)

上一篇教程:RequireJS 简单使用教程(上) 主要写了 RequireJS 的 下载 & 引入、加载文件和模块、定义模块,考虑到内容可能会比较多,所以准备分开写。配置baseUrl这个 baseUrl 就是 RequireJS 加载的根目录,默认和...

RequireJS 简单使用教程(上)

RequireJS 是一个 JavaScript 的文件和模块加载器,RequireJS 针对浏览器做了特别优化,但也可以在其它环境运行,例如:Rhino 和 Node。现在的网页基本上都是使用模块化开发,ES 6 原生支持模块化,加载模块也比较方便,但...

HTML 一键打开 QQ 并建立零时会话

在浏览一些网站的时候你可能会发现有的网站有一个 QQ客服 的链接,只需要点击链接浏览器就能打开 QQ 并建立一个和客服聊天的零时会话,这种方式比起手动添加 客服QQ 来说要方便的多。正好我的博客也需要这个功能,这里简单记录一下使用方法。注册访问: htt...

Vue 组件间的通信

组件(Component)是 Vue 中很重要的一个功能,一个 Vue 页面会有多个组件组成,组件之间也会经常需要互相传递数据和调用功能。这里简单写一下 Vue 组件之间的通信。因为本人正在学习 Vue 所以可能写的不够全面,这里使用的是单文件组件。父组...