
js/css/html
文章平均质量分 81
OshynSong
百度云计算事业部研发工程师
展开
-
网站的favicon详解
一、使用方法做个ico图标,命名为favicon.ico,把它传到你的页面下面。 并在相应的页面里加上代码在页面之间加: 二、ico图标做法: 1.在线生成favicon.ico地址:http://www.chami.com/html-kit/services/favicon/2.下个制作ico的软件,自己做。这个也是网站VI的一部分,看那些大牌网站都有了,咋当然也得搞一个。原创 2013-08-22 16:35:36 · 1596 阅读 · 0 评论 -
前端性能之非阻塞加载js脚本
SCRIPT标签的阻塞行为会对页面的性能产生影响,这是因为浏览器在下载脚本、解析、执行的过程中不会同时做其他事情,比如渲染页面、响应用户事件等。之所以这样做是因为正在执行的JavaScript代码可能会改变页面元素、修改样式、添加或者删除事件等各种操作,以及最关键的脚本之间的依赖性,浏览器必须等待当前执行的脚本执行完成之后再进行后续操作。脚本阻塞两种加载方式HTML页面中的JavaScript脚本有原创 2015-07-31 19:11:08 · 1761 阅读 · 0 评论 -
前端性能之js代码优化点
作用域JavaScript执行时会构建一个作用域链,用来进行变量解析,全局执行上下文只有一个object变量,定义了js中所有变量和函数。当创建一个函数时,会出现产生一个新的局部作用域,以this、arguments和命名的形参以及其他局部变量和函数初始化。整个作用域链的顶端是活动的作用域,变量解析的顺序是首先从当前作用域查找,当查找到结果后就终止查询,否则就继续往上一层作用域查询,直到全局作用域为原创 2015-07-31 23:06:07 · 819 阅读 · 0 评论 -
一个常见布局问题的讨论
需要实现的是一个简单的左右布局页面,左侧是一个固定定位的导航栏,右侧是主体内容,其中右侧下部需要实现一个footer,这个页脚需要在浏览器上下拉伸的时候始终固定在右侧下方,同时,当页面缩放到小于右侧主题内容高度时,footer不会超过主体内容。具体见下图:上述的html结构如下: 左侧固定导航栏 我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是原创 2014-07-09 15:27:20 · 1111 阅读 · 0 评论 -
JSON
Json作为一中数据传输方式原创 2014-05-13 16:39:21 · 997 阅读 · 0 评论 -
javascript进阶——Ajax
传统的Web 页面和应用中,用户每点击页面上的某个部分,浏览器就会向服务器发出一个请求,等待服务器做出响应,然后返回一个完整新网页,但在大多数情况下用户不得不忍受页面闪烁和长时间的等待。原创 2014-02-25 00:03:22 · 1805 阅读 · 2 评论 -
javascript进阶——分离式DOM脚本编程
编写分离式(unobstrusive)代码意味着对HTML内容的完全分离:数据来自服务器端,javascript代码用来动态化和交互。这种分离的好处是在不同浏览器之间使用是可以完全降级或升级运行,对于高级特性浏览器提供更丰富的交互,不支持高级特性的浏览器可以降级运行其所支持的部分。一、DOMDOM是表达XML文档的应用最广泛的方式,虽然可能未必是最快或者最轻量级和最易使用的,但是大部分we原创 2014-02-24 00:16:40 · 1427 阅读 · 0 评论 -
javascript进阶——测试和打包分发
建立一个面向对象的好的代码基础后,为了达到代码重用的目的,通过调试使用适当的测试用例进行测试尤为必要,之后就是打包分发的主题。一、调试与测试1、调试Firebug:包含了错误控制台、调试器、DOM查看器。可以很好的定位DOM结构。Chrome:拥有控制台、DOM查看器等于Firebug几乎类似功能。IE浏览器:错误控制台显示错误,F12打开开发者工具,提供了javascript原创 2014-02-22 22:05:23 · 1285 阅读 · 0 评论 -
javascript进阶——面向对象特性
面向对象的javascript是这门语言被设计出来时就考虑的问题,熟悉OOP编程的概念后,学习不同的语言都会发现不同语言的实现是不同的,javascript的面向对象特性与其他具有面向对象特性的语言的实现的区别比较大,通过不断编程实践才能逐渐体会到面向对象的优点从而形成自己独特的javascript面向对象实现方式,这也是编写可重用代码的关键。一、语言特性对象(Object)是组成java原创 2014-02-22 00:28:02 · 1506 阅读 · 0 评论 -
固定顶部导航栏和左侧边栏滚动条为右下方的一类布局分析
在管理界面或者一些需要固定显示信息的界面,经常遇到这样的布局:顶部导航栏固定不动,左侧有一个侧边栏用来显示详细信息,右下侧为主要内容所在区域。如下图所示: 这是需要达到的目标效果。其中Header和SideNav部分之间用固定定位实现就可以了,但是MainContent部分右侧的scroll bar确实不太好处理,主要存在两个问题: - 按照普通的方式基本都会铺满右侧整个可视区域,这使得顶部原创 2015-08-16 13:55:26 · 9810 阅读 · 0 评论