摘要:
1、公司要求做一个H5龙舟比赛游戏,所以就想到用原生的H5来写,由html、css、jQuery制作一个龙舟比赛小游戏游戏, 如果大家有兴趣可以看下,人机龙舟主要实现原理是通过定位加 setInterval 来实现的,自己的龙舟主要是通过点击来改变定位来实现的,还有需要注意z-index层级关系,i 阅读全文
摘要:
1、在H5开发中,我们开发一个商城,是竖屏开发的,可能有某些用户手机设置自动旋转, 这个时候横屏状况下我们的商城 就容易产生样式错乱且格外的不好看,所以我们要在用户手机为横屏的状况下给与用户提醒,让用户在正常竖屏的情况下使用软件,上代码index.html: <body> <!-- 提醒用户竖屏 - 阅读全文
摘要:
1、常用的小游戏开发挺多都是横屏显示,所以我们H5开发同样也需要横屏显示,所以我分享一个强制横屏的demo,html的内容如下: <body style="margin: 0px;height: 100%;padding: 0;" > <div id="print"> <div id="change 阅读全文
摘要:
1、根据媒体查询设置html的font-size的大小,less代码如下: //假设手机设置为10等分,html的字体大小等于屏幕大小除以10 @no:10; @media screen and (min-width: 320px) { html{ font-size: 320px / @no; / 阅读全文
摘要:
每个钩子函数触发: beforeCreate: 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created: 实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, w 阅读全文
摘要:
相信刚学习node 的时候都有点搞不懂 -save、--save-dev、 -g 这三个参数代表的意思,下面就来简单的理一理: npm install -g module // -g 意思是将模块安装到全局 npm install -save module // -save 意思是将模块安装到项目目 阅读全文
摘要:
1、父组件传递给子组件值,首先在components 中新建一个testComponents子组件,代码如下: testComponents.wxml <view> <text>{{value}}</text> </view> testComponents.js Component({ /** * 阅读全文
摘要:
1、实现一个简单的切换标签,显示不同内容效果。代码如下: <template> <view class="warehousingToBeCon"> <!-- nav --> <view class="nav"> <view class="flex_between"> <view class="nav 阅读全文
摘要:
1、先建立一个父组件 parent.vue,定义一个变量和一个数组,把它传递给子组件,代码如下: <template> <view> <testchild :title="title" :array="array" ></testchild> </view> </template> <script> 阅读全文
摘要:
第一步下载node: 1、 打开网址:https://nodejs.org/en/download/ 一般来选windows 64-bit(普通用户 ),直接下载 2、这里选择一个D盘,新建一个nodejs目录(储存你的node仓库),后续的你安装的依赖都是存放在这里 3、这里是自动默认帮你添加pa 阅读全文
摘要:
1、移动端如果使用rem是怎么换算px单位的: 转化为px的大小取决于页根元素的字体大小,即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。 例如,根元素的字体大小 16px,设置width为10rem 实际上的像素值就为160px,即 10 x 16 = 160。 优点:1、自适应 阅读全文