51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

JavaScript 使用 QRious 生成二维码

JavaScript 使用 QRious 生成二维码

厉飞雨 阅读(76) 评论(0) 赞(4)

在我的博客文章页下方有一个分享按钮,点击就会生成一个二维码,可以使用手机扫描查看和分享。生成二维码的过程还是比较复杂的,完全靠自己手写的话还是不太现实,最方便的就是使用其他人写的 JS 库。生成二维码的 JS 库还是比较多的,我的需求就是不需要依赖 jQuery 之类的库,可以直接下载文件调用,也可以使用 npm 安装。 QRious 是一个生成二维码的 JS 库,它基本符合...

关于自定义模态对话框的可访问性问题

关于自定义模态对话框的可访问性问题

厉飞雨 阅读(128) 评论(0) 赞(5)

在浏览器中包含三个可直接用 JS 调用的对话框,这三个对话框分别是 `alert` 、`prompt` 、`confirm` 。这三个对话框无论是对于键盘还是屏幕阅读器的可访问性都支持的比较好。但是因为这三个对话框在不同浏览器下的效果都不一样,所以很少有网站会用这三个对话框,大多数网站都会使用自定义对话框。 但是国内大多数网站的自定义对话框可以说是没有做过任何可访问性方面的适...

使用 social-share.js 给网站加入快速分享到社交网站的功能

使用 social-share.js 给网站加入快速分享到社交网站的功能

厉飞雨 阅读(103) 评论(0) 赞(5)

最近准备给博客增加一个一键分享到新浪微博的功能。看了一下新浪微博 API 的说明发现特别麻烦,还需要涉及到实名认证之类的,最终只能放弃。 在逛 Github 的时候发现一个能实现分享网站到 新浪微博、QQ空间、QQ好友、Facebook ...... 的 JS 库。有了这个 JS 库我就没必要再去每个平台注册 API。 Github 地址:<https://githu...

前端路由的简单实现

前端路由的简单实现

厉飞雨 阅读(98) 评论(0) 赞(5)

因为 AJAX 的出现诞生了单页应用这种网页类型,单页应用简单的说就是前端通过 AJAX 加载和动态改变 DOM 内容来切换页面,网页本身并不会刷新和跳转。像 [YouTube](https://www.youtube.com/) 、[Google Play](https://play.google.com) 、[网易云音乐](https://music.163.com/) 等...

使用 CSS3 + JavaScript 简单实现元素的淡入淡出

使用 CSS3 + JavaScript 简单实现元素的淡入淡出

厉飞雨 阅读(80) 评论(0) 赞(5)

在jQuery中想实现淡入淡出的功能很简单,只需要通过 `fadeIn()` 和 `fadeOut()` 这两个方法就能实现淡入淡出,如果是原生JS就会稍微麻烦一些,只能通过定时器来控制CSS的透明度来实现淡入淡出。但是通过JS来控制CSS的透明度有一个很大的问题,过渡不够流畅,尤其对于配置低的电脑和手机比较明显。 在CSS3中有一个 `transition` 属性 可以直接...

highlight.js 一个在网页上实现代码高亮的JS库

highlight.js 一个在网页上实现代码高亮的JS库

厉飞雨 阅读(158) 评论(0) 赞(7)

highlight.js 是一个能在前端页面实现代码高亮显示的 JS 库,目前支持 197 种语言的代码高亮,同时也支持 246 种高亮配色样式,主流的 IDE 和编辑器效果都能实现。 highlight.js 也是目前使用最多的代码高亮 JS 库,我博客的代码高亮使用的也是 highlight.js,这里就简单写一下 highlight.js 的使用。 highlight...

NuxtJS使用vue-i18n实现国际化多语言切换,快速上手

NuxtJS使用vue-i18n实现国际化多语言切换,快速上手

厉飞雨 阅读(143) 评论(0) 赞(8)

写在文章开头:现在csdn真的是越来越垃圾了,我就没见过这么垃圾的网站,教程就TM写一半,最关键的东西不写,东西说得含含糊糊的,还尼玛好意思收费。呀屎拉你! 这篇文章是我在Nuxt学习过程中的整理,最近用这玩意做完了一个联系项目,也算是积累了不少的东西,其中多语言切换因为csdn教程带偏的缘故花费了额外的时间,虽然不复杂,其实也没有记录的必要,但是我就是想全部发出来,让那些...

uniapp从基本配置到打包发布,详细流程

uniapp从基本配置到打包发布,详细流程

厉飞雨 阅读(184) 评论(0) 赞(9)

虽然说感觉这个根本不是啥复杂的东西,但是官方居然愣是没有一个成套的教程,之前开发的APP源码有一堆人处于懵逼的状态,这对于没有vue基础而且初次接触的人而言,基本就是劝退了。所以,我想了半天还是补个详细的图文流程吧,方便每个初学者查看,不必被百度的一堆误导信息干扰。 教程开始 ---- ![](/usr/themes/spimes/owo/img/quyin/E89B86E...

蚂蚁分类信息系统5.9,Nginx伪静态

蚂蚁分类信息系统5.9,Nginx伪静态

厉飞雨 阅读(108) 评论(0) 赞(4)

最近帮朋友研究下分类信息网的搭建,百度了半天发现就这套系统比较合适,所以先找了网上的一个版本在本地研究。首先遇到的第一个问题就是伪静态,因为全网查出来的都是Apache的伪静态,甚至还有人说,这套系统不能用Nginx。说实话,这不是扯淡吗,哪有apache能用nginx不能用的。 > mymps(蚂蚁分类信息/地方门户系统)是一款基于php mysql的建站系统。为在各种...