-
webapp字号大小跟随系统字号大小缩放的示例代码
最近做了一个webapp项目,混合式开发,外部原生,内部webview嵌套H5页面。前端方面采用了vue开发,适配采用的是flexible+rem做的适配。本来一切都很好,可是吧,领导说客户有的年纪大...
-
localStorage 设置过期时间的方法实现
localStorage除非人为手动清除,否则会一直存放在浏览器中,但是很多情况下我们可能需要localStorage有一个过期时间,比如我们将用户身份认证 token 保存在客户端,1周之内有效,超过一...
-
canvas实现俄罗斯方块的方法示例
好久没使用canvas了,于是通过写小游戏俄罗斯方块再次熟悉下canvas,如果有一定的canvas基础,要实现还是不难的。 原理详解 看游戏最终界面,可知需要实现以下关键功能: 游戏面板,...
-
HTML5 Geolocation API的正确使用方法
Geolocation是HTML5标准下的一个Web API,利用它可以获取设备的当前位置信息(坐标),此API具有三个方法:getCurrentPosition、watchPosition和clearWatch,其中最常用的是getCurrentPosition方法,剩下两...
-
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘
Html5新增的canvas是个强大的功能, 估计大家平时都会用到,只是频率不高,偶尔用它合成图片,但是如果不进行封装的话,代码会很乱,所以对canvas常用的画图、绘制文字、保存功能进...
-
websocket+sockjs+stompjs详解及实例代码
最近有项目需求要用到websocket,刚开始以为很简单,但是随着遇到问题,深入了解,才知道websocket并不是想象中的那么简单,这篇文章主要是考虑websocket在客户端的使用。 1.http与websock...
-
详解使用canvas保存网页为pdf文件支持跨域
前言 之前上一篇随笔说了Canvas截图网页为图片,下来个新需求,把网页截图后保存为PDF文件供用户下载。 使用canvas保存网页为pdf文件支持跨域 正文 需求:用户点击下载,将页面保存为...
-
canvas像素画板的实现代码
最近项目上要实现一个类似像素风格的画板,可以像素小格子可以擦除,框选变色,可以擦出各种图形,这样一个小项目看似简单,包含的东西还真不少。 绘制像素格子 我们先定义像...
-
使用HTML5 IndexDB存储图像和文件的示例
有一天,我们写了关于如何在localStorage中保存图像和文件的文章,它是关于我们今天可用的实用主义。 然而,localStorage有一些性能影响 - 我们将在稍后的博客中讨论这个问题 - 并且未来...
-
H5 canvas中width、height和style的宽高区别详解
前言 最近在学习canvas属性中遇到一个小问题,就是canvas的width和height,通过查找相关的资料终于解决,所以狼蚁网站SEO优化将解决的过程分享出来给大家,狼蚁网站SEO优化话不多说了,来...
-
详解rem 适配布局
当今手机种类繁多 且不说iphone系列,安卓手机的种类已经数不胜数了,所以不可能每一款手机都要写一套布局样式,这也是不可能做到的,但是对于越来越精益求精的前端来说 ,当然...
-
HTML高亮关键字的实现代码
本以为一个 innerHTML replace 就能实现的简单操作,却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法, 希望能对有同样遭遇的小伙伴有所帮助。只对结果感兴趣的,忽略...
-
教你如何一步一步用Canvas写一个贪吃蛇
之前在慕课网看了几集Canvas的视频,一直想着写点东西练练手。感觉贪吃蛇算是比较简单的了,当年大学的时候还写过C语言字符版的,没想到还是遇到了很多问题。 最终效果如下(图...
-
html5/css3响应式页面开发总结
一,自适应和响应式的区别 自适应是一套模板适应所有终端,但每种设备上看到的版式是一样的,俗称宽度自适应。 响应式一套模板适应所有终端,但每种设备看到的版式可以是不一...
-
传统HTML页面实现模块化加载的方法
对于网站来说很多页面之间都有着大量的共享模块,如页头,页脚和用户栏等。对于具备后端视图引擎的框架来说这些共享都比较容易抽取,如asp.net mvc来说就有统一布局的MasterPage,@S...
-
HTML5 和小程序实现拍照图片旋转、压缩和上传功
原文地址: 最近接到一个发表评论的需求:用户输入评论并且可以拍照或从相册选择图片上传,即支持图文评论。需要同时在 H5 和小程序两端实现,该需求处理图片的地方较多,本文...