使用JS、jQuery、html和css构建web应用程序，但在按钮功能方面存在问题 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

今天我将使用 Weather 和 Unsplash API 以及倾斜效果和玻璃形态外观创建凉爽的天气应用程序 ⛅ Weather.io ☔ ⚓ 第 1 步 - 设置环境并收集所有资源第...2 步 - 从 index.html 开始第 3 步 - 设置索引文件的样式第 4 步 - 获取 Weather API 和 Unsplash API 密钥第 5 步 - 从 JavaScript...今天我将制作一个很棒的天气应用程序，我们

1.4K3 0

用于H5的移动开发框架

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。...3 ionic框架　　Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。...提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。 8 Kendo UI框架　　Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架，一直以来都深受开发者喜爱，从iOS、Android、BB10、Windows Phone到Amazon Fire OS

7.2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

HTML5移动开发的10大移动APP开发框架

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。...3.ionic框架　　Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。...8.Kendo UI框架　　Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架，一直以来都深受开发者喜爱，从iOS、Android、BB10、Windows Phone到Amazon Fire OS

9.5K1 0

用于H5的移动开发框架

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。...3 ionic框架　　Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。...提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。 8 Kendo UI框架　　Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架，一直以来都深受开发者喜爱，从iOS、Android、BB10、Windows Phone到Amazon Fire OS

7.5K4 0

JS简史

JS的开发在这个时期是有限的 -- 一方面包括 Mozilla 和微软(把自家脚本命名为“JScript”以避免版权问题)在内的厂商开始尝试推动并引领了标准化，另一方面浏览器的兼容性也大量显现。...讨厌的滚动文字、弹出提示、确认框和很多安全验证充斥着那时的网页。此外，可能那时最常见的一个JS用处就是创建图片过渡等 DHTML 效果，其中很大一部分功能后来被CSS取代。...依靠不断的改进和升级，这些工具帮助开发者对 HTML/CSS/JS 实时检视和编辑。...Sass 等 CSS 框架也出现了，这简化了 web 开发的视觉方面；另外对于盒模型的限制也已经被完全整理出来(导致了一系列关于有多少所谓 Web2.0 网站看起来雷同的讨论，有些广为流传，有些鲜为人知...用户也许能忍受用 5 秒钟加载一条最新的体育新闻，但很难做到花同样的时间在银行应用程序或分析监控面板里去等待点击按钮后的响应。

2K4 0

动图展示 60+ 个前端常用插件库合集

Ace 官网：Ace Ace是透过JavaScript所开发的线上程序语言编辑器插件，无论功能和性能都类似一般编辑器（Sublime、Vim和TextMate等），导入进任何网页或JavaScript应用程序都相当容易...Hover.css 官网：Hover.css Github：IanLunn/Hover 多项针对链接、按钮、Logo、SVG和图片的移入CSS3特效。...iCheck 官网：iCheck Github：icheck 专为jQuery和Zepto做的高弹性定制化checkbox和radio按钮的插件。...howler.js 官网：howler.js howler.js是针对当下网站的一个音频播放函数库，预设为Web Audio API和HTML5 Audio，可以透过JavaScript播放声音变得更简单...JS整体层面比toastr好很多，无论原生JavaScript以及整体文件大小和功能延展性，但toastr简单使用的操作模式，如果有旧项目是在jQuery的环境下，要做一些定制化功能，或许就是不错的选择

8.1K4 0

「沙里淘金」精选浏览器端JavaScript库资源推荐

Brunch - 具有简单声明配置的快速前端Web应用程序构建工具。 Parcel - 快速，零配置Web应用程序捆绑器。...atvjs - 使用纯JavaScript快速开发Apple TV应用程序基于Node的CMS框架 KeystoneJS - 功能强大的CMS和Web应用程序框架。...没有jQuery。 PageLoadingEffects - 使用SVG动画显示新内容的现代方式。 SpinKit - 使用CSS动画的加载指示符的集合。 Ladda - 带内置装载指示器的按钮。...Sequence - 用于创建响应式滑块，演示文稿，横幅和其他基于步骤的应用程序的CSS动画框架。 reveal.js - 使用HTML轻松创建精美演示文稿的框架。...jquery.transit - jQuery的超级流畅的CSS3转换和转换。 impress.js - 在HTML文档中使用CSS3转换/转换进行类似Prezi的演示。

8.3K2 0

「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

Brunch - 具有简单声明配置的快速前端Web应用程序构建工具。 Parcel - 快速，零配置Web应用程序捆绑器。...atvjs - 使用纯JavaScript快速开发Apple TV应用程序基于Node的CMS框架 KeystoneJS - 功能强大的CMS和Web应用程序框架。...没有jQuery。 PageLoadingEffects - 使用SVG动画显示新内容的现代方式。 SpinKit - 使用CSS动画的加载指示符的集合。 Ladda - 带内置装载指示器的按钮。...Sequence - 用于创建响应式滑块，演示文稿，横幅和其他基于步骤的应用程序的CSS动画框架。 reveal.js - 使用HTML轻松创建精美演示文稿的框架。...jquery.transit - jQuery的超级流畅的CSS3转换和转换。 impress.js - 在HTML文档中使用CSS3转换/转换进行类似Prezi的演示。

9.1K2 1

2018年Web开发人员应该学习的12个框架

你可以使用AngularJS在客户端创建动态网页。它提供声明性模板，依赖注入，端到端工具和集成的最佳实践，以解决客户端的常见开发问题。...由于Google支持Angular，因此您可以在性能和定期更新方面放心。我坚信AngularJS长期存在，因此，投入时间是完全合理的。...它允许Web开发人员创建大型Web应用程序，这些应用程序可以随时更改而无需重新加载页面。 Web开发世界分为Angular和React，由您自己选择。...Bootstrap最初由Twitter提供给我们，提供基于HTML和CSS的设计模板，用于排版，表单，按钮，导航和其他界面组件，以及可选的JavaScript扩展。...它允许你使用标准Web技术 - HTML5，CSS3和JavaScript进行跨平台开发，其中一项是2018年要学习的热门技术。

7.7K4 0

webapp开发框架「建议收藏」

AppFramework 是 AngularJS 移动端解决方案可以帮助您使用 Web 技术，比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。...“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。...并且着重解决了基于HTML5的移动应用”不流畅”和”体验差”的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。...AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。...跟JQuery一样是一个轻量级的JS库，一样使用HTML5+CSS+JS的技术。应为轻量级，所以在web加载时比Sencha有一点优势。缺点显而易见，UI控件太少了。

3.7K2 0

我曾用 Angular 重写了 jQuery 应用，如今却被 React 逼疯了

绝对是当时最大的 JS 框架，最重要的是，那可能是 Web 开发第一次有了“框架”。在那之前，用的都是“库”，所以它是第一个，不仅提供一套函数让你使用，还提供给你一个构建 Web 应用的实际框架。...尽管 jQuery 只是 HTML DOM API 的一个封装（不得不承认当时非常粗糙），但它仍然成了构建复杂 Web 应用的事实标准。...它的工作原理相当简单：你在 JS 中手动或通过命令创建 HTML 元素，然后修改它们，移动它们，做任何你需要做的事情，使网站可以像应用程序一样交互。...我同意，JSX 最初的“关注点分离”并不是“文件分离”，将 HTML 和 JS 写在同一个文件中实际上没有问题。但是把 CSS 也放进去，并且使其成为强类型的？这是不是太过分了？...在输入方面，我说的是：“去减少按钮的数量”，这可能无法强制执行。但毫无疑问，功能越少，代码库就越容易管理。这很简单，不值得一提，是吗？产品经理知道吗？

2440 0

jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)

