随笔分类 - 1.前端基础
摘要:最近在思考前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式。 三个方式如下: 1. 一个大文件,所有js合并成一个大文件,所有页面都引用它。 2. 各个页面大文件,各自页面合并生成自己所需js的大文件。 3. 合并多个共用大文件,根据实践情况合并出多个共
阅读全文
摘要:IndexedDB是在浏览器中保存结构化数据的一种数据库,为了替换WebSQL(标准已废弃,但被广泛支持)而出现。IndexedDB使用NoSQL的形式来操作数据库,保存和读取是JavaScript对象,同时还支持查询及搜索。 下面由5个方面讲述: 1. 数据库初始化 2. 对象存储空间(Objec
阅读全文
摘要:HTML5离线缓存又名Application Cache,是从浏览器的缓存中分出来的一块缓存区,要想在这个缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源。 Manifest 文件 manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存
阅读全文
摘要:HTML5拖放能够将本地的文件拖放到页面上,plupload又是很好的文件上传插件,而今天就将两者结合,做了个文件拖拽上传的功能。 简述HTML5拖放 拖放是HTML5标准的一部分,任何元素都能够拖放,也能够将本地的文件拖放到页面上。 设置元素可拖放 为了使元素可拖动,把 draggable 属性设
阅读全文
摘要:Session Storage sessionStorage用于本地存储一个会话(session)的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁(浏览器关闭)。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储,操作与localStorag
阅读全文
摘要:在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL、Local Storage、Cookies。 Web SQL 作为html5本地数据库,可通过一套API来操纵客户端的数据库(关系数据库),下面是支持浏览器情况。 鉴于PC浏览器支持情况,我找了淘宝、京东、携程
阅读全文
摘要:TypeScript为JavaScript的超集(ECMAScript6), 这个语言添加了基于类的面向对象编程。TypeScript作为JavaScript很大的一个语法糖,本质上是类似于css的less、sass,都是为了易于维护、开发,最后还是编译成JavaScript。趁着周末的时间,浅尝了
阅读全文
摘要:什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。 弱类: 计算时可以不同类型之间对使用者透明地隐
阅读全文
摘要:概要 1.替换json对象中属性值(包括子对象) 2.兼容多个$库写法(zepto与jquery) 3.闭包保持变量的做法 详情 1.替换json对象中属性值(包括子对象) 2.兼容多个$库写法 PS:使用不同的库的插件时,需要闭包一层 3.闭包保持变量的做法
阅读全文
摘要:\9 : /IE6、7、8/ * :/IE6、7/ _ : /IE6/
阅读全文
摘要:前言 对于移动webapp开发人员来说,viewport是个很重要的东西,容易用但很多时候都是不明白的,于是我决心去弄清楚它。 viewport涉及的单位 分辨率:指设备显示器所能显示的像素有多少 物理分辨率:指设备显示器所能显示最高的像素数 DPI (Dots Per Inch):每英寸的点数密度
阅读全文
摘要:互联网应用或者访问量大的应用,对js的加载优化是不可少的。下面记录几种优化方法 CDN + 浏览器缓存 CDN(content delivery network)内容分发网络, 最传统的优化方式。其实就是将自己页面所依赖的js(静态的)放置到CDN上,或者使用一些CDN库,以此降低对应用服务器的请求
阅读全文
摘要:这周继续在弄hybird app 的 UI框架的重构,进行到了编写换肤功能的阶段,而在做换肤之前,我想应该先弄一套框架内置的图标。 而图标无非就是两种做法: 1.图片 使用图片很正常,但是有缺陷的。 1.众多的图标导致了增加了许多HTTP请求 PS:有人会说我把它们弄成一张大图不久行了,可是这样弄了
阅读全文
摘要:原因 如下图,A域中有个B域的页面,但是B的页面的长度不确定,A无法去设置一个准确的高度。 PS:iframe高度设置auto是无效的 解决办法 如上图, (1)在B页面中加一个A的代理页面的iframe PS:这最里面的A页面能调用最外层A页面的方法,而B页面是调用不了最外层A的(因为跨域的安全限
阅读全文
摘要:1.垂直居中 有时我们会使用margin: 0 auto;作居中使用。但有的时候我们需要垂直居中,例如在div里面垂直居中显示一张加载中的gif图。 下面这种写法就可以完美实现:
阅读全文
摘要:1.清除浮动 下面是两种常用的方式,而这两招也够用了(不用千招会,只需一招精)。 1.结尾处加空div标签 clear:both 缺点:每次清除浮动都加空div,影响了HTML的结构,例如如果要算div的个数,都会被影响到。 2.父级div定义 伪类:after 我更倾向使用这种清除浮动的方式,不增
阅读全文
摘要:写过很多代码后,会有代码的规范有一些需求,会有想写出美观、规范、易懂的代码。 今天学习了NEC,全称Nice Easy CSS(http://nec.netease.com/),顾名思义,就是为了写简单漂亮的CSS代码,下面是我今天所学。 PS:有可能有些我理解会有问题。 规范 我最看重这个,里面的
阅读全文
摘要:周末花了点时间做了一个chrome拓展,叫HttpPost,顾名思义是用来测试http的post请求。 先直接看效果 插件与拓展 在说这个做的过程前,先说明什么是Chrome插件、Chrome拓展 1.开发语言区别 拓展:HTML + Javascript 插件:理论上可以用任何一种生成二进制程序的
阅读全文
摘要:1.当你一个方法里面存在if、else多个时候,且每个条件下的代码非常多的时候,这时候你代码就有问题了。一定可以将方法拆分开,或许你写在一起是为了共用某些的东西,但是你之后会发现代码不好看、难理解了。 好处:1.代码结构更加清晰 2.可以减少判断需要的变量(用来识别的条件) 2.简洁优雅的代码并不一
阅读全文