jjzjj

component-scan

全部标签

Web Components详解-Shadow DOM插槽

前言插槽实际上也属于组件通信的一种方式,但是由于其强大的api和实用性,我将其单独拆开来介绍。定义Slot(插槽)是WebComponents中一个重要的特性,它允许在组件内部定义占位符,以便父组件可以向其中插入内容。换句话说就是将子组件或者标签传入父组件中,最终达到在父组件外部实现子组件的效果基本用法slot属于ShadowDOM的一部分,在原生html中并不支持插槽的写法,所以我们必须将标签放在ShadowDOM中。插槽标签的写法需要传入的标签必须在对应的自定义标签中定义标签完整示例参考下面的代码ShadowDOMheadercontentfooterconstelemName="my-c

ios - NSDate 的 timeIntervalSinceDate 的差异(_ :) and NSCalendar's components(_:fromDate:toDate:options:)

除了函数的输入和输出,NSDate的有什么不同functimeIntervalSinceDate(anotherDate:NSDate)->NSTimeInterval和NSCalendar的funccomponents(unitFlags:NSCalendarUnit,fromDatestartingDate:NSDate,toDateresultDate:NSDate,optionsopts:NSCalendarOptions)->NSDateComponents?哪个函数更精确?哪些函数考虑了夏令时、闰秒等?例如:lettoday=NSDate()letsomeDate=Rand

unplugin-auto-import 和 unplugin-vue-components

背景unplugin-auto-import:为Vite、Webpack、Rollup和esbuild按需自动导入API。支持TypeScript。unplugin-vue-components:Vue的按需组件自动导入。这两个插件都是涉及到按需自动导入,所以我们在使用Vue和其对应的组件之类时,都可能会需要这两个插件的帮助,帮助我们实现按需自动导入,避免全量引入的尴尬以及每个文件都要手动导入API的低效重复搬砖。但是,在项目中使用unplugin-auto-import和unplugin-vue-components总会遇到的一些问题,在此特意汇总如下,以及提供最后的解决办法,希望帮助到有需

ios - iBeacon iOS 10 : Can device scan for and receive advertisements from other peripheral devices?

这里是全新的。Tl;dr:一个iOS设备可以发布一个CB广告(CBAdvertisementDataServiceUUIDsKey和/或CBAdvertisementDataLocalNameKey),另一个iOS设备可以扫描它吗?我相信我的问题是基于iOS的更高版本中对CoreBluetooth和CoreLocation的弃用和更改而提出的。另外,目前,我仅指“前台”操作。根据我阅读和测试的内容,外围设备可以使用CL传输信标区域(唯一的邻近UUID、主要和次要(但值得注意的是没有“标识符”))。使用CB,外围设备还可以“通告”两个少量的额外数据中的任何一个:CBAdvertiseme

ios - swift 3 : How to scan for peripherals in background?

这是我的场景:我连接了两个外围设备,将我的应用程序置于后台模式并开始使用外围设备,直到它们与我的应用程序失去连接。回来时,他们在触手可及时不会再次连接。当我在应用程序在前台运行时执行相同的实验时,没有发生任何问题-外围设备更靠近iPhone会导致重新连接。但是,我在控制台中看到,当外围设备失去连接时,将调用DidDisconnectPeripheral方法。问题是这个方法内部没有调用扫描funccentralManager(_central:CBCentralManager,didDisconnectPeripheralperipheral:CBPeripheral,error:Err

报错Unknown custom element: <di> - did you register the component correctly? For recursive components,

百度了这个报错信息,发现出现的情况有两种,注意报错的内容,看清楚。分析了下,出现的情况进行一个总结Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe“name”option.这个报错是组件内有标签打错了,浏览器无法识别,需要自己去好好找下,我就是把div打成了di所以报错,找了很久。还有一种类似的情况,但是解决起来完全不一样,这是我看的别人的方法,自己暂时还没有遇到,这种情况也要注意报错Unknowncustomelement:<组件名>-di

微信小程序:uni-app页面Page和组件Component生命周期执行的先后顺序

目录H5微信小程序测试代码文档页面生命周期https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle组件生命周期https://uniapp.dcloud.net.cn/tutorial/page.html#componentlifecycle经测试,得出结论:H5和微信小程序的生命周期函数调用顺序不一致H5pagebeforeCreatepageonLoadpageonShowpagecreatedpagebeforeMountcomponentbeforeCreatecomponentcreatedcomponentbeforeMou

Web Components详解-Custom Elements

目录引言演变过程概述使用方式创建标签定义标签使用标签获取标签异步定义标签升级标签完整案例结语相关代码参考文章引言随着项目体量的增大,组件化和模块化的优势也愈发明显了,构建可重复使用、独立、可互操作的组件变得尤为重要,在JS中我们可以通过class和函数对代码解耦,使某段代码可以复用。在TS中我们也可以通过模块对代码进行模块化开发,在HTML页面中同样有一种技术可以实现独立的、可复用的组件,这便是本篇文章讲到的WebComponentsWebComponents主要包括CustomElements、ShadowDOM、HTMLTemplates和JavaScript这四部分,在后文及后续的文章中

vue3警告Extraneous non-emits event listeners (XXX) were passed to component but could not be automatic

vue3警告Extraneousnon-emitseventlisteners(selectMeth)werepassedtocomponentbutcouldnotbeautomaticallyinheritedbecausecomponentrendersfragmentortextrootnodes.Ifthelistenerisintendedtobeacomponentcustomeventlisteneronly,declareitusingthe“emits”option.之所以出现这个警告,是因为在子组件向父组件发送自定义事件的时候,没有使用“emits”选项声明它。这里使用两