carrie_zhao

2017年7月5日

摘要：一、 touch 1、touchstart：当手指触碰屏幕时发生，不管当前多少根手指 2、touchmove：当手指在屏幕上滑动时连续触发，通常我们在滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生；阻止页面滚动 3、touchend：当手指离开屏幕时触发 4、to 阅读全文

posted @ 2017-07-05 15:52 carrie_zhao 阅读(177) 评论(0) 推荐(0)

移动端的三种布局

摘要：一、有最大、最小宽度的百分比自适应布局适用场景：门户网站首页，图片较多的首页二、百分比自适应布局适用场景：信息文字较多的网页，内容较多的网页三、全屏自适应布局适用场景：单页面网页，移动web app页面阅读全文

posted @ 2017-07-05 15:40 carrie_zhao 阅读(225) 评论(0) 推荐(0)

2017年7月4日

bootstrap自定义——栅格列数修改

摘要：从下载的bootstrap文件中找到less文件夹里面的variables.less，然后可以找到栅格列数进行修改然后执行一下bootstrap.less，通过命令行，切换到其所在的目录D:\03 学习\前端视频2017-03-02\09. 移动web开发\03-移动web开发_03\资料\boo 阅读全文

posted @ 2017-07-04 23:19 carrie_zhao 阅读(1489) 评论(0) 推荐(0)

less文件的运行

摘要：例：在任意处创建一个.less文件，比如在桌面2017.06.28文件中创建了一个main.less文件，然后通过命令行编译main.less，步骤： win+R,cmd打开命令面板，切换到main.less的文件路径C:\Users\Administrator\Desktop\2017.06.28 阅读全文

posted @ 2017-07-04 21:09 carrie_zhao 阅读(319) 评论(0) 推荐(0)

lessc的安装

摘要： win+R，cmd打开命令面板，输入cnpm install -g less，如图，然后就可以通过lessc -v查询lessc的版本，出现版本号证明安装成功阅读全文

posted @ 2017-07-04 21:03 carrie_zhao 阅读(496) 评论(0) 推荐(0)

nodejs的安装

摘要：一、nodejs的安装（安装nodejs，其中自带npm） 1、nodejs的路径：https://nodejs.org/en/download/，找到与自己系统相匹配的进行下载 2、安装：双击，直接下一步就可以了，必须安装在C盘二、通过win+R，cmd调出命令行可以查看当前npm与node的阅读全文

posted @ 2017-07-04 20:54 carrie_zhao 阅读(172) 评论(0) 推荐(0)

2017年6月29日

jquery插件之jquery-ui

摘要： 1、jQuery UI是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，如：模态框、日期控件等。 2、下载地址：http://jqueryui.com/download/ 3、使用：引入jquery-ui.css、jquery-ui.js，然后查看index. 阅读全文

posted @ 2017-06-29 18:05 carrie_zhao 阅读(130) 评论(0) 推荐(0)

三级联动

摘要： 1、如图：制作一个三级城市联动 2、步骤：①定义数据，数据肯定是一个大的json对象{key,value}形式的，只要明确了这一点就可以一级级的把省、市、县展开了。如图： ②待页面加载完毕，定义两个变量：一个用来接收当前选定的省，一个用来接收选定的市，var pro, city； ③遍历CITYS数阅读全文

posted @ 2017-06-29 17:58 carrie_zhao 阅读(192) 评论(0) 推荐(0)

jquery.lazyload插件实现图片延迟加载

摘要： jquery.lazyload是一个实现图片延迟加载的jQuery 插件，它可以延迟加载长页面中的图片。在浏览器可视区域外的图片在初始状态下不会被载入，直到用户将页面滚动到它们所在的位置。 1.引入js文件 2.img标签 img标签的src指向一个图片占位符，这里推荐一个在线获取图片占位符的站点阅读全文

posted @ 2017-06-29 13:37 carrie_zhao 阅读(234) 评论(0) 推荐(0)

***使用jQuery去封装插件（组件化、模块化的思想），即扩展方法

摘要：如何使用jQuery去封装插件，区分扩展全局方法与扩展一个普通的jQuery实例对象的方法 1、给全局对象扩展方法：①$.方法 = function(参数可加可不加){} ②使用：$.方法(有参数的带参数，没有的为空)，实例如下： $.log =function() { console.log(ne 阅读全文

posted @ 2017-06-29 11:20 carrie_zhao 阅读(537) 评论(0) 推荐(0)

公告