草庐IT

html - 使 960 像素宽的网站适合移动设备

全部标签

javascript - 页面滚动时将 Div 元素从一个移动到另一个

我看到了一些与我正在寻找的相似但不完全相同的东西。所以我想做的是将元素从一个父div内移动到另一个父div,但只有在用户向下滚动页面一定量后才可以。因此,一旦用户到达页面上的某个点,元素就会移动到另一个点,然后在页面的最顶部淡入。到目前为止,我已经能够创建div元素并让它显示在页面顶部,但只有在用户向下滚动600时才会显示。我现在需要做的是一旦这个元素出现移动其他div页面上的元素出现在其中。不确定我是否解释得很好!因此,如果您查看下面的代码,我现在要做的是在用户向下滚动并出现时将所有div类“Test”移动到“Top”元素内。然后,如果用户再次向上滚动,“Top”元素就会消失,“Te

javascript - 直接在html中使用ES6模块中定义的函数

我正在尝试完成一件非常简单的事情:我在一个javascript模块文件上有一些代码,我将它导入另一个javascript文件(不导出任何东西),我想调用其中的一些定义函数直接从HTML文件。让我们举一些发生在我身上的有代表性的最小例子(实际测试了代码并给出了我在真实问题中遇到的完全相同的问题,实际上并不比这个问题复杂多少):module.js:constmod=()=>'Hellothere!';export{mod};main.js:import{mod}from'./module.js';functionhello(){console.log(mod());}main.html:O

javascript - Angular 服务 Assets 作为 MIME ('text/html' )

每当我们发布Angular应用程序的新版本时,页面将不会为用户加载,除非他们清除缓存。它只是让我们的加载程序永远旋转并卡在index.html上。在chrome控制台中有一个错误提示styles.css-hash的MIME类型为('text/html')而它不是支持的样式表MIME类型。请注意,我也看到这种情况发生在javascript文件中,包括来自Angular的main.js-hash。如果我们shift-clickrefresh或ctrlF5清除缓存,它会加载新的styles.css-newhash页面将加载。我在angular.json(我们使用的是angular7)中引用了

javascript - 使横向滚动网站快速加载的最佳方法是什么?

我是堆栈溢出和编程的新手,所以请原谅我任何尴尬的措辞!我正在构建一个图形丰富且大小为680x9400像素的横向滚动网站。我将使用一些javascript和/或mootools来创建一个很酷的横向滚动效果,类似于http://sursly.com.我正在对所有使用的图像进行网络优化,但想知道是否有人对如何加快页面加载有任何其他想法?例如,有没有办法在水平部分预加载网站?提前致谢。 最佳答案 使用类似于jQueryLazyLoadingPlugin的东西您可以获得明显的加速,因为只会加载可见图像。因此它们不会与屏幕外图像竞争。我知道您可

javascript - 我怎样才能衡量有多少字符适合文档的宽度?

我需要用JavaScript(我使用的是jQuery)编写一个函数,该函数知道适合浏览器窗口一行的字符数。我正在使用等宽字体来缓解这个问题,但如果我将它概括为不同的字体会更好。我如何知道在浏览器中有多少字符会填满一行?目的是计算填充一行的字符数。 最佳答案 您可以创建元素并向其附加字符,直到您检测到换行,例如通过观察offsetHeight的变化(您可以使用二分法对其进行优化)。这当然非常依赖于浏览器、系统、安装的字体和用户的设置,因此每次显示页面、调整大小或用户更改字体大小时(甚至整页缩放),您都必须为每个文本片段计算它引入了一些

javascript - 如何从浏览器访问客户端 PC 上的设备

从浏览器访问客户端PC上的设备(条形码阅读器、扫描仪等)有哪些不同的方式?我意识到我的用户可能需要一个插件。这些设备可能具有特定于其设备的API;如果可用的话,我想利用他们的API(可能是Java,可能是C,可能是命令行)。 最佳答案 签名Javaapplet可以独立于平台访问大多数内容。用户必须安装Java,并且必须允许签名的小程序运行。如果你写一个插件到NSAPI,一旦他们安装了它,您基本上就可以访问用户可以访问的任何内容。当然,他们必须安装插件。Flash提供了相当多的设备访问权限。

javascript - 如何检查浏览器是否支持 HTML 元素

有没有办法检查标签是否是有效的html标签和/或浏览器是否支持?就像我在一组p1标签中键入文本“hi”一样,浏览器不会显示任何内容,但p1不是有效的html标签。如何使用javascript检查这个? 最佳答案 如果要测试是否支持HTML5标签和属性,可以使用Modernizr—它是您包含的一个JavaScript文件,它会为您完成工作。它还增加了对之类的支持和使用JavaScript发送到浏览器,这样您就可以放心地使用它们了。如果您想确定支持XHTML1.0或HTML4标签……好吧,您可以假设它是支持的。没有人再使用Netscap

javascript - iPhone 应用程序和移动 safari 之间是否有任何共享状态?

我有一个网站和一个本地iPhone应用程序。该应用程序注册了一个自定义协议(protocol)。我希望网站在适当的时候自动重定向到协议(protocol),但前提是用户安装了应用程序(以避免烦人的对话框)。这意味着我需要从应用程序中写入一些我可以在移动safari中读取的状态,以将应用程序标记为已安装。Cookie似乎不存在跨进程。还有其他地方可以存放我的标记吗? 最佳答案 看this博客文章,了解Apple如何为MobileMeGallery应用程序做到这一点。它涉及应用程序在Safari中打开一个网站(在您的服务器上),该网站将

javascript - 我们如何使用canvas获取html5中的视频截图

您好,是否可以使用html5canvas捕获正在播放的视频的屏幕截图。 最佳答案 看起来这里是可能的:http://html5doctor.com/video-canvas-magic/ 关于javascript-我们如何使用canvas获取html5中的视频截图,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/5076435/

javascript - 如何使用 jQuery 将 html 附加到 <head>

我正在尝试将Facebook开放图标记(基于页面上动态生成的内容)附加到我的html的头部。$(document).ready(function(){varstat=$('#random-message').text();stat=jQuery.trim(stat);//setfacebookOpenGraphdescription$('head').append('');});这本身就可以正常工作。jsfiddle当我将它与动态加载的Twitter脚本结合使用时(如下)$(document).ready(function(){varstat=$('#random-message').