- 博客(19)
- 问答 (1)
- 收藏
- 关注
原创 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 686
原创 20150805面试有感
今天两家面试,第一家是一家投资公司,高大上的办公环境,个个正装,感觉有点不习惯,先是技术总监面试,给了简历,看了之前项目之后,简单的问了几个问题,然后就ok了,之后就人事聊工作的问题,说是给不了我要求的工作,因为我到岗的时间是下周一,所以对方给的答复是三天内给到电话聊薪资问题,谈得拢就下周一上班。这样不知道是拿到offer还是没拿到,应该是没拿到吧,这家公司的工作性质是维护,维护该公司的网站,以及
2015-08-06 00:26:22 639
原创 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 791
原创 看书注意到的一个css选择器小知识点(积累)
今天在去图书馆随意翻书的情况下发现了一个稚气模糊不清的一个小的知识点, 浏览器在解析css选择器的时候,是从右往左的,也就是说,在”nav-list li a“这个选择器的时候,会想找到a元素列表,然后找到 在li 下面的 a 列表,再找 在nav-list下面的 li a 列表,这样是很耗性能的,这也是要少用后代选择器的一个原因。 之前找到要少用继承,多用组合,方便管理以及后续维护,不过知道
2015-08-03 23:00:24 743
原创 做完一个“html嵌套到原生页面”项目后的一个整理
js与原生交互文件base.js注意: 1.pub.agr.detaUlr这个数组必传 2.setDetaurl() 这个函数在base.js在加载的完就要执行,才能避免有时候有时出现变量不存在的原因 3.pub 公共对象定义的原因在于“减少全局变量污染”,所以在要用到公共变量的时候,可以在pub对象里面定义属性或者扩展对象 4.新建一个 likeNative.js 里面定义要接口,该文件用来模拟
2015-05-21 11:14:03 1254
原创 简单暴力的禁止html页面滚动的方法
在html页面 弹出弹窗的时候总是给一个问题烦到,就是页面还是可以滚动,虽然弹出的div是没变。 解决方法就是:移动端:在弹窗的时候 禁止 ontouchmove,给preventdefault(); pc端:在弹窗的时候 禁止鼠标滚动 onmousewheel,给preventdefault(); 当弹出隐藏的时候,恢复事件的默认动作就可以了。
2015-03-18 15:28:53 4034
原创 javascript与原生的交互小知识
以上是 移动端跟html页面交互的一个做法;那么在前端这方面需要做些什么呢? 1.统一定义好“接口名”(例如:Js_Interactive),在html中调用原生方法的方式: `window.Js_Interactive.method();` *在前期移动端未能配合测试的时候,可以自己定义一个Js_Interactive对象来测试交互效果有没有问题。 2.定义方法名 -定义原生调用js的函数名,这里只要命名符合
2015-03-05 16:58:26 873
原创 js、ios交互的一点小问题
第一次接触 这 所谓的 “混合开发” ,困难的地方在js 与 android ios交互这块 自己定义了一个接口文档给两个开发组,例如:接口名称:TestInteractive,js调用原生方法:test1(), test2(str1); test1因为没参数,所以 android 跟ios 都没问题,都可以调用得到,但是test2(str1)是有参数的,android的定义跟js一样,参数
2015-02-28 17:03:25 688
转载 看到一篇很好的文章《BEM —— 源自Yandex的CSS 命名方法论》分享下
人们问我最多的问题之一是在CSS类名中--和__是什么意思?它们的出现是源于BEM和Nicolas Gallagher... BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一
2015-02-10 18:29:58 693
原创 移动web前端路上——笔记(1)
遇到这样的设计图,刚开始还真是不知所措,因为要防止他超过两行,所以给字体 line-height 20px 盒子高度 40px,但是在一行的时候会出现空白太多的问题,单是如果要针对一行跟两行来写样式的话,我们怎么去知道文字是一行还是两行? 最后想到的解决方法就是max-height 40px ,完美解决
2015-02-10 15:55:34 702 1
原创 DOM 插入标记
插入标记 如果用createElement(),appendChild()这样一个一个的创建、添加元素的话是比较麻烦的,相对来说,使用插入标记技术,直接插入HTML标记字符串不仅简单而且快速,以下插入标记DOM扩展已经纳入到HTML5中。 1.innerHTML -在读模式下,innerHTML会返回调用元素的所有子节点 例如:啦啦啦德玛西亚
2015-01-29 17:17:02 628
原创 Nodejs 模块 与 npm 包管理工具(笔记1)
模块 foo.js var 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 794
转载 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 1259
转载 网页加载历程详解
网页加载历程详解 网页加载过程详解 网页加载的详细步骤拆分: 1、用户打开url链接 2、浏览器查询url的dns地址 3、提交url请求到服务器端 4、服务器端处理 5、传输处理好的html文本内容到浏览器 6、浏览器解析html,并加载css,js,图片等内容 7、加载完成,用户看到完整的页面内容
2015-01-27 18:23:07 942
原创 DOM扩展——笔记
NodeList NodeList代表一个有顺序的节点列表 NamedNodeMap NamedNodeMap代表一个无顺序的节点列表 HTMLcollection HTMLCollection 是一个接口,表示 HTML(标准通用标记语言下的一个应用) 元素的集合,它提供了可以遍历列表的方法和 属性。 HTML DOM 中的 HTML
2015-01-27 17:45:07 558
原创 谷歌浏览器 fixed 出现bug
在谷歌浏览器,当页面有css3 animation 且有 fixed块的时候,fixed块在页面滚动的时候会出现fixed块闪动 这种bug算是页面交互渲染这类问题,试着触发浏览器的重绘。 webkit/blink内核渲染bug修复神器,webkit 的 haslayout: -webkit-transform:translateZ(0); 完美搞定。
2015-01-27 14:27:50 805
原创 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 4235
原创 今天不忙,看了下DOM,无聊写写记记(详细的是笔者之前没主要的,不详细和缺少的是了解的)
document对象 1.document.documentElement==document.childNodes[0]=document.firstNode 取到对的引用 2.document.body 取得对的引用 document 是 HTMLDocument 的实例对象,document对象有一些标准Document对象没有的属性 docume
2015-01-23 18:02:40 581
原创 手机web遇到的问题及解决方法
首先,先说的是我每个项目都会用到的一个模板页,这个我遇到大大小小的坑之后定义好的一个html文件 上面的meta可以帮我避免了好都问题 遇到的问题: 1.苹果手机上面,input控件会有默认的样式 解决 /*去掉苹果手机端web按钮默认样式,解决按钮默认圆角问题*/ input[t
2015-01-23 16:31:34 4440 1
空空如也
IOS JS使用EasyJSWebView交互出现bug调用不到
2015-03-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人