HTML5
文章平均质量分 88
星空下的嗳
爱生活,爱前端
展开
-
转义unicode编码
有的时候服务端数据库是GBK格式,我们存过去的汉字,有些会被转义,比如 龚 ==》䶮有些场景我们需要显示正确转义后的文本,可以进行如下处理:/** * 解析段落的unicode字符,如 䶮 */function decodeUnicode(str) { //替换 & 为 & let ret = s...原创 2020-03-17 14:21:35 · 1381 阅读 · 0 评论 -
网页聚焦时被键盘推上去下不来了
问题描述:页面输入框聚焦时,网页被键盘推上去了,但是失去焦点时页面停在原地没有下来,在微信浏览器及搜狗浏览器都有这个问题,苹果自带的Safari浏览器没有这个问题问题如下图解决办法:在输入框失去焦点的时候,将scrollTop设为0即可document.body.scrollTop = 0;...原创 2019-04-12 13:55:08 · 959 阅读 · 0 评论 -
网页性能管理详解
你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢?本文将详细介绍性能问题的出现原因,以及解决方法。一、网页生成的过程要理解网页性能为什么不好,就要了解网页是怎么生成的。网...转载 2019-02-15 17:38:58 · 182 阅读 · 0 评论 -
vue的双向绑定原理及实现
前言使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位:代码: 效果图: 是不是看起来跟vue的...转载 2018-11-07 09:34:33 · 221 阅读 · 0 评论 -
vue + typescript 项目起手式
vue + typescript 新项目起手式我知道你们早就想用上 vue + ts 强类型了还有后续 vue + typescript 进阶篇安装vue-cli安装ts依赖配置 webpack添加 tsconfig.json添加 tslint.json让 ts 识别 .vue改造 .vue文件什么是typescriptTypeScript 是 JavaScript 的强类型版本。然后在编译期去掉...原创 2018-07-10 16:34:36 · 1863 阅读 · 1 评论 -
ionic之$ionicGesture手势(大坑)
鄙人来本公司前未用过ionic框架,但由于ionic是基于angularjs封装的,正好我用过angularjs,很荣幸的面试就过了,然后通过该网站http://www.ionic.wang(后面简称网站i)边学ionic边做项目。 ionic刚踩过的坑--$ionicGesture!现总结下$ionicGesture,希望对用到该框架的童鞋有所帮助! 网站i对$ionicGe转载 2017-08-31 09:47:51 · 900 阅读 · 0 评论 -
Meta http-equiv属性详解
Meta http-equiv属性详解转载 2016-11-17 10:57:52 · 325 阅读 · 0 评论 -
Frameset框架优缺点
Frameset框架优缺点转载 2016-11-17 10:53:16 · 5359 阅读 · 0 评论 -
HTML5小游戏之五子棋续篇
通过上一篇的代码,我们已经实现了五子棋这个游戏,并且可以开始人机大战了。不过js的代码部分还是新手写法,扩展性也不强,也不容易修改,假如我们把棋盘大小改一下要修改很多地方,要加入别的功能也会很困难,所以后续又改成了面向对象的写法,想必这样做的有点我不用再赘述了,直接上代码:function chess(){ var self=this; this.canvas=docume原创 2016-08-18 17:01:54 · 398 阅读 · 0 评论 -
HTML5小游戏之五子棋
用HTML5的canvas实现五子棋小游戏,体验人机大战的感觉原创 2016-08-17 14:42:08 · 2778 阅读 · 0 评论 -
炫酷的canvas续篇
通过第一篇,已经实现了用canvas来绘制一个计时器,接下来我们要让它动起来,给它增加动画效果。只要有计时器上有数字改变,就产生小球掉落效果,且颜色随机,方向为前后随机,集体代码如下首先我们要在全局定义一个小球数组变量和一个小球颜色常量数组var balls=[];const colors=["#33b5e5","#0099cc","#aa66cc","#9933cc","#99cc原创 2016-08-02 09:38:21 · 303 阅读 · 0 评论 -
炫酷的canvas
最近做的项目里面有涉及到canvas,虽然之前有学习过canvas,不过好久没使用,慢慢有些生疏了。下面就来说说canvas的一些基本功能,以及最后完成的一个炫酷小demo,虽然难度不大,不过比较有趣,既熟悉了canvas,又得到了很多乐趣,何乐而不为呢。首先我们需要在html里面写一对canvas标签,id为canvasid="canvas" style="display:block原创 2016-08-01 20:58:27 · 601 阅读 · 0 评论 -
Web Workers多线程处理
今天给大家简单介绍一下,如何利用HTML5的Web Workers进行多线程处理。原创 2016-08-15 17:21:54 · 540 阅读 · 0 评论