自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 小程序选项卡例子(css略)

该文章利用小程序scroll-view及swiper组件实现可滚动视图容器的切换。 效果如下:

2017-10-08 18:29:24 697

转载 js的单线程和异步

前言说到js的单线程(single threaded)和异步(asynchronous),很多同学不禁会想,这不是自相矛盾么?其实,单线程和异步确实不能同时成为一个语言的特性。js选择了成为单线程的语言,所以它本身不可能是异步的,但js的宿主环境(比如浏览器,Node)是多线程的,宿主环境通过某种方式(事件驱动,下文会讲)使得js具备了异步的属性。往下看,你会发现js的机制是多么的简单高效!说说浏览

2017-08-18 11:39:06 280

转载 jQuery对象与DOM对象之间相互转换

jQuery对象转成DOM对象: 两种转换方式将一个jquery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 如:var v=v =(“#v”) ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (

2017-08-02 15:38:19 2187

原创 基本类型与包装类型

如图 var str=”ddd” 是string(基本类型),本身是没有方法、属性。当尝试把基本类型的str当做对象一样访问时,例如:str.length; 解释器会创建一个临时的包装对象,伪代码: [[tempObj]] = new String(str) [[tempObj]].length; // 返回具体的length delete [[tempObj]]; // 销毁临时对象

2017-07-20 17:45:24 271

转载 CSS清除浮动方法总结

一、 分析HTML代码结构:<div class="outer"> <div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div></div>分析CSS代码样式:.outer{border: 1px solid #ccc;background: #fc9;color: #fff

2017-07-20 16:07:56 284

转载 CSS浮动

首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无法满足需求,这就要用到浮动。 浮动可以理解为

2017-07-20 15:25:57 445

转载 一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)

http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局安装加 -g) : npm install http-server Windows 下使用:在站点目录下开启命令行输入http-server即可访问 http://localhost:8080 or http://127

2017-07-09 23:45:42 237

原创 绝对路径和相对路径

一、基本概念  1、相对路径-顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。    2、绝对路径-绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目录的绝对路径二、相对路

2017-07-06 22:09:52 436

转载 如何在Github Pages搭建自己写的页面?

最近发现 github 改版了,已没有像原来的 Launch automatic page generator 这样的按钮。文中所有过程可能在不同的情况下会有少数不同,但基本如此,大家可根据自己的情况亲自测试。现在将全部过程方法分享给大家,如有错误望指出。本文参考自http://www.cnblogs.com/lijiayi/p/githubpages.html开始教程之前的准备工作: 1、需要

2017-07-06 22:07:23 471

原创 命令行切换到目标文件夹、目标文件

比如:(命令使用大小写均可) 切换到D盘—D: 转到目标文件—-CD D:\360Downloads

2017-07-06 21:56:09 2140

转载 js call()方法

call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call

2017-07-06 21:52:00 234

转载 处理inline元素之间换行产生的空白

inline, inline-block元素之间的换行符会造成类似空格的空白。不知道你遇到过没?比如以下代码:<a>1</a><a>2</a>这种问题对布局影响不大,容易被忽略。但是某些极端情况就会把这个问题放大。例如以下代码:<ul> <li>Item content</li> <li>Item content</li> <li>Item content</li></ul><st

2017-07-06 21:45:18 631

原创 实现单行、多行文本自动隐藏及显示省略号

单行 在width有限定的情况下,例如:overflow:hidden;text-overflow:ellipsis;white-space: nowrap;//是否需要根据实际情况而定多行 在width有限定的情况下,例如实现超出三行自动隐藏并显示省略号:overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-we

2017-07-06 21:24:01 244

原创 webapp移动端出现横向滚动条解决方案

html,body{overflow:hidden;overflow-y:auto;}

2017-07-06 21:21:54 1722

原创 rem.js

var dpr, rem, scale;var docEl = document.documentElement;var fontEl = document.createElement('style');var metaEl = document.querySelector('meta[name="viewport"]');dpr = +window.devicePixelRatio.toF

2017-07-06 21:20:04 301

原创 移动端html+css实现水平任意滚动(PC端也同理)

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-wi

2017-07-06 21:16:53 7191

转载 $.ajax()详解

1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。4.as

2017-07-06 21:14:43 165

空空如也

空空如也

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

TA关注的人

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