前端工具bower wiredep

前端工具bower wiredep
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 详细信息请参考 bower官网 。 几个例子: 1.当前项目需要引入jquery bower install jquery 只需上面简单一条命令就可以将jquery库已经其依赖的库下载下来。直接就可以在项目中引用相关的文件就可以了。 2.使用bower.json { "name": "bower demo", "version": "2.9.0",...

JavaScript异步编程

JavaScript异步编程
JavaScript的单线程特性与异步编程实现方式: 回调函数,发布订阅模式,Promise对象三种,关于Promise介绍的比较简略,决定再详细总结一下,既是对上一篇文章的补充,也能以更深刻的方式分享自己关于异步编程的理解。 前言 如果你有志于成为一个优秀的前端工程师,或是想要深入学习JavaScript,异步编程是必不可少的一个知识点,这也是区分初级,中级或高级前端的依据之一。如果你对异步编程没有太...

requirejs压缩工具r.js的build.js配置详解

requirejs压缩工具r.js的build.js配置详解
至于requirejs大家都是很熟悉的了,它的打包工具r.js是非常好用,也非常强大的,但是建于它的配置参数比较多,这里列出一份所有参数的中文详解,方便理解和记忆。 appDir: “some/path/” (选填)app的顶级目录。如果指定该参数,说明您的所有文件都在这个目录下面(包括baseUrl和dir都以这个为根目录)。如果不指定,则以baseUrl参数为准 baseUrl: ”./” ...

requirejs压缩工具r.js 使用介绍

requirejs压缩工具r.js 使用介绍
为了应对日益复杂,大规模的JavaScript开发。我们化整为零,化繁为简。将复杂的逻辑划分一个个小单元,各个击破。这时一个项目可能会有几十个甚至上百个JS文件,每个文件为一个模块单元。如果上线时都是这些小文件,那将对性能造成一定影响。   RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包。 r.js的压缩工...

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()...

大牛深度解析大数据可视化、可视分析案例

大牛深度解析大数据可视化、可视分析案例
大数据可视化是个热门话题,在信息安全领域,也由于很多企业希望将大数据转化为信息可视化呈现的各种形式,以便获得更深的洞察力、更好的决策力以及更强的自动化处理能力,数据可视化已经成为网络安全技术的一个重要趋势。 1什么是网络安全可视化?攻击从哪里开始?目的是哪里?哪些地方遭受的攻击最频繁通过大数据?网络安全可视化图,我们可以在几秒钟内回答这些问题,这就是可视化带给我们的效率。大数...

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...

如何防止XSS攻击

如何防止XSS攻击
XSS攻击 XSS攻击类似于SQL注入攻击,攻击之前,我们先找到一个存在XSS漏洞的网站,XSS漏洞分为两种,一种是DOM Based XSS漏洞,另一种是Stored XSS漏洞。理论上,所有可输入的地方没有对输入数据进行处理的话,都会存在XSS漏洞,漏洞的危害取决于攻击代码的威力,攻击代码也不局限于script。 DOM Based XSS DOM Based XSS是一种基于网页DOM结构的攻击,该攻击特点是中招的人是少数人。 场景一: 当我登录a...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: