文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Bootstrap笔记

：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备这么大，然后展示目前大多数手机浏览器的视口（承载页面的容器）宽度都是980；视口的宽度可以通过meta标签设置此属性为移动端页面视口设置...Glyphicons标签徽章缩略图大屏幕嵌入内容内嵌JavaScript插件JavaScript插件的依赖情况如何使用Javascript插件内置组件模态对话框下拉菜单滚动监听标签页工具提示弹出框警告框按钮折叠面板轮播图吸顶效果...：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备这么大，然后展示 目前大多数手机浏览器的视口（承载页面的容器）宽度都是980； 视口的宽度可以通过meta标签设置...（值：yes/no; 1/0） minimun-scale:最小缩放initial-scale 第三方依赖 jQuery Bootstrap框架中的所有JS组件都依赖于jQuery实现...JavaScript插件的依赖情况 如何使用Javascript插件 内置组件 模态对话框 下拉菜单 滚动监听 标签页 工具提示 弹出框 警告框 按钮 折叠面板 轮播图 吸顶效果 data-spy

4.6K90
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    WordPress 通过模板文件和自带的函数引入 cssjs 的两种方法

    官方最新的 twentysixteen 主题来学习总结一下 WordPress 引入 css/js 各种常用方法，以及最优化的加载方法。...其实网上的N种方法总结起来就两种： 一、模板文件 header.php 中直接引入文件 二、在主题的 functions.php 中通过 WP 自带的函数 wp_enqueue_scripts 来加载...在 WordPress 中，注册样式是“可选的”。如果你的样式不会被其他插件使用，或者你不打算使用任何代码来再次加载它，你可以自由地排队样式而不需要注册它。继续看看它是如何实现的。...WordPress 默认在 wp_head() 中处理，而我们改为在 wp_footer() 中处理。...> 告诉 WordPress 需要加载 jquery.js，WordPress 在 wp_footer() 中处理的时候也会先检查前面是不是已经有了，如果有了就不会再重新加载一次。

    2.7K30

    加点JavaScript魔法

    你必须非常仔细地考虑DOM元素如何相互作用，并使其行为方式提供良好的用户体验。 03 在页面加载完成后执行函数 很明显，我将需要在每个页面加载后立即运行一些JavaScript代码。...例如，ID = 123的用户动态中具有id="post123"属性。然后使用jQuery，在JavaScript中使用表达式$('#post123')在DOM中定位此元素。...在本处，返回值将是具有该类的所有元素的集合 05 弹窗和 DOM 元素 通过使用Bootstrap文档中的弹出窗口示例并在浏览器的调试器中检查DOM，我确定Bootstrap将弹出窗口组件创建为DOM...当我在刚刚创建的元素上调用popover()初始化函数时，Bootstrap框架会为我动态地插入弹出组件 06 鼠标悬停事件 正如我上面提到的，Bootstrap中的popover组件使用的悬停行为不够灵活...我要发送到服务器的请求将具有类似 /user//popup 模式的URL，在本章开始时我已经将该URL添加到应用程序中。这个请求的响应将包含我需要在弹出窗口中插入的HTML。

    5.7K10

    五年 Web 开发者 star 的 github 整理说明

    alasql 用sql操作localStorage、IndexedDB或 Excel中的数据 timtian/qo-sql 腾讯某前端高工写的babel 插件，用sql操作js对象，将sql编译成js...node处理流的工具书 gulpjs/gulp 轻量的流式的js构建工具 posabsolute/jQuery-Validation-Engine jquery表单验证插件 matthewmueller...腾讯某前端的模版引擎 gruntjs/grunt 前端构建工具 smalot/bootstrap-datetimepicker bootstrap日期控件 JerrySievert/date-utils...jquery插件 macek/jquery-serialize-object 表单数据序列化的jquery插件 CodeSeven/toastr 提示框组件 janl/mustache.js 前端模版引擎...日期控件 arshaw/xdate 日期控件 cubiq/iscroll 前端处理滑动的工具库（在ios上总能碰到奇葩问题） twbs/bootstrap 第一个h5 ui框架 jashkenas

    9.8K50

    JS前端开发框架常用的有哪些？

    Bootstrap是基于HTML、CSS和Javascript的，简洁灵活使得Web开发更加敏捷。 提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。...自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。 3、Curl Curl是一个命令行工具，用于通过HTTP(s)、FTP和数十种其它协议进行请求。...通俗的说，它是一个能将多个终端连接到单个终端会话的工具。Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。...也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。 7、AUI AUI专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题是一个纯CSS框架。...包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。

    4.8K20

    Bootstrap运用终极指南

    Bootstrap Form Helpers 是一组jQuery插件，用于更好地构建表单。你可以从中选择单个表单进行使用，也可以根据需要选择多个一起使用。 8....Tocify 是一个jQuery目录插件，可以用Bootstrap进行主题化。 29. Bootpag 是一个用于动态分页的jQuery插件，可以使用Bootstrap或自己实现。 30....Typeahead.js 是一个来自Twitter的JavaScript库，用于构建typeaheads。 31. X-editable 插件支持在Bootstrap中的页面上创建可编辑元素。...Gridmanager.js 支持在Bootstrap之类的框架中创建和编辑网格布局。 39. Slider for Bootstrap 是Bootstrap的滑块控件。 40....Roots 是一个建立在Bootstrap上的WordPress主题框架。 24. UI Bootstrap 是一组用AngularJS编写的Bootstrap组件。 25.

    5.9K11

    基于Metronic的Bootstrap开发框架经验总结（6）--对话框及提示框的处理和优化

    在各种Web开发过程中，对话框和提示框的处理是很常见的一种界面处理技术，用得好，可以给用户很好的页面体验，Bootstrap开发也一样，我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据...，可以执行类似保存数据的提交操作的，因此需要对表单的数据进行验证，如果有错误，我们可能需要在界面上提醒，因此在页面初始化的时候，需要初始化表单的验证规则，下面是我们常规的表单初始化操作。...我们在提交表单后，通过Ajax响应后台返回结果，并在前台显示返回信息，jNotify能非常优雅的显示操作结果信息。...下面是我在脚本类里面封装的饿公用方法，用来实现提示效果的显示的。...，toastr可设定四种通知模式：成功，出错，警告，提示，而提示窗口的位置，动画效果都可以通过能数来设置，在官方站可以通过勾选参数来生成JS，非常的方便使用。

    6.3K50

    基于合法营销平台的钓鱼攻击绕过机制与检测对策研究

    恶意内容以业务通知、发票提醒等高可信度模板呈现，内嵌指向HubSpot托管着陆页的链接，而该页面进一步重定向至外部钓鱼站点或直接执行凭证窃取脚本。...本文提出一种融合邮件内容上下文分析、着陆页动态行为监控与跨域关联检测的三层防御模型，并通过Python实现了一个原型系统，用于识别HubSpot邮件中异常的链接结构与页面跳转行为。...此类攻击的核心在于“寄生”（Parasitic）特性：攻击载荷并非直接来自攻击者控制的基础设施，而是嵌入于合法SaaS平台生成的内容流中。...HubSpot页面中嵌入重定向代码，而是利用HubSpot表单提交后的“感谢页”（Thank-you Page）功能，将跳转URL配置为外部地址。...，系统自动在隔离沙箱中访问目标页面，监控其行为：是否存在自动重定向（HTTP 3xx 或 JavaScript window.location）；是否加载外部脚本（尤其是来自未知域名的.js文件）；页面

    19710

    第120天：移动端-Bootstrap基本使用方法

    约定编码规范 HTML约定： 在head中引入必要的CSS文件，优先引用第三方的CSS，方便我们自己的样式覆盖 在body末尾引入必要的JS文件，优先引入第三方的JS，注意JS文件之间的依赖关系，比如bootstrap.js...第三方依赖 jQuery——Bootstrap框架中的所有JS组件都依赖于jQuery实现 html5shiv——让低版本浏览器可以识别HTML5的新标签，如header、footer、section...； 视口的宽度可以通过meta标签设置 此属性为移动端页面视口的设置，当前值表示在移动端页面的宽度为设备的宽度，并且不缩放（缩放级别为1） width:视口的宽度 initial-scale:初始化缩放...--建议脚本放在body的最下面--> 21 4、媒体查询 根据判断条件，决定CSS代码是否被执行  5、Bootstrap浏览顺序 （1）预置样式 预制排版样式——按钮样式——表格样式——表单样式——图片样式——辅助工具类——代码样式

    4K40

    干货丨常用JS前端开发框架有哪些？

    Bootstrap是基于HTML、CSS和Javascript的，简洁灵活使得Web开发更加敏捷。 提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。...自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。 3.Curl Curl是一个命令行工具，用于通过HTTP(s)、FTP和数十种其它协议进行请求。...在Web开发中，Curl经常和RESTfulAPI一起使用用于测试连接。 4.Tree Tree是一个小型的命令行实用程序，将目录中的文件以可视化的方式进行显示。...通俗的说，它是一个能将多个终端连接到单个终端会话的工具。Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。...包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。

    5.9K20

    披着“可信外衣”的钓鱼陷阱：HubSpot平台如何被黑客变成企业邮箱的“特洛伊木马”？

    攻击者无需掌握高深漏洞利用技术，只需注册一个免费或试用版HubSpot账户，就能将恶意链接嵌入看似正规的发票提醒、合同确认或物流通知中，并借助HubSpot域名天然的高信誉度，轻松抵达目标用户的收件箱。...DKIM：验证“内容未被篡改”DKIM通过在邮件头插入数字签名（由私钥生成），接收方用公钥验证签名有效性。HubSpot为其客户邮件自动添加DKIM签名，密钥托管在其基础设施中。...研究人员发现，攻击者常在表单提交后插入如下重定向脚本：// 表单提交后，窃取输入的凭据并重定向至真实HubSpot页面以消除怀疑document.getElementById('phish-form...而邮件安全网关在扫描原始邮件时，仅看到一个指向HubSpot子域的链接，无法预知后续的JS行为。“这就是‘动态恶意性’的典型体现，”芦笛强调，“静态分析只能看到URL，看不到执行后的危害。...部分高级SEG已支持“沙箱式链接点击模拟”：在隔离环境中自动访问链接，分析页面DOM结构、JS行为及最终跳转目标。若检测到凭据收集表单或异常外联，即刻阻断。2.

    14910

    awesome-javascript-cn

    官网 buddy.js：发现 JavaScript 代码里的 魔术数字。官网 ESLint：完全插件化的工具，能在 JavaScript 中识别和记录模式。...官网 bootstrap-tour：应用 Twitter Bootstrap 弹出框对产品进行快速简单的引导。官网 tourist：简单、灵活的应用引导介绍库。...其它 form：jQuery 表单插件。官网 Garlic.js：自动在本地保存表单文本和选择框的值，直到表单被提交。...官网 模态框和弹出框 Magnific-Popup：专注于性能、轻量、响应式的灯箱（lightbox）脚本。官网 jquery-popbox：jQuery 提示框插件。...官网 Play-em JS：Play’em 是一个 JavaScript 组件，它能管理音乐/视频播放顺序，通过在一个 DIV 元素里嵌入几个播放器（Youtube、Soundcloud 和 Vimeo

    12.5K80

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

    控制流 async - 节点和浏览器的异步实用程序。 q - 用于在JavaScript中创建和编写异步promise的工具。 step - 一个异步控制流库，可以轻松地逐步执行逻辑。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络（或普通的）。...polymaps - 一个免费的JavaScript库，用于在现代Web浏览器中制作动态交互式地图。...Play-em JS - Play'em是一个JavaScript组件，它管理音乐/视频轨道队列，并通过在HTML DIV（包括Youtube，Soundcloud和Vimeo）中嵌入多个玩家来播放一系列歌曲...如何编写开源JavaScript库 - 通过一系列步骤发布JavaScript开源库的综合指南。 Jaavascript教程 - 通过各种用户排名的在线教程在线学习Javascript。

    8.3K20

    Jump Start Bootstrap 第4章

    Bootstrap使用JQuery库来完成全部和JavaScript相关的操作；因此，在Bootstrap中自定义JavaScript相关操作，导入JQuery.js是必须的。...Tabs选项卡 在前面的章节中，我们了解了如何使一组链接看起来像选项卡，但那不是真的选项卡。在本节中，我们将创建一些选项卡窗格，将一些虚拟数据放入其中，并使这些选项卡窗格响应相应的选项卡链接。...它是一个插入多个垂直堆叠标签的插件，但同一时间只能打开一个标签。 在Bootstrap中，通过将多个面板组件组合在一个容器中来创建Collapse。我们在最近一章看到了如何创建一个面板。...在本节中，我们将看到如何使用Bootstrap的carousel插件来构建漂亮的响应式幻灯片。 创建一个Carousel的代码如下： 如何通过在modal-dialog中添加一些额外的类来更改模式的大小。在模式对话框中，我们将创建一个包裹体元素，它封装了一个模式对话框的各个子部分。

    35K40

    对于新程序员来说，Python与PHP相比如何？

    在本文中，我们将学习新程序员的易学性，Python 与 PHP 相比如何？...例如，您可以定期执行脚本，以停用您网站的用户，如果他们在多次通知后仍未续订订阅。Python 脚本还可用于自动执行日常操作，例如备份您的工作或在社交媒体上发布。Python 也常用于测试自动化。...你有没有注意到YouTube网站在看了几个视频后是如何变化的？这是一个动态网页，这意味着每次重新加载页面时都会显示不同的信息。PHP 支持数据库连接并完美嵌入 HTML 以显示自定义内容。...根据HUBSPOT的数据，互联网上43.2%的网站使用WordPress，自2011年以来，WordPress的使用量一直在稳步增长。...它是必需的，可帮助您创建正确缩进的代码。 .PHP 例 在 PHP 中，您可以通过编写以下代码来声明一个类 - <？

    1.3K60

    编写自己的 WordPress 模板

    也许 你之前已经使用过它，但不知道如何从头开始制作主题。或者，也许你是一个完整的新手。无论如何，这篇文章是给你的。 先决条件：在我们开始之前， 你需要满足以下一组要求。...你需要知道的第一件事是， 你在 WordPress 中所做的几乎所有事情都在 wp-content 目录中。其他一切都是 WordPress CMS 本身，你不想搞砸它。...> 这称为将 php excerpt 嵌入 HTML。（从技术上讲，我们在 php 文件中编写 HTML。所以我们将 HTML 嵌入到 php 代码中）。...footer.php：这是我们将在站点页脚中添加我们想要的任何内容的文件，例如自定义页脚、脚本标签等。此外，开始的 HTML 标签 header.php 在此文件中关闭。...Loop是一种功能， 你可以使用它动态地将内容插入到 你的主题中。我们在本教程中的目标是将所有博客文章呈现为一个用户友好的列表，以便读者可以选择其中任何一篇。让我们看看我们是如何做到的。

    3K30

    Web前端开发推荐阅读书籍、学习课程下载

    前言 学校里没有前端的课程，那如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？ 除了在项目中学习和跟着有经验的同事学习，读书也是必不可少的。...编程艺术 第二版 JavaScript高级程序设计(第2版) JavaScript脚本特效编程给力起飞 JavaScript面向对象高级编程 JavaScript模式.Stoyan Stefanov.扫描版...第二版） CSS Web设计高级教程 第2版 web前端-FE 《HTTP权威指南》高清中文版 Ajax实战 AJax与PHP基础教程 Ajax中文手册 W3School全套教程.CHM web前端标准在各浏览器中的差异...(上) 02. jQuery基础的扩展(下) 03. jQuery-DOM操作 04. jQuery-DOM操作和数据操作 05. jQuery中的运动 06. jQuery事件操作 07. jQuery...32ionic表单输入 ion-checkbox ion-radio ion-toggle ion-spinner 33 ionic动态组件 $ionicModal $ionicActionSheet

    14.4K71

    XSS平台模块拓展 | 内附42个js脚本源码

    04.JQuery键盘记录键盘 一旦加载jQuery，一行（长）会写一个键盘记录器。像往常一样，捕获的密钥在制作的URL的查询字符串中发送。在许多情况下可能有用。...09.表单窃取 这个脚本窃取了表单中设置的所有值，并通过图像src发送出去。它改变了标签以添加onbeforeunload事件处理程序，并在用户离开页面之前处理信息泄漏。...第一个iFrame获取CSRF保护的页面，在第一个表单的“token”参数中窃取标记值，并创建第二个iFrame，并与相应的标记进行连接。...只是一种简单的方式来利用新的HTML5功能… 20.CSRF令牌盗窃 该脚本首先执行对CSRF受保护页面的请求，获取反CSRF标记（存储在本示例的Web表单的“csrf_token”参数中），并将其发送回受损页面并更改值...39.jQuery钓鱼 一个脚本，可以通过网络钓鱼连接并劫持所有表单。 40.振动 关于如何在Android手机上使用振动API以及可以完成的一些恶意用法的例子。

    14.1K80

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

    控制流 async - 节点和浏览器的异步实用程序。 q - 用于在JavaScript中创建和编写异步promise的工具。 step - 一个异步控制流库，可以轻松地逐步执行逻辑。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络（或普通的）。...polymaps - 一个免费的JavaScript库，用于在现代Web浏览器中制作动态交互式地图。...Play-em JS - Play'em是一个JavaScript组件，它管理音乐/视频轨道队列，并通过在HTML DIV（包括Youtube，Soundcloud和Vimeo）中嵌入多个玩家来播放一系列歌曲...如何编写开源JavaScript库 - 通过一系列步骤发布JavaScript开源库的综合指南。 Jaavascript教程 - 通过各种用户排名的在线教程在线学习Javascript。

    9.1K21
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券