Canvas 实现照片涂鸦 2022年09月27日 Mr. Ma 1785 canvas 是 HTML5 中的一个元素,它能用来绘制各种图形、文字,目前前端的很多图表库也会用到 canvas 来绘制。canvas 除了绘制图形外,也能用来处理照片,我用过的一个图片压缩库也是用 canvas 实现的。我之前写过 使用 canvas... 阅读全文 0 评论
AJAX 跨域问题 2019年08月26日 Mr. Ma 2080 关于 AJAX 的介绍和使用我之前写过,这里就不写了。如果要了解 AJAX 可以访问下面两篇文章:AJAX 简单使用教程jQuery AJAX 简单使用教程因为浏览器同源策略的限制,一个网站的 AJAX 是不能请求另一个网站的内容的。这里说的另一个网站就... 阅读全文 0 评论
使用原生 JavaScript 实现简单轮播图 2019年08月17日 Mr. Ma 2059 轮播图是网站中常见的一种展示方式,一般常用于:电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。注意!因为使用了 CSS3 ,所以不能在 IE10 以下的浏览器运... 阅读全文 0 评论
IcoMoon 一个可定制的字体图标库 2019年07月06日 Mr. Ma 3332 最近正在开发一个 Typecho 的主题,其中就用到了 Bootstrap4 。Bootstrap4 相比 Bootstrap3 有一个比较大的变化就是不再包含字体图标,官方推荐的是:Font Awesome 。Font Awesome 也是比较著名的字... 阅读全文 0 评论
HTML 一键打开 QQ 并建立零时会话 2019年06月30日 Mr. Ma 3732 在浏览一些网站的时候你可能会发现有的网站有一个 QQ客服 的链接,只需要点击链接浏览器就能打开 QQ 并建立一个和客服聊天的零时会话,这种方式比起手动添加 客服QQ 来说要方便的多。正好我的博客也需要这个功能,这里简单记录一下使用方法。注册访问: htt... 阅读全文 0 评论
前端路由的简单实现 2019年06月09日 Mr. Ma 2247 因为 AJAX 的出现诞生了单页应用这种网页类型,单页应用简单的说就是前端通过 AJAX 加载和动态改变 DOM 内容来切换页面,网页本身并不会刷新和跳转。像 YouTube 、Google Play 、网易云音乐 等 都属于单页应用。虽然页面不会跳转但... 阅读全文 0 评论
sessionStorage 的简单使用 2019年03月16日 Mr. Ma 2981 sessionStorage 有点类似于 localStorage,都是用来存储数据的,但是不同的地方就是 localStorage 存储的数据不会过期,而 sessionStorage 存储的数据在关闭浏览器后会被销毁,类似于后端的 session。s... 阅读全文 0 评论
JavaScript 拖拽文件上传和本地图片预览 2019年03月09日 Mr. Ma 4160 在图形界面的操作系统中,拖拽操作应该是一个比较常见的功能。比如 对于不太懂电脑的小白来说最简单的删除文件的方式就是把文件拖到桌面上的回收站图标,打开文件也是直接拖到相应的软件中。拖拽操作可以说是最便于小白理解的一种操作方式。拖拽文件上传目前大多数的网络相... 阅读全文 0 评论
关于网站的无障碍(Accessibility) 2018年12月24日 Mr. Ma 6960 在 HTML5 出现之前,网站的可访问性可以说是比较差的。这里说的可访问性主要包括移动端的兼容和对残障人士的适配,因为标题写的是 无障碍,所以我这里主要要写的也是对残障人士的适配。这里的残障人士主要是使用辅助功能,例如 屏幕阅读器 的视力障碍人群,对于听... 阅读全文 3 评论
HTML5 Notification 桌面通知 2018年07月28日 Mr. Ma 2877 通知是很多网站中比较重要的一个功能。无论是邮箱还是在线 Web 聊天程序,又或是论坛 留言板等都会用到通知功能。网页和 APP 不同,APP 可以直接在通知栏或任务栏显示通知,而网页是运行在浏览器中的,只能在页面上显示通知。网页常见的通知方式有 弹窗、变... 阅读全文 0 评论