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

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

阅读全文

RequireJS 简单使用教程(下)

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

阅读全文

RequireJS 简单使用教程(上)

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

阅读全文

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

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

阅读全文

Vue 组件间的通信

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

阅读全文

前端路由的简单实现

因为 AJAX 的出现诞生了单页应用这种网页类型,单页应用简单的说就是前端通过 AJAX 加载和动态改变 DOM 内容来切换页面,网页本身并不会刷新和跳转。像 YouTube 、Google Play 、网易云音乐 等 都属于单页应用。虽然页面不会跳转但观察浏览器地址栏就会发现地址是会改变的,...

阅读全文

Sass 简单使用教程

Sass 是CSS的一种扩展语言,它允许您使用 变量、嵌套、函数、继承 等,并且完全兼容CSS语法。传统的CSS只是一种描述性的语言,只能通过一行行的描述来定义样式,而 Sass 能以类似于 JavaScript 的编程方式来定义样式。类似于 Sass 的 CSS 预处理器还有 Less,不过...

阅读全文

Chrome 开发者工具简单使用指南

Google Chrome基本上是每个前端开发都会用到的浏览器,一方面是适配简单,另一方面就是Chrome的开发者工具,虽然其他浏览器也有开发者工具,但是功能最丰富的还是Chrome的开发者工具。这里就简单写一下Chrome开发者工具的使用方法和技巧。Chrome的开发者工具可以按 F12 或...

阅读全文

JavaScript 获取数据类型的几种方式

在JavaScript中有很多种获取数据类型的方式,不同方式最终实现的效果也会不一样,这里就来简单写一下我知道的几种方式,正好复习一下很早以前学的内容。typeoftypeof 应该是用的比较多的方式,我刚学JavaScript的时候用的也是 typeof ,用法如下:var a = 1; ...

阅读全文