使用HTML5的WebSocket实现服务端和客户端数据通信

使用HTML5的WebSocket实现服务端和客户端数据通信

2018年03月24日作者:月光光标签:JavaScript  HTML5  Node.js 

WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接,双向实时通信。阅读全文

移动端web开发实践踩坑记

移动端web开发实践踩坑记

2018年03月12日作者:Junga标签:HTML5  移动端 

最近在一个移动端的 Web 项目中踩了不少坑,移动端web开发真的坑不少,感觉有必要把它们记录下来,分享给正在钻研移动端Web开发的同学们。阅读全文

Tippy.js鼠标悬停提示工具

Tippy.js鼠标悬停提示工具

2018年03月07日作者:月光光标签:JavaScript  CSS3 

Tippy.js是一款轻量的tooltip插件,使用简单,扩展性好。该tooltip插件功能强大,提供多种动画效果和主题效果,并允许用户自定义tooltip主题和使用html代码作为tooltip的模板。阅读全文

极致Web性能:SPA性能指南

极致Web性能:SPA性能指南

2018年02月24日作者:Jogis标签:JavaScript  HTML5  WEB 

前端框架时代,为开发体验、效率与页面性能带来,非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.),配合一系列加载器快速搭建起一个 SPA 页面。阅读全文

兼容移动手机的js拖拽库Draggin.js

兼容移动手机的js拖拽库Draggin.js

2018年02月20日作者:月光光标签:JavaScript  HTML5  CSS3 

Draggin.js是一款兼容移动手机的js拖拽库。该js拖拽库的特点是跨平台,体积小,运行速度快。它是一个完全跨平台的Javascript库,用于轻松快速地创建交互式用户界面。阅读全文

JWT实战:使用axios+PHP实现登录认证

JWT实战:使用axios+PHP实现登录认证

2018年02月10日作者:月光光标签:HTML5  PHP  Ajax  JSON 

上一篇文中,我们学习了什么是JWT(Json Web Token),今天我们来结合实例给大家讲述JWT的实战应用,就是如何使用前端Axios与后端PHP实现用户登录鉴权认证的过程。阅读全文

超酷的CSS3垂直时间轴特效

超酷的CSS3垂直时间轴特效

2018年02月05日标签:CSS3 

这是一款超酷的CSS3垂直时间轴特效。该CSS3垂直时间轴特效通过伪元素来制作超酷的半圆形,所有半圆形连接为一条曲线路径,从而组成了时间轴的线路。阅读全文

一款所见即所得的Markdown编辑器-tui.editor

一款所见即所得的Markdown编辑器-tui.editor

2018年01月29日作者:月光光标签:JavaScript  jQuery 

tui.editor(TOAST UI Editor)是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大,你可以编辑表格,UML图和图表等。阅读全文

又一款代码高亮插件:Highlight.js

又一款代码高亮插件:Highlight.js

2018年01月17日作者:月光光标签:JavaScript  Node.js 

Highlight.js是一个可以给pre标签中的代码高亮的插件,highlight不依赖于第三方js库,支持上百种语言高亮和几十种样式风格,它可以自动检测语言,完美兼容各种框架。阅读全文

漂亮的代码语法高亮库:Prism.js

漂亮的代码语法高亮库:Prism.js

2018年01月12日作者:月光光标签:JavaScript  CSS3 

prismjs 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过上百种编程语言,还支持多种插件,是简洁、高效的代码高亮解决方案。阅读全文