这几天学习了一个祖玛游戏的小Demo,记录下这个小游戏的编写过程。    1:首先实现的一个简单界面效果。      2:在图形绘制完成后,让黑色小球沿着圆形弧线运动。       编码过程       创建画布,绘制圆形弧线。       首先在Html页面上定义一个Canvas标签。 <
从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间 fastclick清除点击延迟,让程序更灵敏 1、导出fastclick import Vue from 'vue' import FastClick f
移动端开发 我们现在关注的点还在移动M站上,或者我们可以叫做webapp,其实就是运行在移动端浏览器中的web网站 app:application应用程序。手机软件:主要指安装在智能手机上的软件,完善原始系统的不足与个性化。 移动端开发是与PC端肯定是有很大不同的,所以我们需要学习如何在移动设备上开
  摘要:之前在做一个小游戏平台项目,有个“用户中心”模块,就涉及到了头像上传的功能。在做移动端图片上传的时候,传的都是手机本地图片,而本地图片一般都相对比较大,拿现在的智能手机来说,平时拍很多图片都是两三兆的,如果直接这样上传,那图片就太大了,如果用户用的是移动流量,完全把图片上传显然不是一个好办
最近在一个H5项目中,碰到了传说中的video标签在安卓版微信浏览器内被强制全屏播放问题。原计划在视频播放完毕后,页面发生video的ended事件时,应该显示分享和进入转化页的按钮,如图:   然而在很多安卓手机微信内,视频播放结束后并没有出现应出现的按钮,而是出现了一堆QQ平台的视频推荐:
HTML的文件结构:<html>                   <head>网页头部信息</head>                   <body>网页主体正文部分</body>                   </ht
页面初始化 mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。 在app开发中,若要使用HTML5+扩展api,必
网页性能优化 页面优化 页面优化可以提升页面的访问速度从而提高用户体验,优化的页面可以更好的提升 SEO 的效果同时也可以提高代码的可读性和维护性。 网页的生成过程,大致可以分成五步。 HTML代码转化成DOM CSS代码转化成CSSOM(CSS Object Model) 结合DOM和CSSO
阿子原创,转载请注明出处。 在使用jQuery Mobile Slider时,发现在页面上下拖动时,很容易不小心触发Slider的点击事件,从而造成误操作。为此需要禁用Slider的点击事件。 官方API并没有提供禁用点击事件的事件的方法,因此要实现这一功能只能另辟蹊径。 留意到点击Slider
1、const声明一个只读的常量。一旦声明,常量的值就不能改变。 2、const的作用域与let命令相同:只在声明所在的块级作用域内有效。 3、const命令声明的常量也是不提升,只能在声明的位置后面使用。 4、ES6中:var命令和function命令声明的全局变量,
1.安装sass 1.安装ruby 因为sass是用ruby语言写的,所以需要安装ruby环境 打开安装包去安装ruby,记住要勾选 下面选项来配置环境路径 [x] Add Ruby executables to your PATH 安装完成之后继续下一步操作 2.安装sass 在cmd里通过g
变量、嵌套、混合(mixin)、继承拓展、@import、comment 变量的意义 在sass里我们可以定义多个变量来存放颜色、边框等等的样式,这样就可以在下面想要使用样式的时候使用变量了 这样的优点就是便于维护,更改方便 变量的使用 可以通过$来定义变量,在变量名字中可以使用-和_来作为连接,并
数据类型 在sass里有数字、字符串、列表、颜色等类型 在cmd里 输入 sass -i 就会进入到交互模式,输入的计算可以马上得到结果 type-of()可以用来得到数据类型,如: type-of(5) -> number 注意数字类型的可以包含单位,如: type-of(5px) ->
1.动画SVG框架幻灯片 在幻灯片之间切换时显示动画SVG帧的实验性幻灯片。不同的形状可以用来创建各种风格。 我们想和大家分享一个实验幻灯片。我们的想法是在从一个幻灯片转换到另一张幻灯片时,使SVG帧动画化。使用不同的形状,我们可以在改变SVG路径时创建各种框架样式。这个想法的灵感是基于Dribbb
1.   Android端进程被杀死后,目前自带的保护后台接收消息活跃机制。暂时没有什么好的机制保持任何情况下都活跃 android原生系统用home键杀进程可以起来,如果是强行停止就只能用户自己手动开启应用 如果是miui等第三方应用,杀了进程默认无法自启动如果是root过的原生系统,杀了进程也是
移动端 经常出现的兼容问题 1.安卓浏览器看背景图片,有些设备会模糊 因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况下都是2倍的),或者指
跨域问题的产生: 因为浏览器有同源策略,只有在同域名,同端口,同协议的情况下才可以进行数据交互;有的时候,例如:在公司开发项目的时候,前端开发的服务器可能和后端服务器不是同一个,因为可能是通过gulp、webpack搭建的开发服务器,就需要解决跨域问题,再例如,在大公司数据服务器不只有一个,所以跨
地图与地理定位 定位在大部分项目中都需要实现,如何实现主要有如下的几种方法 H5定位 在HTML5中navigator有很强大的功能,其中就有定位的方法 navigator.geolocation.getCurrentPosition(function showPosition(positi
背景: 一日晚上下班的我静静的靠在角落上听着歌,这时"滴!滴!"手机上传来一阵qq消息。原来我人在问王者荣耀的雷达图在页面上如何做出来的,有人回答用canvas绘画。那么问题来了,已经好久没有使用canvas绘画了东西。SO,就想自己画一个canvas雷达图,顺便重新回顾一下canvas的知识点
关于ES6模块化 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript

推荐文章