Tag: html

修复网站加载时间?

目前我的网站需要花费几千年才能加载,即使它几乎没有任何东西。 我的假设是,这是因为页面上有很多图片和JavaScript。 有没有一种方法来testing是什么导致了长时间加载?

用CSS添加双引号到段落

可以说我有这个段落: <p class="myclass">This is my paragraph</p> 什么是CSS代码添加到这个段落的双引号? (所以它会呈现“这是我的段落”) .myclass {}

分页实现同位素

我试图在我的WordPress网站上使用分页实现同位素(这对大多数人来说显然是一个问题)。 我想出了一个scheme,如果我能弄清楚一些事情的话可能会起作用。 在我的页面上,我有我的同位素脚本的这部分 – $('.goforward').click(function(event) { var href = $(this).attr('href'); $('.isotope').empty(); $('.isotope').load(href +".html .isotope > *"); $( 'div.box' ).addClass( 'isotope-item' ); $container.append( $items ).isotope( 'insert', $items, true ); event.preventDefault(); }); 然后我使用这个我从这里修改过的分页函数来实现'goforward'类 – function isotope_pagination($pages = '', $range = 2) { $showitems = ($range * 2)+1; global $paged; if(empty($paged)) $paged = 1; if($pages == '') { […]

继续dynamic文本到单独的<p>段落?

下面的小提琴允许将文本粘贴到一个<textarea>并且由相同数量的字符dynamic地生成为相等的段落。 发生的问题是; 来自先前dynamic生成的段落的文本在每个标签内溢出并且不能正确地继续到下一个dynamic段落。 因此,用户是否可以按下input键并将该内容向下移动到下一个现有段落中,同时仍然保持现有格式的dynamic和自动? 如果能提供一个新的小提琴 ,那将是非常值得赞赏的,因为我还是新的编码。 再次,小提琴可以在这里find。 更新:一旦生成了段落,用户是否可以按下回车键,并在可能的情况下将其内容无缝移动到下面的段落中? 同样按下退格button时也是一样的,内容要移到上面那段? 出现的问题是,当按下Enter键时,文本似乎由于css中的溢出属性而隐藏文本。 $(function() { $("#Go").on('click', function() { var theText = $('textarea').val(); var numberOfCharacters = 300; while (theText.length) { while (theText.length > numberOfCharacters && theText.charAt(numberOfCharacters) !== ' ') { numberOfCharacters++; } $("#text_land").append("<br><\/br><p>" + theText.substring( 0, numberOfCharacters) + "<\/p><br><\/br>"); theText = theText.substring(numberOfCharacters); numberOfCharacters = 300; $('p').attr('contenteditable', 'true'); $("p").addClass("text"); } […]

代码折叠在书上

RMarkdown中的代码折叠选项是非常棒的。 该选项使程序化方法对于感兴趣的人是透明的,而不会迫使观众翻阅数英里的代码。 通过散文和交互式graphics输出,代码的紧密放置使得整个项目更容易被更广泛的读者所接受,而且还减less了对额外文档的需求。 对于一个更大的项目,我正在使用bookdown,而且效果很好。 唯一的问题是没有代码折叠选项。 代码折叠当前未在bookdown中启用。 (请参阅在bookdown中启用代码折叠 ) 我知道我不需要一个select来实现它。 我只需要把正确的代码粘贴在正确的地方或地方。 但是什么代码和哪里? 一个可行的替代方法是将代码块放置在页面中块的输出之下。 或者,最后把它们作为附录。 我可以做到这一点,但不能像rbookdown重现。

Wkhtmltopdf单行中的字符在页面之间部分切割

我正在一个项目中使用ruby(3.1)。 我的要求是从HTML内容生成PDF。 所以我使用pdfkitgem。 在一些页面中,单行中的字符在页面之间部分切割。 当我转换成PDF转换为pdf格式的PDF格式 wkhtmltopdf的版本: wkhtmltopdf – 0.11.0 rc1 操作系统: Linux CentOS 5.5 在下面的图片中显示了在页面之间部分剪切的字符 请提出解决scheme。 例1 例2

DNS预取/预先parsing主机名 – 如何有效?

我一直在阅读这个如何工作,但正在努力去理解它。 从我可以告诉如果我在我的网页的头部设置<link rel="dns-prefetch" href="//ajax.googleapis.com" />我应该看到一个更快的请求完成是我引用这个任何资产域。 [参考文献] 现在有两个问题目前困扰着我: 1)这是否只有帮助未来的页面请求 我的意思是,如果我使用Google的CDN 在我网站的每个页面上获取jQuery ,都会在 <link />之上加上任何区别? 或者只有在我的主页上没有引用CDN,而是在所有其他页面上引用CDN的时候,它才有用处? 在第二个选项中,用户将打开主页,在我的内容页面上parsing并caching准备好下载的DNS主机。 2)我如何testing这个的有效性? 我想,如果我知道这个答案,我会更好地理解问题1.我试图使用Firebug和Chrome开发人员工具,并观看networking和资源面板,但我看不出有什么重大区别。 我能看到的唯一趋势是,如果有的话,当我使用<link />时,完成我的请求需要更长的时间! 我已经阅读了关于MDN和Chromium博客的文档(都是旧的!),但我仍然没有得到它。 任何帮助将不胜感激 – 谢谢! 更新 – 22/01/2013 只是阅读更多的这个问题,并认为我应该包括这个问题的人的链接。 csswizardry写了一篇很好的文章,介绍了这个问题,并且链接到了perfplanet的更多的研究 。 如果有人对此有更多的信息/见解,请添加答案! 这是另一个更近期的问题的链接 – 希望这将帮助人们find他们正在寻找的答案。

angular色=button是什么意思?

我发现,在Google+项目的页面上,button都是由div制作的,例如: <div role="button"></div> 我想知道,这仅仅是为了语义,它是否影响div的风格或事件句柄? 我试图模拟点击与JQuery单击button,但它不起作用。

适当的CSS来生成一个跨浏览器的复选标记

我正在使用以下CSS在我的<li>列表项之前添加复选标记: ul.checkmark li:before { content:"\2713\0020"; } 然后在HTML中: <ul class="checkmark"> <li>Learn the keyboard at your own pace</li> </ul> 在Safari,Firefox和Chrome中很好用,但在IE8上显示“怪异的外框”。 苹果浏览器: IE8: 有没有一个便携的方式来指定一个好看的复选标记,可以在所有主stream浏览器中使用? 编辑解决scheme :我最终使用下面的一个变化meder的答案: ul.checkmark li { background:url("../checkmark.gif") no-repeat 0 50%; padding-left: 20px; } ul.checkmark { list-style-type: none; }

链接/ HREF参数(以问号开始)是有效的?

这个链接是否有效? <a href="?lang=en">eng</a> 我知道浏览器将其视为预期,我知道空的链接也可以 – 但是可以指定参数吗? 我很好奇,因为问号(“?”)只是大多数HTTP服务器(AFAIK)的约定,尽pipe我承认这是一个普遍的问题。 所以,回顾一下: 所有的浏览器都能正确解释这个吗? 这是在RFC? 我可以使用这个问题吗? 更新:点击的预期行动是redirect到同一页面,但具有不同的GET参数(在上面的例子中“lang = en”)。