文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    目前比较火的前端框架及UI组件

    它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。...6.requirejs 地址：点击打开链接 描述：RequireJS的目标是鼓励代码的模块化，它使用了不同于传统标签的脚本加载步骤。...一个很好的例子就是标签栏（Tab Bar）视图控制器处理点击标签栏在一系列可视化面板间切换。 浏览我们的API文档来了解视图控制器和Ionic中可用的Javascript实用工具。...这些模板都是响应式的，并且没有使用任何JavaScript。 用途：真的是很精美的一个样式框架，便于我们快事构建一些个人产品，当然也可以服务于工作中的一些项目。...2.tableau(收费) 地址：点击打开链接 描述：Tableau 是桌面系统中最简单的商业智能工具软件，Tableau 没有强迫用户编写自定义代码，新的控制台也可完全自定义配置。

    5.7K40

    在win10+chrome环境中调试ios-safari画面

    手头上有个调试Echarts地图在ios端显示情况的任务，工作电脑是win10，因此在这里，找到了方法。 1 下载iTunes 在官网下载iTunes。才能识别连接的ios设备。...2 开启调试模式 在ios端打开设置->Safari->高级->Web检查器 3 ios-webkit-debug-proxy 这里就是核心了。...其使得开发者可以发送命令到真实（或虚拟）IOS设备中的 Safari 浏览器或 UIWebViews 。 与原博相比，git上有一些更新： 在Binaries小节点击下载。...浏览器地址栏输入 会显示所有设备清单： iOS Devices: localhost:9222 - iPad 点击打开 可以发现地址栏变为： 同时显示该ios设备中Safari浏览器打开的所有页面...提示显示需要右键点击点击链接，选择复制链接地址，再在新标签页 中打开链接。 就能看到常见的chrome调试接口 6 缺点 发现console输出无效。

    2.9K10

    后端前端恩仇录

    1.安卓中 a 标签的坑 在和客户端交互的过程中，往往都有跳转的，而在咱们 Web 开发中，默认的 href 属性通常是 #，然后通过获取标签绑定动作触发事件，这里有个坑，在与安卓交互过程中会发现。...解决方法: javascript:void(0);">click me Fxied!! 2....安卓中交互的坑 我丢，安卓这个坑爹，在 js 交互中，无法传递对象，匿名函数等等的类型。...判断页面是否在应用内打开 其实这个很简单，经常做 web 开发的都应该知道，咱们每天都与 Http 协议打交道，而在 Http 中，有一个很重的的标识，就是 User-Agent，简称 UA，其实这个东西就像咱们的门票一样...我举一个 Ajax 的例子： 首先我先问一个问题，为何 jquery 和 zepto 的 ajax 中，都有一个 error 回调？

    89930

    阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页

    拿来调试DeveMobile 与EaseMobile 主题 时候发现了不少问题，现在在一个个解决中。其中一个就是这个iOS Web APP中点击链接跳转到Safari 浏览器新标签页（窗口）的问题。...APP 的效果（当然，需要开发者本身做一些代码层面的设置，见《将你的网站打造成一个iOS Web App》、《iOS / Android 移动设备中的 Touch Icons》这两篇文章）。...不过，现在发现了个问题，就是通过主屏幕上点击进入Web APP 形式的网页时候，点击任何一个链接就会跳转到Safari 浏览器并新建一标签页打开所属链接——这个功能真心恶心，如果这样的话还是Web APP...后来Jeff 在这里找到了一段不错的代码，实地测试在本人的 ipad mini （ iOS 7.1）上测试通过，根据作者的叙述，最新的 iOS 7.0.4（iPhone 与 iPad）测试通过，代码应该兼容性不错...，在这里分享： javascript"> //iOS Web APP中点击链接跳转到Safari 浏览器新标签页的问题 devework.com //stanislav.it

    9.5K100

    移动web开发需要注意的二十点

    、HTML5标签的使用 在开始编写webapp时，建议前端工程师使用HTML5，而放弃HTML4，因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序的体验，可以减少开发者很多的工作量，...当然了你决定使用HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。...13、iOS中如何彻底禁止用户在新窗口打开页面 有时我们可能需要禁止用户在新窗口打开页面，我们可以使用a标签的target=”_self”来指定用户在新窗口打开，或者target属性保持空，但是你会发现...因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iOS中我们该如何获取滚动条的值呢？...20、如何解决iOS 4.3版本中safari对页面中5位数字的自动识别和自动添加样式 新的iOS系统也就是4.3版本，升级后对safari造成了一个bug：即使你添加了如下的meta标签，safari

    2.9K20

    使用TamperMonkey解决Google被墙stackoverflow无法正常使用的问题

    这是完全可以的，只要我们在stackoverflow网页加载的过程中将google jquery的script标签替换成其他CDN的应该就可以了。...TamperMonkey脚本 我们先来看下google的jquery引用在页面中的样子： 可以看到就是普通的script标签，现在我们的思路应该比较明确了，就是用javascript...标签，将其替换成一个新的script标签，src为bootcss cdn的jquery地址（试验了jquery官方和微软的cdn，访问速度都不如bootcss快）。...首先我们需要设置脚本运行的时间点，我们希望在google的jquery script刚被添加到DOM中时就替换它，但是在查阅了大量的资料后我发现这个做不到（如果有人知道怎么做，欢迎留言），所以我们只能选择在尽量早的时间点去执行脚本...我们打开 stackoverflow.com，可以看到jquery已经成功下载，网页头部的红色提示信息也消失了，网站可以正常使用了。

    3.1K61

    Safari 18.0 WebKit 新特性介绍

    打开链接 macOS Sequoia 增加了直接在 Web 应用中打开链接的支持。现在，当用户点击链接时，如果它匹配 Web 应用的scope，该链接将会在 Web 应用中打开，而不是在默认浏览器中。...现在，当你点击该链接时，它将会在 MDN Web Docs Web 应用中打开，而不是在默认浏览器中。 在浏览器中点击链接将保持当前行为。此功能仅影响在其他地方打开的链接。...（当用户在 Safari 中时，点击匹配已添加到 Dock 的 Web 应用scope的链接，他们将看到一个“在 Web 应用中打开”横幅，除非他们之前已关闭该横幅。）...现在在 visionOS 2 的 Safari 18.0 中，你可以使用 JavaScript 全屏 API 在网页上创建类似的体验。你可以将照片嵌入网页，并提供点击功能。...JavaScript Safari 18.0 的 WebKit 增加了对 Unicode 15.1.0 字符在正则表达式中的支持。

    1.8K10

    阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页

    问题说明 iOS 上的Safari 浏览器中有一个“发送到屏幕”的功能（虽然很多小白用户都不知道这个），用户是可以把网站的URL以一个快捷方式的形式添加到主屏幕的，展示形式跟原生的应用是一样并最大限度地模拟本地...APP 的效果（当然，需要开发者本身做一些代码层面的设置，见《将你的网站打造成一个iOS Web App》、《iOS / Android 移动设备中的 Touch Icons》这两篇文章）。...不过，现在发现了个问题，就是通过主屏幕上点击进入Web APP 形式的网页时候，点击任何一个链接就会跳转到Safari 浏览器并新建一标签页打开所属链接——这个功能真心恶心，如果这样的话还是Web APP...后来Jeff 在这里找到了一段不错的代码，实地测试在本人的 ipad mini （ iOS 7.1）上测试通过，根据作者的叙述，最新的 iOS 7.0.4（iPhone 与 iPad）测试通过，代码应该兼容性不错...，在这里分享： javascript"> //iOS Web APP中点击链接跳转到Safari 浏览器新标签页的问题 if(("standalone" in window.navigator

    1.6K30

    WEBAPP开发技巧总结

    ； 第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式； 第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码 2、HTML5标签的使用...HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。...13、iOS中如何彻底禁止用户在新窗口打开页面 有时我们可能需要禁止用户在新窗口打开页面，我们可以使用a标签的target=”_self“来指定用户在新窗口打开，或者target属性保持空，但 是你会发现...因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iOS中我们该如何获 取滚动条的值呢？...20、如何解决iOS 4.3版本中safari对页面中5位数字的自动识别和自动添加样式 新的iOS系统也就是4.3版本，升级后对safari造成了一个bug：即使你添加了如下的meta标签，safari

    3.4K20

    由浅入深学习JavaScript Debug技巧

    开发者工具已经使用了好些年了。不过呢，很多新的特性被加进去，相信不少人都不知道或则不清楚怎么使用。对于JavaScript debug来说，开发者工具真的非常有用。接下来我来介绍如何使用它。...你还可以直接右键，选择检查来打开： ? 打开后，如下所示： ? 控制台（Console） 在使用JavaScript做开发的时候，控制台非常有用。...同时，也显示了错误在源代码中的位置。点击(index):150就可以跳转到源代码去。 ?...你可以敲击ESC键来快速打开控制台，再次敲击ESC，控制台消失。 ? 你可以手动在代码的某一行添加断点来暂停执行。在第31行的左侧鼠标单击，会出现一个断点符号。 ?...所以，你可以在开发中引用非压缩版，线上引用压缩版。 <!

    1.6K90

    分享前端开发常用代码片段-值得收藏

    一、预加载图像 如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。 ? 二、检查图像是否加载 有时为了继续脚本，你可能需要检查图像是否全部加载完毕。 ?...你也可以使用 ID 或 CLASS 替换 标签来检查某个特定的图像是否被加载。 三、自动修复破坏的图像 逐个替换已经破坏的图像链接是非常痛苦的。不过，下面这段简单的代码可以帮助你。 ?...四、悬停切换 当用户鼠标悬停在可点击的元素上时，可添加类到元素中，反之则移除类。 ? 只需要添加必要的 CSS 即可。更简单的方法是使用 toggleClass() 方法。 ?...三十一、链式插件调用 jQuery 允许“链式”插件的方法调用，以减轻反复查询 DOM 并创建多个 jQuery 对象的过程。 ? 通过使用链式，可以改善 ?...还有一种方法是在（前缀$）变量中高速缓存元素 ? 链式和高速缓存的方法都是 jQuery 中可以让代码变得更短和更快的最佳做法。

    2.5K31

    分享前端开发常用代码片段

    作者：WEBING segmentfault.com/a/1190000014700549 一、预加载图像 如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。 ?...你也可以使用 ID 或 CLASS 替换 标签来检查某个特定的图像是否被加载。 三、自动修复破坏的图像 逐个替换已经破坏的图像链接是非常痛苦的。不过，下面这段简单的代码可以帮助你。 ?...四、悬停切换 当用户鼠标悬停在可点击的元素上时，可添加类到元素中，反之则移除类。 ? 只需要添加必要的 CSS 即可。更简单的方法是使用 toggleClass() 方法。 ?...三十一、链式插件调用 jQuery 允许“链式”插件的方法调用，以减轻反复查询 DOM 并创建多个 jQuery 对象的过程。 ? 通过使用链式，可以改善 ?...还有一种方法是在（前缀$）变量中高速缓存元素 ? 链式和高速缓存的方法都是 jQuery 中可以让代码变得更短和更快的最佳做法。

    1.5K51

    Mac 自带浏览器 Safari 如何开启 Web 网页开发者调试模式？

    Safari 是 macOS 的默认浏览器，虽然在开发者圈子中不如 Chrome 普及，但其内置的开发工具功能强大，尤其在调试 iOS 和 macOS 系统的网页表现时非常有用。...点击菜单栏中的 Safari > 设置（或按快捷键 Command + ,）。 在设置窗口中，切换到 高级 标签。 勾选 “在菜单栏中显示‘开发’菜单”。...2️⃣ 打开开发者工具 完成“开发”菜单的启用后，您会在菜单栏看到一个名为 “开发” 的新选项。...以下是如何打开开发者工具的方法： 通过右键直接打开： 右键点击网页上的任意元素，选择 检查元素。 通过菜单打开： 在菜单栏点击 开发 > 显示 Web 检查器。...+ E 总结与展望 Safari 的开发者工具在调试 iOS 和 macOS 原生网页时是不可替代的工具。

    13K30

    JQuery基础概念知识

    它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。...其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。 jQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。...AJAX：即“Asynchronous Javascript And XML”（异步JavaScript和XML），可以不刷新页面完成数据库操作（包括查询并返回数据），在验证输入时有很重要的作用。...带有min的文件打开后是没有缩进的，不带min的那个是完整格式的，打开后是有良好格式的js代码，方便阅读和修改（一般不要改） 应用 首先在html文档中写一个输入框和两个按钮：1234标签中，标签写在标签中， 标签中的type类型”submit”是提交form标签之间文本框中输入的数据； 标签中的type

    1.6K10

    jQuery介绍与常见选择器的使用

    作为一个流行的JavaScript库，浏览器的兼容性是必须具备的条件之一。jQuery能够在IE6.0+、FF3.6+、Safari5.0+、Opera和Chrome等浏览器下正常运行。...打开压缩版的jQuery可以发现，除了注释外，代码中几乎没有空格和换行，这附带在生产环境中可以节省资源： ?...使用jQuery的选择器 在开始使用jQuery之前，首先应该明确一点，在jQuery库中，\就是jQuery的一个简写形式，例如\("#foo") 等价于 jQuery("#foo")，\.ajax...jQuery对象只能调用自己的方法，例如html、attr等。而且我们得知道，在DOM树中的每一个节点或者说标签，都是一个对象。 以下演示几个常用的选择器： 1.标签选择器。...传入标签的id值，然后在值的前面加上 # （与css中的选择器命名一样）即可，无论css中是否有定义该id选择器都可以这么使用，示例： <!

    3.4K10

    Wijmo 更优美的jQuery UI部件集：通过jsFiddle测试Wijmo Gauges

    因为Wijmo gauges使用到了基于浏览器能力的SVG或者VML，这些是“无插件网页”的一个重要的部分（正在被iOS移动设备上的Safari和Windows8中间的Metro IE大力推广），也是我们可以这样摆弄他们的原因...无论哪种方式，我们在本篇博客中，我们将引用CDN链接上的Wijmo站点 http://wijmo.com/downloads/。 在这篇文章中，我们将使用到仪表部件。让我们切入今的正题吧！...第一步：选择框架 打开jsFiddle.net，在左侧的下拉列表中选择jQuery 1.7.1。稍等片刻等待关联的框架出现，之后勾选上jQuery UI 1.8.16。...然后向JavaScript窗格中添加以下JavaScript代码： ? 现在，单击顶部的运行按钮，你会看到一个非常基本的仪表出现在结果窗格中！ ? 第四步：变得更花哨！ 酷！...将jsFiddle HTML窗格的内容放置到页面的，同时 将JavaScript的内容放置在script标签之间（通常会放置在$(‘document’).ready()块的内部）。

    1.4K80
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券