2：实现的方法二：（a）：导入jquery.easyui.min.js和jquery.min.js这两个文件，以及theme这个文件；（b）:创建一个html页面，源码如下所示： 1 使用多面板，但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。...四：按钮组件使用超链接按钮创建。它使用一个普通的标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。 1 但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单，包括关闭按钮和其他自定义按钮。　　...它支持页面导航和页面长度选择的选项设置。用户可以在分页控件上添加自定义按钮，以增强其功能。 1 <!

4.9K10 0

进阶攻略|最全的前端开源JS框架和库

新的 Javascript 库层出不穷，从而Web 社区愈发活跃、多样、在多方面快速发展。...我们创造 React是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React采用下面两个主要的思想。...框架，用来创建Web应用程序。...有着自己的解析 DOM 的核心框架，并且在特效、动画、图表等方面都有丰富的扩展，并可以通过 YQL 直接访问 Yahoo！的数据。在用户经常使用的功能方面都有着不错的表现。...它非常快、易于使用、跨浏览器、符合标准，提供控制和修改任何HTML元素的CSS属性，包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。

4.7K7 1

网页设计太麻烦

并且，它提供了所有必要的CSS资源，只需在HTML模板中包含“css/ get-shit-done.css”即可使用。 2. Shards Dashboard Lite React ?...免费下载 Bootstrap-ecommerce ui kit是一个开源工具包工具包, 其HTML，CSS和JS技术允许将这个工具包适用于电子商务网站，市场营销和产品预订网站的开发。...Bootstrap的MaterialDesign是一个基于Bootstrap的开源工具包，用于使用HTML，CSS和JS开发MaterialDesign应用程序。...使用我们的Sass变量和mixins，响应式网格系统，广泛的预构建组件以及基于jQuery构建的强大插件，快速构建你的想法或构建整个应用程序。...免费下载此模板使用MDBootstrap构建，是一个功能强大且免费的UI工具包，包含400多个素材UI元素，600多个素材图标，74个CSS动画，SASS文件，模板，教程等等。

4.9K3 0

10个基于web的JavaScript最优秀的应用程序库和框架

