分类 前端开发 下的文章

这里是一些与Web前端相关的教程和笔记。

Vue 组件间的通信

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

前端路由的简单实现

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

Sass 简单使用教程

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

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

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

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

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

sessionStorage 的简单使用

sessionStorage 有点类似于 localStorage,都是用来存储数据的,但是不同的地方就是 localStorage 存储的数据不会过期,而 sessionStorage 存储的数据在关闭浏览器后会被销毁,类似于后端的 session。s...

JavaScript 拖拽文件上传和本地图片预览

在图形界面的操作系统中,拖拽操作应该是一个比较常见的功能。比如 对于不太懂电脑的小白来说最简单的删除文件的方式就是把文件拖到桌面上的回收站图标,打开文件也是直接拖到相应的软件中。拖拽操作可以说是最便于小白理解的一种操作方式。拖拽文件上传目前大多数的网络相...

JavaScript 操作 Cookie

HTTP Cookie(也叫Web Cookie或浏览器Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态...