10月30日下午,在百度大厦成功举办了百度前端技术交流会。
架构&&基础化设施服务
最近参与的一个项目Marmot中需要根据点坐标绘制热力图。
认知维度(也称作符号认知维度,Cognitive Dimensions or Cognitive Dimensions of Notations,简称CD)是一套关于符号标记、用户界面和编程语言的设计原则。 认知维度提供一种轻量级的方法来帮助分析设计,它包含了14条不同的维度来指导设计。
前阵子和伟大的JK同学学习了一下目前我们框架里新版本的selector,这里列的是第一版selector的代码思路。
这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成。在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你展示出如何借用Sizzle之手实现自定义选择器(也许更标准的叫法叫做过滤符)和它与YUI 选择器的大致比较。
xss是前端经常会遇到的问题,由于页面中的js都执行在同一个上下文中,意味着一旦出现xss漏洞,攻击者就能享有和页面其它部分js同样的权利,能做任何事情
本项目的目标是使用户更方便的筛选和选购手机,通过手机图片的动画和过渡等效果让用户在视觉和筛选流程上得到更满意的体验,保留最近四次选择的手机历史列表。选中一个手机会在后端通过关联算法得到用户最感兴趣的6个手机组成的列表。下面简单介绍下程序中所使用的技术细节。
5月5日,Opera软件公司首席技术官Håkon Wium Lie先生做客百度,在与百度首席科学家William进行短暂交流之后,又来到会议室与同学们畅谈未来互联网的发展趋势。200多名同学把不大的会议室塞得满满当当,很多同学不得不席地而坐,有的同学甚至站在门口聆听大师的演讲——这或许就是技术的魅力。
在百度地图搜索驾车路线的时候,用户可以在结果路线上进行拖拽,使路线按照用户的意愿进行调整。 当用户将鼠标移至路线上时,在路线上会出现一个圆圈和一些文字信息,提示用户可以拖拽当前这个位置,本文介绍了此功能目前的一些问题以及新的解决方案。
很久以前 Roger Johansson 就在他的 blog 上做了一个 用样式控制表单元素 的测试 , 告诉我们企图用样式控制表单元素是一件不可能的事情
四、如何优化你的脚本来减少reflow/repaint? 1. 避免在document上直接进行频繁的DOM操作,如果确实需要可以采用off-document的方式进行,具体的方法包括但不完全包括以下几种:
三、浏览器优化 浏览器对于每一个渲染动作并不是立即执行,而是维护了一个渲染任务队列,浏览器会根据具体的需要分批集中执行其中的任务。除了浏览器自身维护的定期调度之外,脚本中的某些操作会导致浏览器立即执行渲染任务,例如读取元素的Layout属性。
一、什么是repaint/reflow? 页面在加载的过程中,需要对文档结构进行解析,同时需要结合各种各样的样式来计算这个页面长什么样子,最后再经过浏览器的渲染页面就出现了。这整个过程细说起来还是比较复杂,其中充满了repaint和reflow。对于DOM结构中的各个元素都有自己的盒子(模型),这些都需要浏览器根据各种样式(浏览器的、开发人员定义的等)来计算并根据计算结果将元素放到它该出现的位置,这个过程称之为reflow;当各种盒子的位置、大小以及其他属性,例如颜色、字体大小等都确定下来后,浏览器于是便把这些元素都按照各自的特性绘制了一遍,于是页面的内容出现了,这个过程称之为repaint。
1. 数据类型 javascript中包含6种数据类型:undefined、null、string、number、boolean和object。其中,前5 种是原始数据类型,object是对象类型。 object类型中包括Object、Function、String、Number、Boolean、Array、Regexp、Date、 Globel、Math、Error,以及宿主环境提供的object类型。
在前段领域中,对Javascript和CSS的优化一直是大家关注的焦点,相应的压缩优化工具也非常丰富,相对而言对HTML优化的关注则显得有些冷淡。
模块化就是为了减少循环依赖,减少耦合,提高设计的效率。为了做到这一点,我们需要有一个设计规则,所有的模块都在这个规则下进 行设计。良好的设计规则,会把耦合密集的设计参数进行归类作为一个模块,并以此划分工作任务。而模块之间彼此通过一个固定的接口(所谓的可见参数)进行交互
有啊网页诊断工具是一个轻量级的浏览器环境检测工具,基于Javascript以及Flash实现。它的主要功能包括问题检测以及针对某些问题给予提示性的建议,从而帮助用户自助的解决一些简单的问题。此外还能生成简单的检测报告,通过报告开发人员可是获得更为详细的环境信息,为解决问题提供有效的支持。 该工具具体的检测项包括以下几个: 1. Javascript版本信息 2. Cookie是否开启 3.
桐花万里丹山路,雏凤清于老凤声——唐·李商隐《韩冬郎既席为诗相送因成二绝》
百度地图产品运用了大量的动画效果,比如:操作鱼骨或快捷键使地图移动、鹰眼控件的展开和收缩、滚动鼠标滚轮使地图进行缩放。PM对动画效果提出了平滑,流畅的要求,那么如何才能做到呢?
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号