该站点提供了完整的示例，旨在帮助您理解库的功能。这个库的主要优点是它对内容的处理非常灵活。但另一方面是D3.js并没有带来太多的活力。...可以使用替代的第三方库，如Granim.js和Multiple.js的出现提供了jQuery特性的子集，有时还提供了一组有重点的附加功能特性，加载时间大大加快。 4....有趣的是,Ember.js不仅可用于web开发，您也可以使用它来构建移动应用程序和桌面应用程序——它被用于构建Apple Music。...Node.js,开发人员可以构建: 后端应用程序博客客户管理系统实时服务，如聊天应用和游戏 REST api 社交网络应用程序实用程序和工具 4....Vue是为任何具有HTML、CSS和JavaScript工作知识的人而构建的。 ? 其他的选择别忘了还有更多的JavaScript库、社区、集合和框架，通常都有特定的焦点区域。

3.4K2 0

前端进阶攻略|最全的前端开源JS框架和库

新的 Javascript 库层出不穷，从而Web 社区愈发活跃、多样、在多方面快速发展。...我们创造 React是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React采用下面两个主要的思想。...框架，用来创建Web应用程序。...有着自己的解析 DOM 的核心框架，并且在特效、动画、图表等方面都有丰富的扩展，并可以通过 YQL 直接访问 Yahoo！的数据。在用户经常使用的功能方面都有着不错的表现。...它非常快、易于使用、跨浏览器、符合标准，提供控制和修改任何HTML元素的CSS属性，包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。

4.9K7 0

成为一名专业的前端开发人员，需要学习什么？

前端Web开发人员使用三种主要编码语言来编写由Web设计人员创建的网站和Web应用程序设计： HTML CSS JavaScript 他们编写的代码在用户的浏览器中运行（而不是后端开发人员，其代码在...HTML、CSS HTML（超文本标记语言）和CSS（层叠样式表）是Web编码的最基本构建块。没有这两件事，你就无法创建一个网站设计，而你最终得到的只是屏幕上没有格式化的纯文本。...基础中的基础：仅HTML和CSS知识就可以让你构建基本的网站。...JavaScript JavaScript允许您为网站添加更多功能，并且您可以使用HTML，CSS和JavaScript（简称JS）创建许多基本Web应用程序。...跨浏览器开发现代浏览器在一致地显示网站方面已经相当不错，但是他们在幕后如何解释代码仍然存在差异。在所有现代浏览器与Web标准完美配合之前，了解如何使每个浏览器按照您希望的方式工作是一项重要技能。

1.9K2 0

浅谈移动端页面无刷新跳转问题的解决方案

它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。...在Web App和Hybrid App横行的时代，为了拥有更好的用户体验，单页面应用顺势而生，单页面应用简称SPA，就是只有一个HTML页面的应用程序，应用中所有的视图都包含在这个HTML页面中，并通过.../angularjs/angularjs-tutorial.html 学会用Angular构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用...监听地址栏中hash变化驱动界面变化它们的变化记录浏览器会保存在history中，可以通过回退/前进按钮找回，或者history对象中的方法控制。...其二，除了响应式问题的兼容性不好之外（也正因此iframe很不适合用在移动端），iframe作为使用多年的浏览器技术之一，在许多方面的兼容性要好许多，也是一些新技术在低版本浏览器上不可用时的替代解决方案

4.3K4 0

awesome-javascript-cn

官网 LiquidLava：易懂的、用于构建用户界面的 MVC 框架。官网 Electron：用Html、CSS和JavaScript构建跨平台的客户端应用程序。...官网 Ladda：内置在按钮的加载指示器。官网 css-loaders：运用 CSS 动画的旋转加载指示器的集合。...官网 BootstrapValidator：是验证表单域中最好的 jQuery 插件。要与 Bootstrap 3 一起使用。官网 is.js：检查类型、正则表达式、是否存在、时间等。...官网览和引导 intro.js：这是一个介绍新功能的很好方式，能一步步地引导用户浏览你的网站和项目。官网 shepherd：通过引导让用户浏览你的应用程序。...官网 chardin.js：简单的应用遮罩层介绍。官网 pageguide：使用 jQuery 和 CSS3 的 web 页面元素交互引导库。

12.5K8 0

前端新趋势

实际上，它甚至超过了React在GitHub上收到的星星数量 Vue 不过，虽然Vue很受欢迎，但在实际使用中它仍然以React和Angular为后盾和体系支持。...这些工具允许你在你喜欢的库中编写代码，例如React或Vue，但在构建期间生成静态HTML文件，允许我们立即向用户提供完全构建的页面。...Webpack 4继续推动简化和更快的构建，声称高达98％的改进。它选择合理的默认值，在没有插件的情况下处理更多功能，并且不再需要使用配置文件。...CSS-in-JS可能会成为默认的样式方法而不是纯CSS。可能是开发人员再看看本机Web组件吗？毫不奇怪，性能仍然是一个焦点，诸如PWA和代码分割之类的东西成为每个应用程序的标准。...在PWA采用的基础上，网络变得更加原生，具有离线功能和无缝的桌面/移动体验。我们继续看到CLI工具和框架的增长继续抽象到构建应用程序的繁琐方面，允许开发人员专注于生成功能。

2.1K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