自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Mr.Yuan

不定期的发布前端基础知识以及最新的前端技术和大家共同学习前端

  • 博客(9)
  • 问答 (5)
  • 收藏
  • 关注

原创 一个简单的倒计时函数

今天写app的注册页面, 牵扯到了发送验证吗的间隔时间, 就要写一个倒计时函数, 倒计时期间禁用发送验证码的按钮, 页面显示倒计时秒数APICloud的方法 // 倒计时 function countDown() { var n = 60; var inta = setInterval(function(){ // 设置.time的文

2017-04-23 09:22:40 6332

原创 APICloud框架——融云+UIChatTools实现即时通讯聊天

今天完成了公司app的聊天界面的收发消息功能,结合融云2和UIChatTools模块实现,只是实现了基本功能,好多细节还没有实现,废话不多说,上代码输入框页面(win)先引入所需模块 // 融云模块 var rong = api.require('rongCloud2'); //聊天界面模块 var UIChatTools = api.require('UIChatTo

2017-04-20 07:48:29 7036 3

原创 APICloud框架——获取本地图片信息

api.getPicture 获取本地图片放置到服务器上或者在app中预览是app的基本功能,今天使用了APICloud框架的api.getPicture这个api获取到的本地图片预览在app中,就像上传qq头像一样,其实就是这个需求,获取本地照片(拍摄照片)设置为头像,先预览一下。这个api的文档写的很清楚,每个参数的功能,可是其中还是有点坑的api.getPicture({ sou

2017-04-19 07:37:37 6687

原创 APICloud框架--sublime使用自定义loader

官方的apploader调试器,只是有官方的一些模块,如果我们使用非官方的模块就要使用自定义loader进行调试。接下来就走一边sublime设置自定义loader的步骤修改config.xml打开本地创建的 moduleTest 应用的 config.xml 文件,把其中的 id 修改成云平台创建的应用 ID把代码放置到云空间这一步大家都应该会,进入开发控制台,选择代码,有三种方式可以使用官方的

2017-04-18 07:34:48 3012

原创 Felx布局(三)

flex网格布局平均分布 最简单的网格布局,就是平均分布。在容器里面平均分配空间,跟上面的骰子布局很像,但是需要设置项目的自动缩放html代码<!-- 几个元素就几个标签 --><div class="Grid"> <div class="Grid-cell">...</div> <div class="Grid-cell">...</div> <div class="Grid-

2017-04-15 08:58:13 925

原创 Flex布局(二)

接上一篇,说一下flex布局的实例,转自阮一峰老师的博客骰子的布局html页面模版<div class="box"> <span class="item"></span></div>div代表容器,span代表骰子的点一个 左上对齐.box { display: flex;} 居中对齐.box { display: flex; justify-content: cen

2017-04-14 07:31:43 1973

原创 hexo博客框架--nexT主题进阶设定

大家可先看下我的博客www.yuanjingzhuang.com还有不明白的可以加我qq直接问: 755966092背景透明博客根目录 themes\next\source\css\_schemes\Pisces\_layout.styl这个文件的 第65行background:删除掉按钮背景博客根目录 themes\next\source\css\_common\components\post\

2017-04-13 13:43:21 5296

原创 Flex布局(一)

FlexFlex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。display: flex;, 行内元素也可以使用display: inline-flex;注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素,称为Flex容器(flex containe

2017-04-13 07:31:46 787

原创 碰到的一些面试问题

position的值, relative和absolute分别是相对于谁进行定位的?absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。fixed (老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位。relative 生成相对定位的元素,相对于其在普通流中的位置进行定位。static 默认值。没有定位,元素出现

2017-04-09 07:28:43 2016 2

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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