文章分类 -  JavaScript

PC网站CSS分享
摘要：这里想总结些编写网页的经验，以PC端的为主，前面总结过后台的，今天写些前台的，参考了bootstrap3.3.5、bootstrip2.3.2和模版matrix。前段时间还写过一篇《前端基础学习分享》，比较基础的文章。每次写CSS，总感觉不用写那么多CSS，但是精简的时候，又难以下手。越写越觉得代码... 阅读全文
posted @ 2015-07-13 11:24 咖啡机（K.F.J） 阅读(271) 评论(0) 推荐(0)
grape-skin（葡萄皮）静态后台封装说明
摘要：目录 1、文件夹说明 2、HTML基本结构 2.1、弹出层与登录通用页面 2.2、内部登录后的页面 3、控制面板主页 3.1、图表分析 3.2、ajax读取订单与用户信息 4、列表页面 4.1、按钮 4.2、过滤 4.3、列表 4.3.1、无数据 4.3.2、table列表 4.3.3、拖动排序 4 阅读全文
posted @ 2015-06-28 19:16 咖啡机（K.F.J） 阅读(995) 评论(0) 推荐(0)
《移动web实现指南》（六）——移动化表单
摘要：一、移动化可以提升网页表单的用户体验网页表单阻碍我们涌到网站上的一个主要原因是：我们需要快速地、安静地与一个人或组织进行互动。网页表单违背了几个原则：它期望我们说点什么然后我们就慢下来了...............让我们去做比我们预期多很多的操作二、input类型1）inputtype=“text... 阅读全文
posted @ 2015-02-23 15:58 咖啡机（K.F.J） 阅读(135) 评论(0) 推荐(0)
《移动web实现指南》（五）——移动化文字
摘要：一、使用哪种单位：Point还是em1）标题部分em允许相对地缩放字体大小，更灵活，并且在那些比较老的浏览器中使用em依旧可以轻松的地调整字体大小。现在更倾向于用point来调整字体大小。2）正文段落每行大约有75个字符。为了更精确的控制文字大小，用point来设置字体。3）正文：副标题把副标题再略... 阅读全文
posted @ 2015-02-23 15:35 咖啡机（K.F.J） 阅读(156) 评论(0) 推荐(0)
《移动web实现指南》（四）——移动化图片
摘要：一、图片移动化的整体分析用CSS来驱动的浏览器可以从容的处理图片的位置和大小，奇特的边框特效、更复杂的布局选项等二、内联图片1）有时候，移动化就意味变小2）而有的时候，移动意味着变大专访页面的图片有点小3）响应式图片栅格CSS3中的两个属性：column-count和column-gap设定了两种屏... 阅读全文
posted @ 2015-02-23 15:29 咖啡机（K.F.J） 阅读(152) 评论(0) 推荐(0)
《移动web实现指南》（三）——移动化导航
摘要：一、表尺寸：握在手里的大小刚刚好比例：怀表的表盘以及上面的信息是根据各种各样的因素来决定比例的设计：便于在移动中使用，表盘要有一眼就能识别的数字和指针二、汽车界面尺寸：按钮的尺寸适合我们手指的大小位置：与驾驶者之间的距离、与其他操控装置的接近度，以及各种各样的操控器是如何分组的数量和复杂性：操控器越... 阅读全文
posted @ 2015-02-23 15:25 咖啡机（K.F.J） 阅读(149) 评论(0) 推荐(0)
《跨终端Web》（七）——动作同步
摘要：一、动作同步二、实现1）Selenium2）脚本录制和回放pdf文件下载：http://download.csdn.net/detail/loneleaf1/8425145 阅读全文
posted @ 2015-02-16 11:36 咖啡机（K.F.J） 阅读(121) 评论(0) 推荐(0)
《跨终端Web》（六）——存储
摘要：一、状态持久化二、技术方案1）跨终端存储方案store.js下载。2）存储上限Web Storage Support Test3）跨域通信方案pdf文件下载：http://download.csdn.net/detail/loneleaf1/8425145 阅读全文
posted @ 2015-02-15 23:14 咖啡机（K.F.J） 阅读(189) 评论(0) 推荐(0)
《跨终端Web》（五）——Hybird App
摘要：一、Hybird技术1）Native调用Web2）Web调用Native1. Android常见的方式有3种重写WebViewClient shouldOverrideUrlLoading重写WebChromeClient.onJsAlert，或onJsPrompt，或onJsConfirmWebV... 阅读全文
posted @ 2015-02-14 21:58 咖啡机（K.F.J） 阅读(218) 评论(3) 推荐(1)
《跨终端Web》（四）——定位
摘要：一、定位1）hash/** * 监听Hash变化，支持IE6+和其他现代浏览器 */ function onHashChanged(callback) { // IE 8+ 支持 window.hashchange 事件 // 这里的判断是简化形式，... 阅读全文
posted @ 2015-02-14 21:24 咖啡机（K.F.J） 阅读(161) 评论(0) 推荐(0)
《跨终端Web》（三）——检测、接口
摘要：一、终端1）终端检测1.用户代理（UserAgent）1.检测硬件信息的需求也越发频繁：2.终端检测的实现方法：二、接口1）跨终端流程复用2）IF（InterFace）包括如下几个部分：接口描述：请求、响应数据格式接口文档：由接口描述生成接口文档接口Mock：由接口描述生成接口Mock数据接口校验：... 阅读全文
posted @ 2015-02-14 20:03 咖啡机（K.F.J） 阅读(203) 评论(0) 推荐(0)
《跨终端Web》（二）——基准
摘要：一、GBSGBS（GradedBrowserSupport分级浏览器支持），GBS的核心价值在于“以有限的测试资源最大化测试覆盖率”。GBS将浏览器分为C、A、X级别。二、MGBS1）操作系统分级友盟android系统2014-08 ~ 2015-01的统计如下：友盟IOS系统2014-08 ~ 2... 阅读全文
posted @ 2015-02-14 16:33 咖啡机（K.F.J） 阅读(175) 评论(0) 推荐(0)
《跨终端Web》（一）——Mobile Web
摘要：一、HTML5HTML5新特性 有八个部分。语意（Semantic）标签离线&存储（Offline & Storage），包括Local Storage，Indexed DB等设备访问（Device Access），定位信息，视频、音频流等网络连接（Connectivity），增加Web Socke... 阅读全文
posted @ 2015-02-12 18:30 咖啡机（K.F.J） 阅读(279) 评论(0) 推荐(0)
JavaScript的几个基础知识介绍
摘要：一、JavaScript基础类型 JavaScript数据是非常简洁的，它只定义了6种基本数据类型。 1.JavaScript是一种弱类型的语言。所以1=="1"返回的就是true。 2.这里再说个NaN，中文意思是不是一个数字，不能用于算术计算，并且它与自身不相等，例如下面的代码打印出来... 阅读全文
posted @ 2015-01-04 17:31 咖啡机（K.F.J） 阅读(172) 评论(0) 推荐(0)
《编写高质量javascript代码的68个有效方法》记录（三）
摘要：第六章 库和API设计53、保持一致的约定 在变量命名和函数签名中使用一致的约定 不要偏离用户在他们的开发平台中很可能遇到的约定54、将undefined看作没有值 将undefined看作缺少某个特定的值是Javascript语音建立的一种公约 避免使用undefined表示任何非特定值 在允许0... 阅读全文
posted @ 2015-01-01 16:40 咖啡机（K.F.J） 阅读(159) 评论(0) 推荐(0)
《编写高质量javascript代码的68个有效方法》记录（二）
摘要：第四章 对象和原型30、理解prototype、getPrototypeOf和 __proto__之间的不同 C.prototype 用于建立由new C()创建的对象的原型 Object.getPrototypeOf(obj) 是ES5中用于获取obj对象的原型对象的标准方法 obj.__prot... 阅读全文
posted @ 2015-01-01 16:37 咖啡机（K.F.J） 阅读(185) 评论(0) 推荐(0)
《编写高质量javascript代码的68个有效方法》记录（一）
摘要：第一章 让自己习惯Javascript1、了解你使用的JS版本 严格模式 "use strict"2、JS的浮点数 JS只有一种number类型，所有的数字都是双精度浮点数 运算的时候是先隐适的转换为32位整数后进行运算0.1+0.2 = 0.30000000000000000004 当心精度陷阱3... 阅读全文
posted @ 2015-01-01 16:32 咖啡机（K.F.J） 阅读(274) 评论(0) 推荐(0)