Tag: JavaScript

如何在div（Facebook风格）上创build自定义滚动条

我很好奇Facebook上的自定义滚动条是如何制作的。 它只是CSS或一些JavaScript以及？ 如果是的话，我可以知道代码的样子吗？ 这个问题是特定于Facebook滚动条样式，而不是如何简单地有一个自定义滚动条

用jQuery添加css文件

我创build一个popupwindow，我想添加一个css文件到这个popupwindow下面是popupwindow的代码。 我有一个JavaScript创build一个popupwindow。 <a href="popupwindowcontent.xhtml" title="Print" class="popupwindow">Print1</a> 现在我想添加一个css文件到这个popupwindow。 我试过类似的东西 $('.popupwindow').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />'); $('head').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />'); 但没有工作。 谢谢

AngularJS：将服务注入HTTP拦截器（循环依赖）

我正在尝试为我的AngularJS应用程序编写一个HTTP拦截器来处理身份validation。 这个代码可以工作，但我担心手动注入服务，因为我认为Angular应该自动处理这个： app.config(['$httpProvider', function ($httpProvider) { $httpProvider.interceptors.push(function ($location, $injector) { return { 'request': function (config) { //injected manually to get around circular dependency problem. var AuthService = $injector.get('AuthService'); console.log(AuthService); console.log('in request interceptor'); if (!AuthService.isAuthenticated() && $location.path != '/login') { console.log('user is not logged in.'); $location.path('/login'); } return config; } }; }) }]); 我开始做的，但遇到循环依赖问题： app.config(function ($provide, […]

使用Javascript / JQuery的JSON对象的区别

我有两个JavaScript中的JSON对象，除了数值相同。 它看起来像这样： var data = { "eth0":{"Tx":"4136675","Rx":"13232319"}, "eth1":{"Tx":"4","Rx":"0"}, "lo":{"Tx":"471290","Rx":"471290"} } var old = { "eth0":{"Tx":"4136575","Rx":"13232219"}, "eth1":{"Tx":"4","Rx":"0"}, "lo":{"Tx":"471290","Rx":"471290"} } 一个名为“data”的对象具有当前值，另一个名为“old”的对象在1秒前具有相同的值。 我想输出一个JSON对象只有值的变化 ，所以我可以计算networking接口上的数据吞吐量。 var throughput = { "eth0":{"Tx":"100","Rx":"100"}, "eth1":{"Tx":"0","Rx":"0"}, "lo":{"Tx":"0","Rx":"0"} } 我不知道如何去遍历JSON数据 – 它可以是任何数量的接口。 谁能帮我借一下吗？ 提前致谢

将图像url转换为Base64

使用图像文件，我得到一个图像的url，需要发送到一个web服务。 从那里，图像必须保存在我的系统本地。 我正在使用的代码： var imagepath = $("#imageid").val();// from this getting the path of the selected image that var st = imagepath.replace(data:image/png or jpg; base64"/""); 如何将图像的URL转换为BASE64？

从平面json生成（多级）flare.json数据格式

我有一个平的JSON文件结构，如： [ { "name" : "ABC", "parent":"DEF", "relation": "ghi", "depth": 1 }, { "name" : "DEF", "parent":"null", "relation": "null", "depth": 0 }, { "name" : "new_name", "parent":"ABC", "relation": "rel", "depth": 2 } …. …. ] 而我想要的是一个嵌套的文件结构，如： [ { "name": "DEF", "parent": "null", "relation": "null", "children": [ { "name": "ABC", "parent": "DEF", "relation": "ghi", "children": [ […]

烘焙转换成SVGpath元素命令

tl; dr总结 ：给我资源或帮助修复下面的代码，以便通过任意matrix转换SVG <path>元素的path命令。 细节 ： 我在写一个库来将任意的SVG形状转换成一个<path>元素。 当它在层次结构中没有transform="…"元素的时候，我已经工作了，但是现在我想将对象的局部变换烘焙到path数据命令本身中。 在处理简单的moveto / lineto命令时，这主要是工作（下面的代码） 。 但是，我不确定转换贝塞尔句柄或arcTo参数的适当方式。 例如，我可以将这个圆angular矩形转换为<path> ： <rect x="10" y="30" rx="10" ry="20" width="80" height="70" /> –> <path d=​"M20,30 L80,30 A10,20,0,0,1,90,50 L90,80 A10,20,0,0,1,80,100 L20,100 A10,20,0,0,1,10,80 L10,50 A10,20,0,0,1,20,30" /> 在没有任何圆angular的情况下，我得到了一个有效的结果： <rect x="10" y="30" width="80" height="70" transform="translate(-200,0) scale(1.5) rotate(50)" /> –> <path d=​"M10,30 L90,30 L90,100 L10,100 L10,30" /> 然而，仅仅转换椭圆弧命令的x / […]

在单个脚本中使用多个page.open

我的目标是通过使用以下命令来执行PhantomJS： // adding $op and $er for debugging purposes exec('phantomjs script.js', $op, $er); print_r($op); echo $er; 然后在script.js ，我打算使用多个page.open()捕获不同页面的屏幕截图，例如： var url = 'some dynamic url goes here'; page = require('webpage').create(); page.open(url, function (status) { console.log('opening page 1'); page.render('./slide1.png'); }); page = require('webpage').create(); page.open(url, function (status) { console.log('opening page 2'); page.render('./slide2.png'); }); page = require('webpage').create(); page.open(url, function […]

dynamic加载less.js规则

我正在寻找使用较less 。 js （看起来不错），但我们的网站要求一些样式在初始页面加载后dynamic加载。 但是，似乎所有的LESS样式表都必须在less.js脚本加载之前加载。 即这工作 <link rel="stylesheet/less" href="/static/less/style.less"/> <script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script> 但是如果行被交换，它会失败，Firefox和Chrome都不会尝试加载'style.less'，除非它们被正确地命令。 本教程中明确指出了sorting要求。 初始页面加载后有什么办法加载更less的样式表？ 请注意， 这个博客描述了一个“手表”function – 它会自动刷新CSS，每当你保存你的LESS代码 所以看起来有理由期望我可以在页面加载后添加一些LESS规则。 感觉像我失去了一些东西。 干杯， 科林 更新：用于testing评论中描述的行为的代码（在脚本之后列出较less的样式表） – <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Simple</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="/static/js/less-1.0.31.min.js"></script> <link rel="stylesheet/less" href="/static/less/style.less" id="abc123"/> </head> <body> <div id="container"> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit […]

JQuery或香草JavaScript中的DOM突变事件

有没有在JQuery或香草JavaScript中的跨浏览器的任何DOM突变事件？ 为了澄清，说我在我的网页上插入一个div的脚本。 我没有访问脚本，我不知道什么时候插入div。 我想知道是否有一个DOM突变事件，我可以添加一个监听器，知道什么时候插入一个元素。 我知道我可以使用一个计时器来定期检查插入，但是，我不太喜欢这会施加的开销。