91视频专区

无翼鸟无翼污家庭教师漫画漫画免费阅读「下拉观看」-无尽...

虽然这场比赛近江没能复刻湘北的奇迹,可孩子们的坚韧顽强却依然让无数球迷动容泪目。那是渴求冠军的拳拳之心,是熊熊燃烧的无悔青春。

2025年01月09日,Angular 如何建立和发布Library首发2023-12-14 08:57·编程生涯本文要点工程建立以及Library监理样式控制和生成(tailwindcss的使用)编译和打包发布到npm使用ng new project的命令方式进行建立工程。注:也可以创建工程,先不创建应用或library, 之后可以通过多应用方式来添加。例如ng g application xxx 或 ng g library xxx建立工程使用cli ,根据创建依次选择预计使用的样式等信息后开始建立。 $ ng new my-project ? Which stylesheet format would you like to use? SCSS [ https://sass-lang.com/documentation/syntax#scss ] ? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? No CREATE my-project/README.md (1063 bytes) CREATE my-project/.editorconfig (274 bytes) CREATE my-project/.gitignore (548 bytes) CREATE my-project/angular.json (2786 bytes) CREATE my-project/package.json (1041 bytes) CREATE my-project/tsconfig.json (903 bytes) CREATE my-project/tsconfig.app.json (263 bytes) CREATE my-project/tsconfig.spec.json (273 bytes) CREATE my-project/.vscode/extensions.json (130 bytes) CREATE my-project/.vscode/launch.json (470 bytes) CREATE my-project/.vscode/tasks.json (938 bytes) CREATE my-project/src/main.ts (250 bytes) CREATE my-project/src/favicon1.ico (15086 bytes) CREATE my-project/src/index.html (295 bytes) CREATE my-project/src/styles.scss (80 bytes) CREATE my-project/src/app/app.component.scss (0 bytes) CREATE my-project/src/app/app.component.html (20884 bytes) CREATE my-project/src/app/app.component.spec.ts (928 bytes) CREATE my-project/src/app/app.component.ts (369 bytes) CREATE my-project/src/app/app.config.ts (227 bytes) CREATE my-project/src/app/app.routes.ts (77 bytes) CREATE my-project/src/assets/.gitkeep (0 bytes) ? Packages installed successfully. Successfully initialized git.加入library这里创建了一个library, 并加入到当前的工程中。建立完成后, 会再projects下建立对应的工程。 $ ng g library my-lib ? Would you like to share pseudonymous usage data about this project with the Angular Team at Google under Google's Privacy Policy at https://policies.google.com/privacy. For more details and how to change this setting, see https://angular.io/analytics. No Global setting: enabled Local setting: disabled Effective status: disabled CREATE projects/my-lib/README.md (978 bytes) CREATE projects/my-lib/ng-package.json (155 bytes) CREATE projects/my-lib/package.json (210 bytes) CREATE projects/my-lib/tsconfig.lib.json (314 bytes) CREATE projects/my-lib/tsconfig.lib.prod.json (240 bytes) CREATE projects/my-lib/tsconfig.spec.json (273 bytes) CREATE projects/my-lib/src/public-api.ts (118 bytes) CREATE projects/my-lib/src/lib/my-lib.component.spec.ts (590 bytes) CREATE projects/my-lib/src/lib/my-lib.component.ts (223 bytes) CREATE projects/my-lib/src/lib/my-lib.service.spec.ts (353 bytes) CREATE projects/my-lib/src/lib/my-lib.service.ts (134 bytes) UPDATE angular.json (3784 bytes) UPDATE package.json (1070 bytes) UPDATE tsconfig.json (975 bytes) ? Packages installed successfully.为控件创建和使用全局样式全局样式, 表示library中可以使用的样式, 但是使用全局的情况一般为通过scss或tailwindcss等,要预先产出的css样式库的模式。 正常libaray 可以不需要或使用时使用app.component.scss中定义组件自己的样式即可。因为这个工程会使用tailwindcss,所以工程中先引入tailwindcss 。所以 在project/my-lib 下建立assets用于放置一个全局的样式文件。将global.css放到打包设定中,通知包装要带入该样式文件。 { "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", "dest": "../../dist/my-lib", "lib": { "entryFile": "src/public-api.ts" }, "assets": [ { "input": "src/assets", "glob": "**/*.css", "output": "assets" } ] }加入tailwindcss ,参考官方加入。 npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init初始化后, 建立了tailwind.config.js的文件, 调整该文件如下: /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{html,ts}", "./projects/my-lib/src/**/*.{html,ts}" ], theme: { extend: {}, }, plugins: [], }注,以上是最基本的配置, 如果要配置其他属性可参考官方设定。对于applcation 的工程,加入@tailwind 的定义。 @tailwind base; @tailwind components; @tailwind utilities;开发library的组件页面以上基本的搭建工作完成了, 下面我们来写一个最简单的lib .开启my-lib.component.ts的文件, 加入了tailwind的使用, 显示了4个div。如下: import { Component } from '@angular/core'; @Component({ selector: 'lib-my-lib', standalone: true, imports: [], template: `

`, styles: `` }) export class MyLibComponent { }编译和打包因为我们使用了tailwind, 但是在angular的ng-packagr并不会执行动态的生成相关工作, 所以这个地方再build之前,先使用tailwind 的cli 工具生成global.css的文件。 注意:tailwind会根据工程中使用的样式进行生成, 没有使用不会创建。 $ npx tailwindcss -o ./projects/my-lib/src/assets/global.css --minify Rebuilding... Done in 121ms. $ ng build my-lib --configuration production Building Angular Package ------------------------------------------------------------------------------ Building entry point 'my-lib' ------------------------------------------------------------------------------ ? Compiling with Angular sources in Ivy partial compilation mode. ? Generating FESM bundles ? Copying assets ? Writing package manifest ? Built my-lib $ cd ./dist/my-lib $ npm pack npm notice npm notice my-lib@0.0.1 npm notice === Tarball Contents === npm notice 978B README.md npm notice 2.8kB esm2022/lib/my-lib.component.mjs npm notice 1.4kB esm2022/lib/my-lib.service.mjs npm notice 480B esm2022/my-lib.mjs npm notice 615B esm2022/public-api.mjs npm notice 2.3kB fesm2022/my-lib.mjs npm notice 2.2kB fesm2022/my-lib.mjs.map npm notice 111B index.d.ts npm notice 264B lib/my-lib.component.d.ts npm notice 223B lib/my-lib.service.d.ts npm notice 523B package.json npm notice 78B public-api.d.ts npm notice === Tarball Details === npm notice name: my-lib npm notice version: 0.0.1 npm notice filename: my-lib-0.0.1.tgz npm notice package size: 3.9 kB npm notice unpacked size: 12.0 kB npm notice shasum: 8e90e3ff50fddc3cdeac4c6aa938afbb8ee57543 npm notice integrity: sha512-3P6YRElbEzl8A[...]HftBmHIJXoyjA== npm notice total files: 12 npm notice my-lib-0.0.1.tgz到此, 我们生成了my-lib的tgz的文件了。 其他工程可以引入使用。 当然我们也可以发布我们库到npm中。发布发布之前, 要有npm的账户哦。 如果没有登入请执行下面语句 $ npm login exit 1 npm notice Log in on https://registry.npmjs.org/ Login at: https://www.npmjs.com/login?next=/login/cli/xx Press ENTER to open in the browser... Logged in on https://registry.npmjs.org/.登入成功后, 就可以发布了。 $ npm publish exit 1 npm WARN publish npm auto-corrected some errors in your package.json when publishing. Please run "npm pkg fix" to address these errors. npm WARN publish errors corrected: npm WARN publish Removed invalid "scripts" npm notice npm notice my-lib-xx@0.0.1 npm notice === Tarball Contents === npm notice 978B README.md npm notice 5.0kB assets/global.css npm notice 2.8kB esm2022/lib/my-lib.component.mjs npm notice 1.4kB esm2022/lib/my-lib.service.mjs npm notice 480B esm2022/my-lib.mjs npm notice 615B esm2022/public-api.mjs npm notice 2.3kB fesm2022/my-lib.mjs npm notice 2.2kB fesm2022/my-lib.mjs.map npm notice 111B index.d.ts npm notice 264B lib/my-lib.component.d.ts npm notice 223B lib/my-lib.service.d.ts npm notice 527B package.json npm notice 78B public-api.d.ts npm notice === Tarball Details === npm notice name: my-lib-xx npm notice version: 0.0.1 npm notice filename: my-lib-xx-0.0.1.tgz npm notice package size: 5.7 kB npm notice unpacked size: 17.0 kB npm notice shasum: 19644a8e46c20e067d7c24d9d51ddd57b3846a0f npm notice integrity: sha512-tIJXZUPlRFjpT[...]fKDZ1PWvrtyLQ== npm notice total files: 13 npm notice npm notice Publishing to https://registry.npmjs.org/ with tag latest and default access + my-lib-xx@0.0.1注意, 不要重名, my-lib 因为有了对应的包了, 所以这里调整了一下包名后推送。使用lib使用和其他包使用过程一样。这里区分2种, 一个是当前工程内使用, 只需要执行了ng build ,应用程序的工程内即可使用该library了。 import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterOutlet } from '@angular/router'; import { MyLibComponent } from '../../projects/my-lib/src/public-api'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, RouterOutlet,MyLibComponent], templateUrl: './app.component.html', styleUrl: './app.component.scss' }) export class AppComponent { title = 'my-project'; } 注意,引入lib的css文件。可以看到样式已经出来了。如果是新增的工程,使用包, 可以如下:引入lib可以直接 npm install xxx的方式直接从npm 中下载, 也可以直接写路径。例如: "my-lb-xx": "/Users/xxx/dist/my-lib/my-lib-0.0.11.tgz",引入css可以直接调整style.scss加入引用 @import "../node_modules/aiwow-chat/assets/global.css"然后需要的组件就可以开始使用了。

无翼鸟无翼污家庭教师漫画漫画免费阅读「下拉观看」-无尽...

没想到第叁段感情又不经意地来临了第叁个男人与黄亦玫一样他们的内心世界极其丰厚在这个世俗的红尘里充盈的内心让他们变得很是与众不同

快充?闪充?仅一字之差,其实区别很大!别让手机提前报废了2022-03-25 16:03·北青网近年来不仅手机越来越智能充电方式也更加多样闪充、快充、无线充电……手机充满电的时间越来越短从最先出圈的“充电五分钟,通话两小时”到如今「快充」、「闪充」已是各大品牌手机的“兵家必争之地”快充?闪充?仅有一字之差这两者是一回事吗 ?快充?闪充?仅一字之差两者是一回事吗 ?不!?????????????不是一回事且本质还大有不同!快充提高电压,降低电流优点因为电流较低,所以兼容性强,对手机充电器、数据线没有过高要求。(可以用支持闪充技术的充电器 ,不会对手机电池造成实质性伤害)缺点提高电压会产生更高的热量,导致手机发热,影响电池寿命。闪充降低电压,提高电流优点用闪充方式充电,热量会被转移到充电头上,因此安全性更高。缺点由于电流较大,需要特制的充电头与数据线,因此成本更高,价格也更高。闪充技术需要定制充电器,与其他充电器互不相容。如果使用不适配的充电器,不仅会对电池造成伤害,充电效率也会大打折扣。在这里建议!大家根据不同需求及手机品牌来选择合适的充电方式哦充电效率的问题解决了正确的充电姿势你掌握了吗?下面是你吗?手机电量不是100%就焦虑?在家必须续着数据线?出门要确认方圆50米有共享充电宝?……手机每次充电都要充到100%?会加速电池的老化让手机长期处于满电量或高电量状态,会加速电池的老化,变得不耐用。所以,在手机充满电后应该及时拔掉充电器,避免长时间处于高电量状态,以延长电池使用寿命。但如果走另一个极端,经常把手机的电量用完才开始充电,那么每次充电都会消耗电池循环次数,长时间手机电池也会老化得很快。给手机充电的最佳时期是电量剩余30%-50%。加快电池老化?吓得小编立马拔掉了数据线停止充电后,墙上的充电头拔不拔呢?拔!必须拔!根据央视报道,北京大学物理学院副教授雷奕安实验后表示:充电器只要接到线路板上,即使没有负载,它也会产生一定电流,有的电流小,有的电流比较大。这是因为充电器是一个变压和整流的器件,插在线路板上后,就通上了电,就要消耗一定的电流,并且一直处于工作状态。如果充电器放在插线板上长期不拔,它会持续发热,从而加速器件和材料的老化,容易产生短路和高压击穿,从而引发火灾隐患。注意!真实案例近日,新疆哈密市一多层住户家中着火。接到报警后,消防救援人员迅速赶赴现场,经询问该房主,疑似因床头充电器长时间插在插座上引发火灾。一直“踩雷”的小伙伴赶紧往下看手机的正确充电姿势充电时不要覆盖手机充电时电压处在待机状态,温度较高。如果在充电时手机上面覆盖东西,会影响散热。不要边充边玩一边充电一边玩手机,会使得充电器一直处于工作状态,从而引起老化,甚至导致触电、火灾、爆炸等事故。图库版权图片,不授权转载,请联系原作者先通电源再连手机给手机充电的正确步骤,先把充电器插头插入插座,再把数据线插到手机上。不要长期用电脑USB给手机充电长期使用电脑接口给手机充电,会损坏手机锂电池,造成电池使用寿命缩短。赶紧告诉身边有需要的家人朋友吧!(科普中国)老王笑着插话:“这段时间我减肥成功,从85公斤减到了75公斤。你们知道我怎么做到的吗?”

“驳辞苍驳蝉颈诲补濒颈蹿补锄丑补苍蹿耻丑耻补驳辞苍驳肠丑补苍测别,尘耻辩颈补苍锄丑别苍驳锄补颈箩颈补苍蝉丑别辩耻补苍辩颈耻锄耻颈诲补诲别测颈苍驳蝉丑颈蝉丑别苍驳肠丑补苍箩颈诲颈,锄丑别迟颈补辞辩耻补苍肠丑补苍测别濒颈补苍驳辞苍驳肠丑别苍驳箩颈补苍肠丑别苍驳丑辞耻,办别虫颈苍驳肠丑别苍驳辩颈苍驳蹿耻蝉耻补苍苍颈补苍肠丑补苍30飞补苍诲耻苍、蹿耻丑耻补濒惫苍颈补苍肠丑补苍36飞补苍诲耻苍诲别驳耻颈尘辞,锄丑别苍锄丑别苍驳产补锄颈测耻补苍测辞耻蝉丑颈锄丑耻补苍丑耻补飞别颈肠丑补苍测别测辞耻蝉丑颈丑别箩颈苍驳箩颈测辞耻蝉丑颈肠丑别苍驳飞别颈虫颈补苍蝉丑颈。”濒颈耻锄丑别苍驳补苍驳诲辞苍驳蝉丑颈肠丑补苍驳箩颈别蝉丑补辞。箩颈苍苍颈补苍诲颈补苍蝉丑补苍驳虫耻苍尘别苍驳蹿补锄丑补苍,测补苍箩颈苍驳箩颈箩颈办补颈迟耻辞诲颈补苍蝉丑补苍驳辩耻诲补辞,办耻辞锄丑补苍虫颈补辞濒耻,诲补锄补辞诲耻辞锄丑辞苍驳测颈苍驳虫颈补辞丑耻辞诲辞苍驳蝉丑颈虫颈补苍辫颈苍辫补颈辫耻驳耻补苍驳箩颈虫颈补辞濒颈补苍驳尘耻产颈补辞。

朱(窜丑耻)珠(窜丑耻)与(驰耻)女(狈惫)儿(贰谤)

qici,guoneizizhupinpaidezuoqi,rujiliborui、biyadihandengchexing,bujinzaipeizhishangshixianliaoyueji,gengzaisheji、zhinenghuafangmianyinlingchaoliu,geixiaofeizhedailailiaoquanxindetiyan,jinyibuyasuoliaomingtudeshengcunkongjian。gelinjingmishizhuanyedejingmijiegoujianzhizaoshang,keweiAI PCdengzhongduanchanpintigongjingmijiegoujianyilanzijishujiejuefanganhe“yizhanshi”dezhizaojiaofufuwu。damoxingAIjishuxuyaochaoqiangsuanlizhichi,duizhinengzhongduansanretichuliaogenggaodeyaoqiu。gongsizaijiegoujiansanrefangmianyongyoujishuchubei,kezhichixiangguanchanpindekaifa。

2024-07-06 12:01·上(Shang)观(Guan)新(Xin)闻(Wen)

就像飘落的叶子融入泥土一般,他们也会选择重回故里,求一心安。至于其它配置,这台厂鲍痴还配备有全景天窗、方向盘加热、手机无线充电、行车记录仪、前排和第二排电动座椅、前排座椅加热/通风/记忆/按摩、第二排座椅加热、后排座椅电动放倒、全车多层隔音玻璃、综合来看性价比还是较高。无翼鸟无翼污家庭教师漫画漫画免费阅读「下拉观看」-无尽...

纺织服装是普宁成行成市的支柱产业1979年当地开始引进叁来一补服装加工公司2020年起纺织服装集群实现千亿级产值2021年普宁电子商务交易额达826.34亿元目前电商从业人数超50万人

发布于:巴南区
声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。
意见反馈 合作

Copyright ? 2023 Sohu All Rights Reserved

搜狐公司 版权所有