NEW

完美解决JS文件页面加载时的阻塞问题

完美解决JS文件页面加载时的阻塞问题
概述:JS分拆的方法 1.XHR注入:就是用ajax异步请求同域包含脚本的文件,然后将返回的字符串转化为脚本使用,该方法不会造成页面渲染和onload事件的阻塞,因为是异步处理,推荐使用。 2.iframe注入:加载一个iframe框架,通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞,但是iframe元素开销较大,不推荐。 3.DOM注入:就是创建script元素,通过制定该元素的src并放入DOM树中,根据该语...

jquery代码优化要领

jquery代码优化要领
一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是JQ,在JS中都是必须的 二、如果有多个变量可以使用一个var eg:var index=0,$main=$(".main"); 三、定义jQuery变量是添加$符号 eg:var $main=$(".main");利于代码的阅读性 四、DOM操作请务必记住缓存(cache) DOM操作是非常耗费资源和性能的,一般大部分人喜欢直接这样: $(".main").html("结束"); $(".main").show()...

D3.js 动态数据刷新视图详解

D3.js 动态数据刷新视图详解
在官网有着丰富demo的基础上,使用d3绘制一副静态图表并不是难事。但我们更多的需求是:根据用户操作动态获取数据库中数据,进而刷新视图。 最生硬的方法:删除element,重新绘制; d3.select('#svgID').remove(); //删除整个SVG d3.select('#svgID') .selectAll('*') .remove(); //清空SVG中的内容 此方法的确可以做到刷新视图的效果。  优点:快准狠!  缺点:  1. 不能实...

JavaScript可视化图表库D3.js API中文参考

JavaScript可视化图表库D3.js API中文参考
D3 库所提供的所有 API 都在 d3 命名空间下。d3 库使用语义版本命名法(semantic versioning)。 你可以用 d3.version 查看当前的版本信息。 d3 (核心部分) 选择集 d3.select - 从当前文档中选择一系列元素。 d3.selectAll - 从当前文档中选择多项元素。 selection.attr - 设置或获取指定属性。 selection.classed - 添加或删除选定元...

基于d3.js实现实时刷新的折线图

基于d3.js实现实时刷新的折线图
先来看看效果图 下面直接上源代码,html文件 <html> <head> <meta charset="utf-8"> <title>实时刷新折线图</title> <style> .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px; } .overlay { fill: none; p...

js监听地址栏hash值的变化

js监听地址栏hash值的变化
// < ![CDATA[ var protocol = window.location.protocol; document.write(''); // ]]>监听地址栏hash值的变化 - vcxiaohan的博客 - 博客频道 - CSDN.NET // < ![CDATA[ (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { ...

二维码插件jquery.qrcode.js的使用示例

二维码插件jquery.qrcode.js的使用示例
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="renderer" content="webkit"> <title>qrcode</title> <script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script&...

js创建svg元素的方法

js创建svg元素的方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> <link rel="stylesheet" href="http://v3.faqrobot.org/hvb/com/css/reset.css?dev=1"> <s...

node-canvas 图形模块 安装攻略

node-canvas 图形模块 安装攻略
1.先安装 Python; 通过Python 官网 http://www.python.org/getit/ 下载并安装最新版本. 然后将Python 的安装目录(如: C:\Program Files\Python) 添加到PATH环境变量中; 2.安装node-gyp 或将 npm 升级到内含 node-gyp 的版本 (nodejs v0.6.13以上的 npm 已内置了node-gyp, 则此步可以略过); 3.再安装 Visual C++ 2010 Express; 因为需要用到其中的MSBuild 用以编译 cairo 类库到本地代码; 微软官方获取: htt...

难以回答对的前端面试题js

难以回答对的前端面试题js
80%应聘者都不及格的JS面试题 时间 2017-04-11 09:33:59 51CTO 写在前面,笔者在做面试官这 2 年多的时间内,面试了数百个前端工程师,惊讶的发现,超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题?他考察了候...
Copyright © 前端技术分享休闲玩耍去处分享 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: