Sass 简单使用教程 2019年05月12日 Mr. Ma 3490 Sass 是CSS的一种扩展语言,它允许您使用 变量、嵌套、函数、继承 等,并且完全兼容CSS语法。传统的CSS只是一种描述性的语言,只能通过一行行的描述来定义样式,而 Sass 能以类似于 JavaScript 的编程方式来定义样式。类似于 Sass ... 阅读全文 0 评论
Chrome 开发者工具简单使用指南 2019年05月08日 Mr. Ma 4146 Google Chrome基本上是每个前端开发都会用到的浏览器,一方面是适配简单,另一方面就是Chrome的开发者工具,虽然其他浏览器也有开发者工具,但是功能最丰富的还是Chrome的开发者工具。这里就简单写一下Chrome开发者工具的使用方法和技巧。C... 阅读全文 0 评论
JavaScript 获取数据类型的几种方式 2019年04月28日 Mr. Ma 2730 在JavaScript中有很多种获取数据类型的方式,不同方式最终实现的效果也会不一样,这里就来简单写一下我知道的几种方式,正好复习一下很早以前学的内容。typeoftypeof 应该是用的比较多的方式,我刚学JavaScript的时候用的也是 typeo... 阅读全文 0 评论
使用 CSS3 + JavaScript 简单实现元素的淡入淡出 2019年04月26日 Mr. Ma 5366 在jQuery中想实现淡入淡出的功能很简单,只需要通过 fadeIn() 和 fadeOut() 这两个方法就能实现淡入淡出,如果是原生JS就会稍微麻烦一些,只能通过定时器来控制CSS的透明度来实现淡入淡出。但是通过JS来控制CSS的透明度有一个很大的问... 阅读全文 0 评论
sessionStorage 的简单使用 2019年03月16日 Mr. Ma 3000 sessionStorage 有点类似于 localStorage,都是用来存储数据的,但是不同的地方就是 localStorage 存储的数据不会过期,而 sessionStorage 存储的数据在关闭浏览器后会被销毁,类似于后端的 session。s... 阅读全文 0 评论
JavaScript 拖拽文件上传和本地图片预览 2019年03月09日 Mr. Ma 4181 在图形界面的操作系统中,拖拽操作应该是一个比较常见的功能。比如 对于不太懂电脑的小白来说最简单的删除文件的方式就是把文件拖到桌面上的回收站图标,打开文件也是直接拖到相应的软件中。拖拽操作可以说是最便于小白理解的一种操作方式。拖拽文件上传目前大多数的网络相... 阅读全文 0 评论
highlight.js 一个在网页上实现代码高亮的JS库 2019年03月05日 Mr. Ma 4051 highlight.js 是一个能在前端页面实现代码高亮显示的 JS 库,目前支持 197 种语言的代码高亮,同时也支持 246 种高亮配色样式,主流的 IDE 和编辑器效果都能实现。highlight.js 也是目前使用最多的代码高亮 JS 库,我博客... 阅读全文 0 评论
JavaScript 操作 Cookie 2019年03月04日 Mr. Ma 2917 HTTP Cookie(也叫Web Cookie或浏览器Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态... 阅读全文 0 评论
关于网站的无障碍(Accessibility) 2018年12月24日 Mr. Ma 7000 在 HTML5 出现之前,网站的可访问性可以说是比较差的。这里说的可访问性主要包括移动端的兼容和对残障人士的适配,因为标题写的是 无障碍,所以我这里主要要写的也是对残障人士的适配。这里的残障人士主要是使用辅助功能,例如 屏幕阅读器 的视力障碍人群,对于听... 阅读全文 3 评论
JavaScript 使用正则表达式 2018年11月26日 Mr. Ma 2123 正则表达式(英语:Regular Expression,在代码中常简写为 regex、regexp 或 RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。而在网站开发中,正则表达式可以说也是经常会用到,例如用户注册时,为了确保用户输... 阅读全文 0 评论