JavaScript 拖拽文件上传和本地图片预览 2019年03月09日 Mr. Ma 4124 在图形界面的操作系统中,拖拽操作应该是一个比较常见的功能。比如 对于不太懂电脑的小白来说最简单的删除文件的方式就是把文件拖到桌面上的回收站图标,打开文件也是直接拖到相应的软件中。拖拽操作可以说是最便于小白理解的一种操作方式。拖拽文件上传目前大多数的网络相... 阅读全文 0 评论
highlight.js 一个在网页上实现代码高亮的JS库 2019年03月05日 Mr. Ma 4003 highlight.js 是一个能在前端页面实现代码高亮显示的 JS 库,目前支持 197 种语言的代码高亮,同时也支持 246 种高亮配色样式,主流的 IDE 和编辑器效果都能实现。highlight.js 也是目前使用最多的代码高亮 JS 库,我博客... 阅读全文 0 评论
JavaScript 操作 Cookie 2019年03月04日 Mr. Ma 2885 HTTP Cookie(也叫Web Cookie或浏览器Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态... 阅读全文 0 评论
JavaScript 使用正则表达式 2018年11月26日 Mr. Ma 2088 正则表达式(英语:Regular Expression,在代码中常简写为 regex、regexp 或 RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。而在网站开发中,正则表达式可以说也是经常会用到,例如用户注册时,为了确保用户输... 阅读全文 0 评论
HTML5 Notification 桌面通知 2018年07月28日 Mr. Ma 2866 通知是很多网站中比较重要的一个功能。无论是邮箱还是在线 Web 聊天程序,又或是论坛 留言板等都会用到通知功能。网页和 APP 不同,APP 可以直接在通知栏或任务栏显示通知,而网页是运行在浏览器中的,只能在页面上显示通知。网页常见的通知方式有 弹窗、变... 阅读全文 0 评论
使用AJAX + FormData 无刷新上传文件 2018年07月25日 Mr. Ma 2971 FormData 是 HTML5 中新增的一个 API,FormData 可以把数据封装成类似 HTML 表单的包含 key 和 value 的数据,主要用于 AJAX 提交。有了 FormData 在使用 AJAX 提交数据的时候就没必要使用类似拼接 ... 阅读全文 0 评论
jQuery AJAX 简单使用教程 2018年04月24日 Mr. Ma 2179 在上一篇文章 AJAX简单使用教程 中,我写了原生 AJAX 的使用,但是编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过,jQuery 团队为我们解决了这个难题,我们只... 阅读全文 0 评论
AJAX 简单使用教程 2018年04月17日 Mr. Ma 2528 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页要更新内容只能重新加载整个页面。因为无需刷新页面就能和后端进行数... 阅读全文 0 评论
JavaScript 实现鼠标拖拽元素 2018年03月18日 Mr. Ma 1983 鼠标拖拽是计算机软件中常见的一种操作方式,无论是拖拽文件到回收站又或是拖拽窗口,都给我们的使用带来了很多便捷和乐趣。虽然在网站中拖拽功能并不常见,但在一些地方加入拖拽功能也能带来意想不到的好处。这里就用 JavaScript 实现元素拖拽。代码HTML和... 阅读全文 0 评论