2017年12月23日
摘要: 1. Kite Kite是一个灵活的布局助手CSS库。Kite使用inline-block而不是最新的CSS语法。它注重实际,易 于理解且容易使用。Kite用法与flexbox相似:justify-content,等等。你可以很轻松地创建复杂的模块。Kite是基于OOCSS 与MindBEMding 阅读全文
posted @ 2017-12-23 12:06 风过无涟漪 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 第一步:安装Node.js 下载地址:http://nodejs.cn/download/ 安装就是傻瓜式的,一直下一步就可以。安装完毕后可以通过cmd输入npm -v查看是否安装成功。//node a.js 可以运行a.js npm(node package manage of JavaScrip 阅读全文
posted @ 2017-12-23 12:05 风过无涟漪 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 1.数组就是一组数据。 2.创建数据 使用 Array构造函数创建数组使用数组字面量表示法3.数组的访问 数组的访问是根据数组的下标,下标是重零开始的,所以第一个项目是 [0],第二个是 [1],以此类推。4.length(长度) 数组的length属性是从1开始的;最后一个是length-1;5. 阅读全文
posted @ 2017-12-23 12:05 风过无涟漪 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 在与后台交互时,用时过长、禁止页面操作等,有提示,增强页面体验: $.ajax({ type:'POST',url:url,data:obj,dataType:'json',beforeSend: function () {load("提示");}, complete: function () { 阅读全文
posted @ 2017-12-23 12:02 风过无涟漪 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 第1部分:jQuery HTML 1.获取内容和属性 -- 获取内容: text():设置或获取所选元素的文本内容 html():设置或获取所选元素的内容(包括HTML标记) val():设置或获取表单字段的值 -- 获取属性: attr():设置或获取属性值 ps1:以上函数不传入参数时是获取;传 阅读全文
posted @ 2017-12-23 12:00 风过无涟漪 阅读(191) 评论(0) 推荐(0) 编辑
摘要: mui框架内置了图片轮播插件,通过该插件封装的JS API,用户可以设定是否自动轮播及轮播周期,如下为代码示例: //获得slider插件对象 var gallery = mui('.mui-slider');gallery.slider({ interval:5000//自动轮播周期,若为0则不自 阅读全文
posted @ 2017-12-23 11:55 风过无涟漪 阅读(2158) 评论(0) 推荐(0) 编辑
摘要: 页面优化 页面优化可以提升页面的访问速度从而提高用户体验,优化的页面可以更好的提升 SEO 的效果同时也可以提高代码的可读性和维护性。 网页的生成过程,大致可以分成五步。 1. HTML代码转化成DOM 2. CSS代码转化成CSSOM(CSS Object Model) 3. 结合DOM和CSSO 阅读全文
posted @ 2017-12-23 09:58 风过无涟漪 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 1..实现效果图是最基本的工作 把视觉稿通过页面代码的方式表现出来包含了两个基本诉求:1.能够真实反映视觉稿;2.能够通 过浏览器的兼容。这两个诉求的达成需要我们有追求细节的态度和一定的页面功底,能完成这两个内容就可以初步进入页面前端的从业者行列了,但这就代表着我们 可以胜任页面开发的工作了?不,才 阅读全文
posted @ 2017-12-23 09:47 风过无涟漪 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 1、使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟 阅读全文
posted @ 2017-12-23 09:42 风过无涟漪 阅读(216) 评论(0) 推荐(0) 编辑
  2017年12月22日
摘要: /******/(function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require fun 阅读全文
posted @ 2017-12-22 14:21 风过无涟漪 阅读(484) 评论(0) 推荐(0) 编辑