轩枫阁

首页 / Web前端 (第22页)

AJAX 技术分享

AJAX 在哪里?Where

无所不在的 AJAX。

  • 百度搜索框,智能补全
  • 微博搜索框,智能补全
  • 淘宝搜索框,智能补全
  • 百度相册,图片浏览
  • QQ 二维码登录

什么是 AJAX?What

网页中处理异步请求的技术。

  • AJAX 即 “Asynchronous Javascript + XML”,是指一种创建交互式网页应用的网页开发技术。
  • AJAX 是一种用于创建快速动态网页的技术。

查看全文

2014/12 10  周三

Js中iframe相关window.parent ,window.top,window.self解析

前言

在网页中有嵌入frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

window.self

功能:是对当前窗口自身的引用。它和window属性是等价的。

语法:window.self

:window、self、window.self是等价的。 查看全文

2014/12 06  周六

基于html5 Canvas图表库 : ECharts

ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。—— 大数据时代,重新定义数据图表的时候到了

Architecture

ECharts (Enterprise Charts 商业产品图表库)

提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时支持任意维度的堆积和多图表混合展现。

混搭

混搭的图表会更具表现力也更有趣味,ECharts提供的图表(共9类14种)支持任意混搭:

折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、 饼图(环形图)、雷达图、地图、和弦图、力导布局图。 查看全文

2014/11 28  周五

网酷前端性能优化相关编码规范

前言

本文主要介绍在使用HTML、CSS、JS的过程中,需要注意的编码细节和规范。

一、css编码规范

1.避免使用css表达式

如IE6兼容position:fixed的写法,CSS中 left:expression(eval(document.documentElement.scrollLeft+50)) 距左边50像素

2.选择使用而不是@import

在IE中,使用@import相当于将放在页面底部。

3.避免使用Filter

使用filter的问题是它会阻塞渲染并且当浏览在加载图片时,会冻结浏览器。它也会提升内存消耗,它是作用于一个元素而不是一个图片,所以问题会更严重。

最好的解决方案是完全避免使用AlphaImageLoader,用PNG8来代替。

4.css选择符

css选择符的编写方式决定了浏览器必须执行的匹配次数,而某些类型的css选择符将会导致浏览器尝试更多匹配,因此开销比简单选择符更高。 查看全文

2014/11 15  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子