首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

移动端touch事件无视disabled属性 转

算是倒序,虽然不是写小说,拍电影科科~ 这个问题挺早就发现了,当时使用Angular + hammerjs,很疑惑为啥disabled的按钮还能触发tap事件,Google无果,无奈通过别的方式touch...后来,自己bootstrap的UI框架下,做了个实验,按照平常的习惯,写了个button.btn.btn-default,再添加disabled属性,模拟项目环境,依然引入了Angular + hammerjs...接着,我把问题简化,移除Angularhammerjs,只使用jquery绑定touch事件,发现依然不会触发touch事件,上个类似我当时使用的 实验代码。...发现去掉btn-default,还是不触发touch事件,再去掉btn就恢复到了上个demo的情况了。...又是IE拖后腿了囧,不过移动端表现良好~ 总结 pointer-events这个CSS3属性,移动端我们基本可以“放肆”的使用,在你需要禁用某个元素事件或某个区域事件的时候,可以考虑下这个属性,简单高效

2.2K20

Angular Schematics 三部曲之 Add

Add 的用途 我目前见过的项目中,ng add 主要有两个用途: 初始化组件库(比如 angular material,ng-zorro,ngx-bootstrap) 初始化项目模板(比如 ng-alain...因为 schemaics 目录也是一个项目目录,所以你可以 schematics 的 package.json 中定义拷贝命令,和官网教程是一样的,但是恰当的方式应该是将复制命令写在根目录的 package.json...而对于非 JSON 文件的修改,相对麻烦一点,比如添加 hammer.js 的声明: /** Adds HammerJS to the main file of the specified Angular...Please manually ` + `import HammerJS in your main TypeScript file.` ); } const...有时为了方便的测试,可能需要直接更改 node_modules 中的源代码,其实编译的代码并非难以辨认,和原始文件差别并不是很大。这些问题也会在 Generation 部分重点讲解。

1.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

Angular 6正式版发布,都有哪些新功能

Angular 5发布半年之后,Angular 6昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链 Angular 中的运行速度问题。...ng add 另一项新的 CLI 命令ng add 将使你的项目容易添加新功能。...class MyService { constructor() { } } 动画性能提升 更新,以后将不再需要网页动画 polyfill。...之前只有 v4 和 v6 是 LTS 版本,但为了使开发者从一个主版本更新到另一个主版本容易,并给予项目充足的时间来规划更新,Angular 团队表示从 v4 开始,将扩大对所有主版本的长期支持。...如何更新到 Angular 6.0.0 读者可以访问 update.angular.io 来得到升级应用的信息和指导。

4.2K20

2020年面向前端开发人员的10个很棒的 JS 库

因为这样的库有明确的用途,有更长生成的迭代,如果遇到问题容易找到解决方法,最主要的一点是提高开发效率,缩短开发周期。 这里并不是说我们每个项目都要使用第三方库。...它很轻,很完善,GitHub上有43000多颗星,它可以浏览器和Node.js中工作。...9. Hammer.js github: https://github.com/hammerjs/h......文档: http://hammerjs.github.io/ Hammer.js是一个 JS 库,具有20,900个GitHub Stars,可为Web应用程序带来多点触摸手势。...---- 代码部署可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

1.2K10

Angular 6.0 即将发布 承诺更小更快更易用

第二个是谷歌将所有的 Angular 源代码放在一个存储库中,这意味着 Angular 的每一个变化都已经谷歌的超过 500 种产品中使用。...6.0 版本的关键功能是将所有版本的框架结合起来,这意味着核心路由器,平台浏览器,CLI,Angular Material 和其他解决方案的最新版本将一起发布,以便开发人员更好地访问最新版本的 Angular...根据 Fluin 的说法,团队将重点放在缩小尺寸上,Angular 6 中的捆绑包将更小 ,以便为用户提供更快的体验。 团队正在通过更新到最新版本的 Webpack 来实现这一点。...根据 Angular 的说法,这使得编写异步或基于回调的代码容易。...(adsbygoogle = window.adsbygoogle || []).push({}); 易于使用的一方面,该团队正在向 CLI 界面介绍更新 。

94120

对打 Angular,Blazor 赢在哪里?

Blazor GitHub 上已经积累了超过 9K Stars,非常适合 Web 应用开发用途。但要完全理解 Blazor,我们必须深入了解它的起源。...如果连接失败,应用程序将停止工作,原因是整个项目托管服务端,需要连接到互联网。 使用 ASP.NET Core:Blazor 始终需要 ASP.NETCore 服务器才能运行。...但是随着技术的发展,TypeScript 已经 Angular 中取代了 JavaScript。 让我们看看使用 Angular 的一些优势。...Angular 的优点 支持:与 Blazor 相比,使用 Angular 的社区规模非常大。因此对于 Angular 来说,我们应用开发过程中遇到问题时,找到解决方案的机会很高。...搜索引擎优化:默认情况下,Angular 对搜索引擎优化并不友好。除非网站建立服务端,否则搜索引擎爬虫很难对其进行索引。但网站应该没有障碍地 SERP 中被索引和发现才对。

2.8K30

Angular2 VS Angular4 深度对比:特性、性能

这个Angular版本更加注重于开发移动应用程序,开发人员可以使用它创建跨平台的应用程序,解决了移动应用程序(功能,加载时间等)的挑战后,Angular2可以容易的处理桌面组件。...Angular 2.0基于ES6标准和“evergreen”现代浏览器(可自动更新到最新版本的浏览器)。...在这些浏览器上构建应用,意味着可以容易的使用Angular进行开发和优化,从而允许开发人员专注于公司业务实现的代码。...动态载入: 这是之前的Angular版本均不具备的功能,Angular2包含了这个功能,即使开发人员忙碌时,也能够添加新的指令或控件。 模板: Angular2中,模板编译过程是异步的。...这个功能还能够帮助方便的查找docs文件和使用自动完成功能。

8.7K20

Ng-Matero v15 正式发布

前言 Angular 按照既定的发版计划在 11 月中旬发布了 v15 版本。推迟了一个月(几乎每个版本都是这个节奏),Ng-Matero 也终于更新到了 v15。...另外,侧边栏菜单按钮使用语义化标签进行了优化,关于按钮的选择可以参考 Angular Material Button 文档中的说明: Angular Material 使用原生的 ...说一下自己的感受: 第一次得知 Angular 官方将在 v15 全面迁移 MDC 时,内心还是很抵触的,主要是觉得 MDC 的很多效果做的不如 Angular Material 细腻(比如 form-field...停止更新的 Angular Flex-Layout 万万没想到 Angular Flex-Layout 竟然不再更新到 v15,虽然早就知道一直处于 beta 版本的 Flex-Layout 会在某个版本发生重大变化...,但是等来的不是转正而是弃

5.4K40

log file sync等待事件-2

“log file sync”有三个参数: P1 = buffer# P2 = 未使用 P3 = 未使用 buffer# 这个buffer编号(日志缓冲区中)的所有改变必须刷新到磁盘,写操作的完成保证了交易...等待时间: 这种等待完全依赖于LGWR写出所有必要的redo块,确保完成返回给用户session。等待时间包括了日志缓冲写操作和提交操作。等待的时候,每秒都会增加序列号。...扩大redo日志,以保证日志切换可以控制15到20分钟之间。...唤醒已停止工作的LGWR。 2. LGWR收集需要写入磁盘与返回的IO。 3. 日志写IO完成的时间。 4. LGWR提交处理IO。 5. 写操作完成LGWR提交给前台/用户session。 6....基于log file sync切分的组件的一些调优建议: 2和3累积在"redo write time"统计信息中。

37420

翻页时钟Fliqlo 1.4 — 无需Flash Player

Fliqlo 是一款能够屏幕上显示时间的屏幕保护程序,它以白色的时间数字搭配黑色的背景,通过翻页动画展现时间的流逝,非常简洁漂亮。...但最近使用过程中出现如下状况: 想到先前曾看到“Win 10将永久删除Flash Player”的消息: 而Fliqlo 是需要Flash Player支持的,所以上述状况是Flash Player停止工作导致的...更新到1.4版本就能正常使用啦,点击设置可调节时钟形式、大小、亮度以及是否显示背景。...关于安装新版本仍不成功的说明: 请您尝试先卸载旧版本,新版本安装开始菜单中点击“Set as Default Screensaver”,这个就是先前版本的设置界面了。...我们分享互联网资源和软件,但是不对任何资源和软件负法律责任,所有软件和资源请在您下载24小时内删除。

1.7K20
领券