模仿QQ音乐wap端

Net Music https://github.com/ITch8/NetMusic 模仿QQ音乐wap端 实践中来学习Vue技术栈开发 效果图 效果图 开发 模块化开发 技术栈 Vue + VueRouter + vuex + webpack + stylus + VueLa...

2019-03-30 20:04:59

阅读数 64

评论数 0

websocket原理

Websocket是一种在单个TCP连接上进行全双工通讯的协议,双工(duplex)是指两台通讯设备之间,允许有双向的资料传输。在Websocket协议中,客户端和服务端只需要做一个握手的动作,就能形成一条通道,两者之间可以进行数据互相传送。 WebSocket和传统的HTTP交互方式的区别如下...

2017-12-08 18:15:09

阅读数 301

评论数 0

Hbuider hybrid app 开发优化指南

一、 加载优化 1. 合并CSS、JS 2. 缓存一切可缓存的资源 3. 使用外联引用CSS、JS 4. 预加载页面(提前创建首页) 5. 使用div 替代成页面,减少页面创建次数(如设置页面的子页面可使用div布局替代) 6. PlusReady方法减少对dom的操作,...

2017-02-20 17:11:36

阅读数 692

评论数 0

Hbuider hybrid app 开发之获取手机电量

1.目标:获取手机电量 2.实现方式:native.js实现 3.说明:原文。Android//注意,安卓需要配置下manifest.json文件,打开后,进入模块权限配置,在右侧的Android权限设置里勾选上android.permission.BATTERY_STATS var main...

2016-11-04 14:17:18

阅读数 651

评论数 0

Hbuider hybrid app 开发之上传图片

目标:获取手机本地图片,并上传到服务器端。通过拍照和选择相册两种方式获取本地图片。 说明:注意plus对象的使用,查看官方文档,学好基础最重要。官方文档 其他说明:以下代码展示的是最基本的图片上传,复杂操作可参考图片上传;服务器代码demo参考服务器端 获取本地图片方法实现 plus.nati...

2016-11-02 10:21:44

阅读数 2356

评论数 0

Hbuider hybrid app开发细节积累

1. 搜索框的属性的设置。要虚拟键盘显示“搜索”二字,需满足以下两个条件: (1)设置input属性 type=‘search’ (2)input需在form表单中。 html代码<form action=""> <div class="mu...

2016-09-28 16:24:29

阅读数 4054

评论数 2

Hbuider hybrid app开发之地图位置信息操作方法

/** * 位置工具 * */ var watchId = null; /** * @description 监听位置变化信息 * */ function watchPosition(){ if (watchId) { return; } watc...

2016-07-22 11:48:14

阅读数 1529

评论数 0

Hbuider hybrid app开发之地图操作方法

var map = null; var zoom = 13;//缩放值 function creatMap(data,ws){//创建地图---data:一些地图设置参数 如图标、中心点经纬度 if (!ws) {return}; wo = ws.opener(); map...

2016-07-22 11:44:42

阅读数 4320

评论数 1

Hbuider hybrid app开发之js常用方法

(function(w, _, $, u) { _.plusReady(function() { plus.webview.currentWebview().setStyle({ softinputMode: "adjustResize&q...

2016-07-22 11:36:58

阅读数 1322

评论数 0

CSS 样式修改 积累

背景色渐变 .gradient { background: #BCE8F1; background: -moz-linear-gradient(top, #BCE8F1 0%, #3684F9 100%); background: -webkit-gradient(line...

2016-01-13 10:47:30

阅读数 1220

评论数 0

CSS3学习记录四(动画-变形)

1.变形–旋转 rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。 它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为正值,元素相对原点中心顺时针旋转; 如果这个值为负值,元素相对原点中心逆时针旋转。 HTML代码:<div cla...

2015-12-28 14:27:00

阅读数 394

评论数 0

CSS3-学习记录三(选择器)

1.:checked选择器 在表单元素中,单选按钮和复选按钮都具有选中和未选中状态。(大家都知道,要覆写这两个按钮默认样式比较困难)。 在CSS3中,我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。 而“:checked”表示的是选中状态。 2.::se...

2015-12-25 16:30:23

阅读数 316

评论数 0

css3--学习记录二(选择器)

一、属性选择器 1. 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示: 如下: <style>...

2015-12-22 15:15:36

阅读数 393

评论数 0

CSS3-学习记录一

1.阴影 box-shadow(一)box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 为元素设置内阴影:示例代码:.box_shadow{ box-shadow:4px...

2015-12-21 17:25:25

阅读数 433

评论数 0

CSS-布局模型

一.流动模型:Flow1.首先它是网页默认的布局方式,有两个基本的特征: I.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为10...

2015-12-20 22:42:14

阅读数 282

评论数 0

js跨域问题

1.什么是跨域?**跨域**: 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。 **同源策略**:同源策略,它是由Netscape提出的一个著名的安全策略。现在所有支持...

2015-12-16 15:12:42

阅读数 238

评论数 0

Hbuider hybrid app开发之检查网络等js方法

1.检查网络状态,提示用户检查网络,android端可进入系统设置页面。/* * 检查网络 * */ function checkNet() { //检查网络 var network = plus.networkinfo.getCurrentType(); if (network == 1) ...

2015-12-10 10:14:06

阅读数 3422

评论数 0

Hbuider制作app升级包的简单办法 (升级官方提供的案例)

源文档:http://ask.dcloud.net.cn/question/11795 http://ask.dcloud.net.cn/article/199一、生成移动App资源升级包 5+应用可使用以下方式进行升级 - 整包升级:适用于大版...

2015-12-09 13:02:01

阅读数 11878

评论数 4

对html文件中dom元素设置监听遇到的问题

1.使用builder提供的mui框架制作app,对dom元素使用onclick单击监听是无效的。使用 tap 代替click。 2.在使用.on()方法实现批量元素的事件绑定时: .on( event , selector , handler ) event...

2015-11-26 21:55:57

阅读数 1058

评论数 0

js实现按钮重新发送验证码倒计时效果

//倒计时 var wait = 60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.textConte...

2015-11-25 16:27:16

阅读数 2260

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