牙膏00-CSDN博客

原创 background 笔记1

1.background-size:auto || || ||cover ||cantaincover: 放大铺满，但会使图片失真 contain:保持北京图片本身的比例，将图片缩放至宽或者高正好适应所定义北京容器区域支持 IE9+ Firefox3.6+ chrome 4.0+ oprea 10+ sarfri 3+2.background-break:bounding-box || ea

2015-09-09 23:12:47 666

今天两家面试，第一家是一家投资公司，高大上的办公环境，个个正装，感觉有点不习惯，先是技术总监面试，给了简历，看了之前项目之后，简单的问了几个问题，然后就ok了，之后就人事聊工作的问题，说是给不了我要求的工作，因为我到岗的时间是下周一，所以对方给的答复是三天内给到电话聊薪资问题，谈得拢就下周一上班。这样不知道是拿到offer还是没拿到，应该是没拿到吧，这家公司的工作性质是维护，维护该公司的网站，以及

2015-08-06 00:26:22 628

原创 js时间间隔和倒计时

var commom={};commom.interval=function(timestr){ var timestr=countTime(timestr); if(timestr>=0) { if (sencond_dif < 60) { time_str = "刚刚"; } else if (sencon

2015-08-03 23:30:55 753

原创看书注意到的一个css选择器小知识点（积累）

今天在去图书馆随意翻书的情况下发现了一个稚气模糊不清的一个小的知识点，浏览器在解析css选择器的时候，是从右往左的，也就是说，在”nav-list li a“这个选择器的时候，会想找到a元素列表，然后找到在li 下面的 a 列表，再找在nav-list下面的 li a 列表，这样是很耗性能的，这也是要少用后代选择器的一个原因。之前找到要少用继承，多用组合，方便管理以及后续维护，不过知道

2015-08-03 23:00:24 722

原创做完一个“html嵌套到原生页面”项目后的一个整理

js与原生交互文件base.js注意：1.pub.agr.detaUlr这个数组必传2.setDetaurl() 这个函数在base.js在加载的完就要执行，才能避免有时候有时出现变量不存在的原因3.pub 公共对象定义的原因在于“减少全局变量污染”，所以在要用到公共变量的时候，可以在pub对象里面定义属性或者扩展对象4.新建一个 likeNative.js 里面定义要接口，该文件用来模拟

2015-05-21 11:14:03 1216

原创简单暴力的禁止html页面滚动的方法

在html页面弹出弹窗的时候总是给一个问题烦到，就是页面还是可以滚动，虽然弹出的div是没变。解决方法就是：移动端：在弹窗的时候禁止 ontouchmove，给preventdefault()； pc端：在弹窗的时候禁止鼠标滚动 onmousewheel,给preventdefault();当弹出隐藏的时候，恢复事件的默认动作就可以了。

2015-03-18 15:28:53 3986

原创 javascript与原生的交互小知识

以上是移动端跟html页面交互的一个做法；那么在前端这方面需要做些什么呢？1.统一定义好“接口名”（例如：Js_Interactive），在html中调用原生方法的方式：`window.Js_Interactive.method();`*在前期移动端未能配合测试的时候，可以自己定义一个Js_Interactive对象来测试交互效果有没有问题。2.定义方法名 -定义原生调用js的函数名，这里只要命名符合

2015-03-05 16:58:26 839

原创 js、ios交互的一点小问题

第一次接触这所谓的 “混合开发” ，困难的地方在js 与 android ios交互这块自己定义了一个接口文档给两个开发组，例如：接口名称：TestInteractive，js调用原生方法：test1(), test2(str1);test1因为没参数，所以 android 跟ios 都没问题，都可以调用得到，但是test2(str1)是有参数的，android的定义跟js一样，参数

2015-02-28 17:03:25 670

转载看到一篇很好的文章《BEM —— 源自Yandex的CSS 命名方法论》分享下

人们问我最多的问题之一是在CSS类名中--和__是什么意思？它们的出现是源于BEM和Nicolas Gallagher...BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格，而且包含更多的信息，它们用于一

2015-02-10 18:29:58 670

原创移动web前端路上——笔记（1）

遇到这样的设计图，刚开始还真是不知所措，因为要防止他超过两行，所以给字体 line-height 20px 盒子高度 40px，但是在一行的时候会出现空白太多的问题，单是如果要针对一行跟两行来写样式的话，我们怎么去知道文字是一行还是两行?最后想到的解决方法就是max-height 40px ,完美解决

2015-02-10 15:55:34 668 1

原创 DOM 插入标记

插入标记如果用createElement(),appendChild()这样一个一个的创建、添加元素的话是比较麻烦的，相对来说，使用插入标记技术，直接插入HTML标记字符串不仅简单而且快速，以下插入标记DOM扩展已经纳入到HTML5中。1.innerHTML -在读模式下，innerHTML会返回调用元素的所有子节点例如:啦啦啦德玛西亚

2015-01-29 17:17:02 600

原创 Nodejs 模块与 npm 包管理工具（笔记1）

模块 foo.jsvar name="";var _name;function foo(name){ _name=name;}foo.prototype.GetName=function(){ return _name;};foo.prototype.SetName=function(name){ _name=name;}foo.proto

2015-01-29 10:42:38 774

转载 js的预编译（很神奇的东西）

昨天在论坛上面看到这么一个帖子《回答得了分数拿去，考js基础》；于是乎看到这样的一道题var aa="aa";function test(){ alert(aa); var aa='bb'; alert(aa);}test();我给出的结果是 aa bb，觉得在test()执行的时候，应该会顺着作用域链的问题找到window下的aa，输出 aa，然

2015-01-28 14:43:39 1239

转载网页加载历程详解

网页加载历程详解网页加载过程详解　　网页加载的详细步骤拆分：　　1、用户打开url链接　　2、浏览器查询url的dns地址　　3、提交url请求到服务器端　　4、服务器端处理　　5、传输处理好的html文本内容到浏览器　　6、浏览器解析html，并加载css，js，图片等内容　　7、加载完成，用户看到完整的页面内容

2015-01-27 18:23:07 910

原创 DOM扩展——笔记

NodeList NodeList代表一个有顺序的节点列表NamedNodeMap NamedNodeMap代表一个无顺序的节点列表HTMLcollection HTMLCollection 是一个接口，表示 HTML（标准通用标记语言下的一个应用）元素的集合，它提供了可以遍历列表的方法和属性。 HTML DOM 中的 HTML

2015-01-27 17:45:07 532

原创谷歌浏览器 fixed 出现bug

在谷歌浏览器，当页面有css3 animation 且有 fixed块的时候，fixed块在页面滚动的时候会出现fixed块闪动这种bug算是页面交互渲染这类问题，试着触发浏览器的重绘。webkit/blink内核渲染bug修复神器，webkit 的 haslayout: -webkit-transform:translateZ(0); 完美搞定。

2015-01-27 14:27:50 789

原创 jquery扩展html5+canvas实现多张图片预览压缩上传

主要javascript代码function img_remove(a) { var b = $(a).prev().attr("idnum"); $(a).parent().remove(), $("#f_" + b).remove(), console.log("asdf")} !function(a) { function b(b, c, d, e, f) { var

2015-01-23 18:11:22 4216

原创今天不忙，看了下DOM，无聊写写记记（详细的是笔者之前没主要的，不详细和缺少的是了解的）

document对象1.document.documentElement==document.childNodes[0]=document.firstNode 取到对的引用2.document.body 取得对的引用document 是 HTMLDocument 的实例对象，document对象有一些标准Document对象没有的属性docume

2015-01-23 18:02:40 567

原创手机web遇到的问题及解决方法

首先，先说的是我每个项目都会用到的一个模板页，这个我遇到大大小小的坑之后定义好的一个html文件上面的meta可以帮我避免了好都问题遇到的问题：1.苹果手机上面，input控件会有默认的样式解决/*去掉苹果手机端web按钮默认样式，解决按钮默认圆角问题*/input[t

2015-01-23 16:31:34 4364 1

牙膏的专栏