`
DBear
  • 浏览: 231047 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
文章列表
    最近在做一个Button控件,这个控件不仅限于使用<button>标签做容器,还允许使用<span><div>设置<h1>这样的标签。但是,对容器类型的大容忍度的代价就是要协调好这些容器在不同浏览器下的不同表现。下面总结下需要处理的兼容问题:     1. <= IE7版本的浏览器,不支持box-sizing属性的设置,且,button的box-sizing展示效果是border-box,而其余类型元素的是content-box;        2. border-box展示的元素,要让文字居中,要满足下面的等式 :     ...
JS是轻量级语言,在类的概念上没有如Java那样严格意义上私有函数,公有函数,私有属性,公有属性。但是我们考虑到复用,仍然会希望能够模拟出这些特性。有关私有函数、公有函数的方法,其实蛮简单,就是把私有函数以变量的形式,扔到prototype的闭包中;公有函数则以返回的形式暴露在外面。     function People() { }; People.prototype = (function(){ var _private = function(){}; var public = function(name){ _private.ca ...
网上关于JS数组去重的方法很多,我这人比较懒,一般知道了一个最快速的,就不想再记那些慢的了。之前比较公认的一种快速方式是引用类似hash表的思想。代码如下:     var ddd = [1,2,4,5,2, 222,1,5,6]; var uq = {}; var rq = []; for(var i=0; i<9; i++){ if(!uq[ddd[i]]){ uq[ddd[i]] = true; rq.push(ddd[i]); } } return rq;         但是 ...
学习LESS源于一次分享的要求。之前一直没有使用,是因为使用这种以“敏捷开发”为目标而诞生的语言在一开始总是需要一些时间来变换思维,以及随之而来的“如何让CSS也具有结构性”的思考负担。其实这些思考都是应该有的,只是在项目时间比较紧的时候,往往更希望通过“加快打字速度”来提高效率。。。。   言归正传。。。LESS的语法和使用在中国社区已经描述的很清楚了,所以我只从自己学习使用的角度记录些需要注意的问题。   客户端使用   1. 直接打开html文件,IE下报“SCRIPT5:拒绝访问”的错误   按照手册中的说法创建完相应的less、html文件,加载完js,在firefox ...
其实此时此刻我并不知道造成这个错误的深层原因是什么,也不知道问题被解决的具体道理,只是先把这种异常情况记录一下,以防有人跟我一样被折磨过长时间。   这个问题是在我做一个腾讯微博授权绑定功能时出现的。   ...

CSS学习笔记

 
使用CSS有些年头了,但是很惭愧从来没有系统的看过一本书,基本都是“问题和需求”驱动的学习。最近比较闲,搞本《CSS权威指南》来看看,把一些之前忽略的问题总结一下,留待后用。     引言   1. CSS的意义: 在保持HTML结构化的同时丰富页面效果;缩减文件大小           出于这个意义,在css出现后,我们在书写html代码时,应该尽量避免使用样式标签,如<b> <font>等。   2. CSS的名称的含义: 样式+层叠   3. HTML元素的分类:替换元素 | 非替换元素   4. CSS2中引入的新分类:块级元素(bloc ...
自己的空间,不说废话了。。。   1. 通过配置apache服务器的httpd-vhosts.conf文件完成不同域名之间、一级域名到二级域名的跳转,参见:http://blog.sina.com.cn/s/blog_5cdc071b0100c4ij.html   2. 通过修改ci(codeigniter)的routes.php文件实现url ...
最近做了一个类似美丽说的图片分享网站,测试时发现打开某个网页时,firefox在资源管理器里的内存占用从原来的130M瞬间上升到了800M。。。这是个恐怖的数字。回去看自己的代码,猜想有没有可能是内存泄露的原因,但是内存泄露也不至于“瞬间”上升吧?接着发现某些页面就没有这种现象,对比了下,原因便一目了然了,占用巨大内存的页面拥有大量的高压缩图片——这个名字我自己起的,指的就是那些原尺寸很大,但是显示时通过css手动重置到了一个小尺寸的图片。因为没有设置图片尺寸限制,有些朋友上传了2048*2048以上的图片,而我又把它们压成了280的宽度展现,于是就悲剧了。   弥补办法就是: 1. 设置 ...
好吧,今天又因为由基础不扎实而导致的低级错误耽误了好多时间。。。。   我从前端取到一个价格数据传回后台,使用$_POST['price']接收。原本代码中设置了对price参数是否存在的判断,我是这么写的。。。。   if($_POST['price']) { //do something }   结果发现,对于 price = "0" 这种传入值始终无法执行“something”。 原因就是在php的if判断中 if(“0”) 相当于 if(false)。 于是我改成:   if($_POST['price'] != null ...
   今天在开发一个图片上传控件的时候,发现在IE8下上传一张图片后,接着再上传一张,居然显示的是之前的那张图片。造成这个问题的原因其实很简单:     我用uid+type作为后台存储图片的新名字,也就是,每个user只保存一张图片,这样,每次上传后,图片的src其实都是一样的。 浏览器会把相同src的图片自动缓存。因此,虽然后台的图片已经更新,但是浏览器确实从缓存中读出来的,因此一直显示你第一次上传的图片。 解决方法:后台存储图片后想前端返回src结果的时候,加一个unique的随机参数,形如:/xx/xx/xx.jpg?v=223232 这样浏览器就每次重新从后台取数据 ...
最近在开发一个工具类的网站,网站的背景和各模块的构建都需要加载很多图片资源。网速快得情况下还好,但是网速稍微慢一些,就会出现页面上短暂的CSS混乱或者图片空白的状况,使得用户体验相当的不好。所以就想到了使用一个资源加载进度条,在完成这些图片加载之后,再像用户显示界面。完成这个功能需要掌握如下key:   如何为css中的背景图设置缓存:其实很简单,只要缓存那张图片就可以了,也就是创建一个new一个image,src指向这张图片,也不用插入到文档中任何一个位置,这样浏览器缓存里就有了这张图片的记录了。 如何监控图片的加载过程:image对象本身就有onload方法,图片加载完成后o ...
安全相关 考查前端及系统安全方面的知识,需要对各种攻击手段和防范措施有基本的了解。 知识点 HTML转义符号、脚本转义符号。 参见百度百科:http://baike.baidu.com/view/73.htm 常见的XSS漏洞,及其避免方式。 Xss(跨站脚本 ...
HTTP协议   考查HTTP协议的认知程度和基本知识。 知识点 HTTP协议的概念,HTTP请求、响应的组成。 常见HTTP Method表达的意思,不仅仅是GET和POST GET: 请求指定的页面信息,并返回实体主体。HEAD: 只请求页面的首部。POST: 请求服务器接受所指定的文档作为对所标识的URI的新的从属实体。PUT: 从客户端向服务器传送的数据取代指定的文档的内容。DELETE: 请求服务器删除指定的页面。OPTIONS: 允许客户端查看服务器的性能。TRACE: 请求服务器在响应中的实体主体部分返回所得到的内容。PATCH: 实体中包含一个表,表中说明 ...
转一个牛人总结的前端知识框架图    http://www.otakustay.com/wp-content/uploads/2011/03/fe-knowledge-chart.htm   今儿开始,决定一条一条的过筛子,不然,妄称FE啊!!!  
   最近忙上,忙下,忙里,忙外,活儿做了不少。这里有重复劳动,也有新奇体验。重复的就无需再说,记录下新近学到的一些东西,以免以后遇到又去找来找去,baidu google的。。。。      内容都很基础,涉面也很杂,如果这个博客不小心被哪个大牛看到,不要嘲笑我。。。。       iframe相关:        两站交互问题: 使用背景:A站想要与B站进行交互 实现方式:在A站的body中增加iframe,src设置为B站的地址,iframe要设置id,以便查找。iframe中的网站为iframe外的网站的子窗口,反之,外面的是里面的父窗口。 调用方式:子窗口程序中调用 ...
Global site tag (gtag.js) - Google Analytics