摘要:
最近项目需求中要写较多H5小游戏,游戏本身体量不是很复杂,主要是承载较多业务逻辑,所以决定用canvas来完成游戏部分。之前只是知道H5中有canvas这个东西,也知道它大概是画图的,但具体怎么用,还是一无所知的。在MDN在看了一些相关资料,一口气也看了HTML 5 Canvas 核心技术和HTML 阅读全文
摘要:
前端同学要使用 HTML5 播放器视频,必然会使用 video 标签,不过大多数同学只是使用了较简单的功能,其实它本身拥有不凡之力有待我们发现。 首先,我们先来看下 video 最基础的用法: 使用 src 属性 <video src="http://v2v.cc/~j/theora_testsui 阅读全文
摘要:
传统PC网页上传文件,大家都已经熟悉,这里不做介绍。 本文简单介绍移动端常用上传图片功能。灵活使用轮询或长连接可实现PC与移动端数据同步,即PC端需要上传的图片是移动拍照下来或移动端硬盘储存的,不需要再传到PC上然后上传。比如拍照上传业务。。。 移动端H5上传图片的方式,要点如下: 要点 解析 in 阅读全文
摘要:
以前我们总说,JS是单线程没有多线程,当JS在页面中运行长耗时同步任务的时候就会导致页面假死影响用户体验,从而需要设置把任务放在任务队列中;执行任务队列中的任务也并非多线程进行的,然而现在HTML5提供了我们前端开发这样的能力 - Web Workers API,我们一起来看一看 Web Worke 阅读全文
摘要:
第一种,使用vue插件 下载插件:https://chrome.google.com/web... 这样直接run一个vue项目,你就会看见插件标亮了 打开调试模式,你就会看见最后有个vue标记,打开能看见当前vue页面渲染相关数据 第二种,使用webstrom调试 下载插件 https://chr 阅读全文
摘要:
需求描述 接到的原始需求是这样的,有一个H5页面,页面中有个“点击下载”的按钮,点击之后,完成下载特定的apk。大概是下面这样的👇: 需求分析 接到需求的时候我偷乐了一下,这个H5页面最大的优点是不在微信中使用(微信好坑,各种限制,基本上从微信浏览器里面实现直接下载apk是不太可能的),如果是在平 阅读全文
摘要:
最近在做移动real-time-search于实时搜索和关键词高亮显示的功能,通过博客的方式总结一下,同时希望能够帮助到别人~~~ 如果不喜欢看文字的朋友我写了一个demo方便已经上传到了github上,可以clone下来直接看代码 https://github.com/IT0315/rea...下 阅读全文
摘要:
一、HTML 音频/视频 方法 play() play() 方法开始播放当前的音频或视频。 var myVideo=document.getElementById("video1"); function playVid() { myVideo.play(); } function pauseVid( 阅读全文
摘要:
前端css布局知识繁杂,实现方式多种多样。想写出高效、合理的布局,必须以深厚的css基础为前提。为了方便记忆和复习,将css布局要点记录如下。内容较多,应用方面说的不太详细,但都是很实用的点。 所谓布局,就是指将元素设置为我们想要的大小,放置于我们想要的位置,位置、尺寸是核心两要素。这些元素其实就是 阅读全文
摘要:
引言:学习前端已经接近1个月了,先后经历了1周的 html+css, 2周的“JavaScript 从入门到下跪”,期间还看了vue+webpack。然鹅,Mentor BrightSea 说,想要学好 JavaScript, 并加深对原生语法的认知,不建议前端初学者直接上手像 react 和 vu 阅读全文
摘要:
本文节选自 Awesome CheatSheet/DOM CheatSheet,主要是对 DOM 操作中常见的 Blob、File API 相关概念进行简要描述。 Web 开发中 Blob 与 FileAPI 使用简述 Blob 是 JavaScript 中的对象,表示不可变的类文件对象,里面可以存 阅读全文
摘要:
前言 目前,物资采购和人力成本是隧道业发展的两大瓶颈。比如依靠民间借贷,融资成本很高;采购价格不透明,没有增值税发票;还有项目管控和供应链管理的问题。成本在不断上升,利润在不断下降,隧道产业的“互联网+”迫在眉睫。隧道业的机械化程度高,机械制造和采购成本非常大,此外,隧道业的发展还面临建筑市场的严峻 阅读全文
摘要:
问题提出 这是一个比较老的问题了,我第一次注意到的时候,是UI设计师来找我麻烦,emmm那时候我才初入前端职场,啥也不懂啊啊啊啊啊,情形是这样的:设计师拿着手机过来:这些边框都粗了啊,我的设计稿上是1px的我:????我写的是1px呀,不信你看。(说着拿出了css代码设计师:不对啊我眼睛看来这个边框 阅读全文
摘要:
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/xJrOqd 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https 阅读全文
摘要:
使用高德定位API : AMap.Map('iCenter') AMap.CitySearch() 先在高德开放平台注册申请定位权限的key。 网站;高德开放平台 在需要定位的页面引入有定位key的script <!doctype html> <html> <head> <meta charset= 阅读全文
摘要:
本文的三位作者正阳、海洋、阿力,是来自不同公司的工程师,将 Agora SDK 与智能小车结合,开发了一款可实时视频远程看房的创新性项目。本文将从方案设计到具体实现,详实分享他们的开发经验。三人也凭借该项目,在6月30日的Agora RTC Hack 上海站编程马拉松获得大奖。 创意构思 此前听到多 阅读全文
摘要:
在讲案例前,我们需要先说一下精细化分析。 我们常说的精细化分析,就是一个持续“解构”的过程,通过像漏斗、留存、细分等高级分析功能,将“整体”按照事件属性解构成“个体”,将“整体用户群”近乎无限地细分,然后就可以看到流量高、低背后的原因。定位促进产品生长的部分,做放大;将用户体验不好的部分优化或去除。 阅读全文
摘要:
写在前面:我的同事“熊猫少女”刚刚入职白鹭,之前从未接触过白鹭引擎,也从未做过游戏,经过4天时间的学习,他成功做了一款足球小游戏,这篇文章主要是记录他的开发过程: 正文如下: 在接触白鹭引擎的第四天,我摸索着用EUI做了一个小游戏。可能游戏逻辑比较简单,使用的知识点也比较基础,今天与大家分享交流,请 阅读全文
摘要:
碰撞检测在前端游戏,设计拖拽的实用业务等领域的应用场景非常广泛,今天我们就在这里对于前端JavaScript如何实现碰撞检测算法进行一个原理上的探讨,让大家能够明白如何实现碰撞以及碰撞的理念是什么:1.矩形与矩形间的碰撞核心理念判断任意两个(无旋转)矩形的任意一边是否无间距,从而判断是否碰撞。大体实 阅读全文