找到 598 篇文章 适用于前端脚本

使用 Ionic 作为 HTML5 桌面 Web 应用程序

Arjun Thakur
更新于 2019-07-30 22:30:22

186 次查看

Ionic 是一个针对构建混合移动应用程序的 HTML5 移动应用程序开发框架。可以将 Ionic 视为处理应用程序所需的所有外观和感觉以及 UI 交互的前端 UI 框架。有点像“原生 Bootstrap”,但支持各种常见的原生移动组件、流畅的动画和漂亮的设计。Ionic 框架需要原生包装才能在移动设备上运行Ionic 仅针对移动设备构建和测试。Internet Explorer 不支持 Ionic 的所有功能。对桌面和移动设备使用单独的应用程序。但是,您... 阅读更多

HTML5 Canvas 上的 keydown 的 addEventListener

Nitya Raut
更新于 2020-06-24 14:23:57

658 次查看

在 Canvas 元素上使用 tabindex 属性以在 Canvas 上添加 addEventListener -var myTarget, myCanvas; window.onload = function() {    myCanvas = document.getElementById('canvas');    document.addEventListener('mousedown', function(event) {       myTarget = event.target;       alert('这是 mousedown 事件。');    }, false);        document.addEventListener('keydown', function(event) {       if(myTarget == myCanvas) {          alert('这是 keydown 事件。');       }    }, false); }

Ember.js 浏览器支持与 HTML

Jennifer Nicholas
更新于 2020-06-24 14:24:36

131 次查看

Ember.js 是一个开源的、免费的 JavaScript 客户端框架,用于开发 Web 应用程序。它允许通过提供包含数据管理和应用程序流程的完整解决方案来构建客户端 JavaScript 应用程序。它使用 MVC(模型-视图-控制器)架构模式。在 Ember.js 中,路由用作模型,手柄模板用作视图,控制器操作模型中的数据。以下浏览器支持 Ember -Internet ExplorerMicrosoft EdgeSafari

使用 CSS 在 HTML 中将三角形居中到底部 Div

Vrundesha Joshi
更新于 2020-06-24 14:25:53

772 次查看

要将三角形设置为 Div 的中心和底部,请使用以下方法。您需要将 left 设置为 50% -.demo: after {    position: absolute;    border-top: solid 50px #e15915;    border-left: solid 50px transparent;    border-right: solid 50px transparent;    top: 100%;    left: 50%;    margin-left: -50px;    width: 0;    height: 0; }

HTML5 中的:last-child 选择器无法按预期工作

Ankith Reddy
更新于 2020-06-24 14:25:23

332 次查看

last-child 选择器用于选择父元素的最后一个子元素。它不能用于选择给定父元素下具有特定类的最后一个子元素。使用背景颜色设置最后一个子 li 元素的样式 -li:last-child{    background-color: blue; }如果元素不是最后一个元素,则会产生问题。让我们看一个示例-如果您的选择器是 a:last-child,则此方法有效-        这将被选中

在检索 HTML5 视频时长时遇到问题

Chandu yadav
更新于 2020-06-24 14:17:58

381 次查看

要获取视频时长,请查询 readyState 属性。它有一系列从 0 到 4 的值。当元数据加载时,您将获得的值为 1。因此,您需要执行以下操作-window.setInterval(function(tm) {    // 使用 readyState 属性    if (video.readyState > 0) {       var duration = $('#duration').get(0);       // 用于视频时长       var video_duration = Math.round(video.duration);       duration.firstChild.nodeValue = video_duration;       clearInterval(tm);    } },1000);

在 HTML5 中使用框架的方法?

Rishi Rathor
更新于 2020-01-27 06:13:43

171 次查看

frameset 属性在 HTML 中已弃用,但您仍然可以使用它。顶级父文档现在使用ExampleXHTML,框架使用 HTML5。                              

HTML5 中 cross-origin 属性的用途是什么?

Arjun Thakur
更新于 2020-06-24 14:18:46

206 次查看

官方规范将 cross-origin 属性声明为-crossorigin 属性是 CORS 设置属性。其目的是允许来自允许跨源访问的第三方站点的图像与画布一起使用。当它与 CORS 标头结合使用时,它将允许由元素定义的、从外部来源加载的图像在画布中使用。该过程将类似于从当前来源加载。您可以使用它来解决 JavaScript 错误,例如记录 js 错误-if (securityOrigin()->canRequest(targetUrl)) {    msg = myError;    line = myLineNumber;    source = sourceURL; } else {    msg = "Error!";    source = String();    line = 0; }

记住并在 HTML5 中重新填充文件输入

Nancy Den
更新于 2020-06-24 14:19:24

262 次查看

要重新填充,请使用拖放。这以前是不可能的,但现在有效了。让我们看看如何-function drop(ev) {    ev.stopPropagation();    ev.preventDefault();      // 从事件中检索 dataTransfer 字段    var d = ev.dataTransfer;    var files = d.files;    handleFiles(files); }对于拖放-// 拖动目标 target.addEventListener('dragover', (ev) => {    ev.preventDefault();    body.classList.add('dragging'); }); // 拖动离开 target.addEventListener('dragleave', () => {    body.classList.remove('dragging'); }); // 放置目标 target.addEventListener('drop', (ev) => {    ev.preventDefault();    body.classList.remove('dragging'); });

Chandu yadav
更新于 2020-01-27 06:11:15

91 次查看

元素和对于屏幕阅读器也很有用,并且可以帮助视力障碍的用户阅读网页内容。这些对于电子书阅读器也有益。让我们看看如何使用这两个元素。           HTML 部分标签                        Java          继承          继承定义了超类和子类之间的关系。                              学习          学习以获得经验,并尝试与他人分享您的知识。                       Web 开发教程             包含用于第二学期考试的 CSS、HTML 和 PHP 教程。                                学术教程             包含用于第一学期考试的计算机基础、计算机网络教程。                    

广告

© . All rights reserved.