如何写一个Nx schematic plugin?
前言
玩过Angular的同学都知道Angular作为一个Framework,拥有一套完备的生态,还集成了强大的CLI。而React则仅仅是一个轻量级的Library,官方社区只定义了一套组件的周期规则,而周边社区可以基于此规则实现自己的组件,React并不会提供给你一套开箱即用的方案,而需要自己在第三方市场挑选满意的组件形成“全家桶”,这也是React社区活跃的原因之一。
最近工作中在考虑使用monorepo对项目进行管理,发现了一套dev toolkit叫做Nx,Nx使用monorepo的方式对项目进行管理,其核心开发者vsavkin同时也是Angular项目的早期核心成员之一,他把Angular CLI这套东西拿到Nx,使其不仅可以支持Angular项目的开发,现在还支持React项目。
Nx支持开发自己的plugin,一个plugin包括schematics和builders(这两个概念也分别来自Angular的schematics以及cli-builders),schematics按字面意思理解就是“纲要”的意思,也就是可以基于一些模板自动化生成所需的文件;而builders就是可以自定义构建流程。
今天要讲的就是如何开发一个属于自己的Nx plugin (包含schematics),我会使用它来自动化创建一个页面组件,同时更新router配置,自动将其加入react router的config。
关于Monorepo
这篇文章不会详细介绍什么是monorepo,mono有“单个”的意思,也就是单个仓库(所有项目放在一个仓库下管理),对应的就是polyrepo,也就是正常一个项目一个仓库。如下图所示:
更多关于monorepo的简介,可以阅读以下文章:
- Advantages of monorepos
- How to develop React apps like Facebook, Microsoft, and Google
- Misconceptions about Monorepos: Monorepo != Monolith
关于Nx plugin
先贴一张脑图,一个一个讲解schematic的相关概念:
前面提到Nx plugin包括了builder(自动化构建)和schematic(自动化项目代码的增删改查)。一个成型的Nx plugin可以使用Nx内置命令执行。
对于文章要介绍的schematics,可以认为它是自动化代码生成脚本,甚至可以作为脚手架生成整个项目结构。
Schematics要实现的目标
Schematics的出现优化了开发者的体验,提升了效率,主要体现在以下几个方面:
-
同步式的开发体验,无需知道内部的异步流程
Schematics的开发“感觉”上是同步的,也就是说每个操作输入都是同步的,但是输出则可能是异步的,不过开发者可以不用关注这个,直到上一个操作的结果完成前,下一个操作都不会执行。
-
开发好的schematics具有高扩展性和高重用性
一个schematic由很多操作步骤组成,只要“步骤”划分合理,扩展只需要往里面新增步骤即可,或者删除原来的步骤。同时,一个完整的schematic也可以看做是一个大步骤,作为另一个schematic的前置或后置步骤,例如要开发一个生成Application的schematic,就可以复用原来的生成Component的schematic,作为其步骤之一。
-
schematic是原子操作
传统的一些脚本,当其中一个步骤发生错误,由于之前步骤的更改已经应用到文件系统上,会造成许多“副作用”,需要我们手动FIX。但是schematic对于每项操作都是记录在运行内存中,当其中一项步骤确认无误后,也只会更新其内部创建的一个虚拟文件系统,只有当所有步骤确认无误后,才会一次性更新文件系统,而当其中之一有误时,会撤销之前所做的所有更改,对文件系统不会有“副作用”。
接下来我们了解下和schematic有关的概念。
Schematics的相关概念
在了解相关概念前,先看看Nx生成的初始plugin目录:
your-plugin|--.eslintrc|--builders.json|--collection.json|--jest.config.js|--package.json|--tsconfig.json|--tsconfig.lib.json|--tsconfig.spec.json|--README.md|--src|--builders|--schematics|--your-schema|--your-schema.ts|--your-schema.spec.ts|--schema.json|--schema.d.ts
Collection
Collection包含了一组Schematics,定义在plugin主目录下的collection.json
:
{"$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json","name": "your-plugin","version": "0.0.1","schematics": {"your-schema": {"factory": "./src/schematics/your-schema/your-schema","schema": "./src/schematics/your-schema/schema.json","aliases": ["schema1"],"description": "Create foo"}}
}
上面的json文件使用@angular-devkit/schematics下的collection schema来校验格式,其中最重要的是schematics
字段,在这里面定义所有自己写的schematics,比如这里定义了一个叫做"your-schema"的schematic,每个schematic下需要声明一个rule factory(关于rule
之后介绍),该factory指向一个文件中的默认导出函数,如果不使用默认导出,还可以使用your-schema#foo
的格式指定当前文件中导出的foo
函数。
aliases
声明了当前schematic的别名,除了使用your-schema
的名字执行指令外,还可以使用schema1
。description
表示一段可选的描述内容。
schema
定义了当前schematic的schema json定义,nx执行该schematic指令时可以读取里面设置的默认选项,进行终端交互提示等等,下面是一份schema.json
:
{"$schema": "http://json-schema.org/schema","id": "your-schema","title": "Create foo","examples": [{"command": "g your-schema --project=my-app my-foo","description": "Generate foo in apps/my-app/src/my-foo"}],"type": "object","properties": {"project": {"type": "string","description": "The name of the project.","alias": "p","$default": {"$source": "projectName"},"x-prompt": "What is the name of the project for this foo?"},"name": {"type": "string","description": "The name of the schema.","$default": {"$source": "argv","index": 0},"x-prompt": "What name would you like to use for the schema?"},"prop3": {"type": "boolean","description": "prop3 description","default": true}},"required": ["name", "project"]
}
properties
表示schematic指令执行时的选项,第一个选项project
表示项目名,别名p
,使用$default
表示Angular内置的一些操作,例如$source: projectName
则表示如果没有声明project
,会使用Angular workspaceSchema
(nx中为workspace.json
)中的defaultProject
选项,而第二个选项的$default
则表明使用命令时的第一个参数作为name
。
x-prompt
会在用户不键入选项值时的交互,用来提示用户输入,用户可以不用预先知道所有选项也能完成操作,更复杂的x-prompt
配置请查阅官网。
说了这么多,以下是几个直观交互的例子,帮助大家理解:
nx使用generate
选项来调用plugin中的schematic或者builder,和Angular的ng generate
一致:
# 表示在 apps/app1/src/ 下生成一个名为bar的文件$ nx g your-plugin:your-schema bar -p=app1
# 或者
$ nx g your-plugin:your-schema -name=bar -project app1
如果使用交互(不键入选项)
# 表示在 apps/app1/src/ 下生成一个名为bar的文件$ nx g your-plugin:your-schema
? What is the name of the project for this foo?
$ app1
? What name would you like to use for the schema?
$ bar
接下来看看Schematics的两个核心概念:Tree和Rule
Tree
根据官方对Tree
的介绍:
The virtual file system is represented by a Tree. The Tree data structure contains a base (a set of files that already exists) and a staging area (a list of changes to be applied to the base). When making modifications, you don’t actually change the base, but add those modifications to the staging area.
Tree
这一结构包含了两个部分:VFS和Staging area,VFS是当前文件系统的一个虚拟结构,Staging area则存放schematics中所做的更改。值得注意的是,当做出更改时,并不是对文件系统的及时更改,而只是将这些操作放在Staging area,之后会把更改逐步同步到VFS,知道确认无误后,才会一次性对文件系统做出变更。
Rule
A Rule object defines a function that takes a Tree, applies transformations, and returns a new Tree. The main file for a schematic, index.ts, defines a set of rules that implement the schematic’s logic.
Rule
是一个函数,接收Tree
和Context
作为参数,返回一个新的Tree
,在schematics的主文件index.ts
中,可以定义一系列的Rule
,最后将这些Rule
作为一个综合的Rule
在主函数中返回,就完成了一个schematic。下面是Tree
的完整定义:
export declare type Rule = (tree: Tree, context: SchematicContext) => Tree | Observable<Tree> | Rule | Promise<void> | Promise<Rule> | void;
来看看一个简单的schematic主函数,我们在函数中返回一个Rule
,Rule
的操作是新建一个默认名为hello
的文件,文件中包含一个字符串world
,最后将这个Tree返回。
// src/schematics/your-schema/index.tsimport { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';// You don't have to export the function as default. You can also have more than one rule factory
// per file.
export function myComponent(options: any): Rule {return (tree: Tree, _context: SchematicContext) => {tree.create(options.name || 'hello', 'world');return tree;};
}
Context
最后是Context
,上面已经提到过,对于Schematics,是在一个名叫SchematicContext
的Context下执行,其中包含了一些默认的工具,例如context.logger
,我们可以使用其打印一些终端信息。
如何开发一个Nx Schematic?
下面的所有代码均可以在我的GitHub里下载查看,觉得不错的话,欢迎大家star。
接下来进入正题,我们开发一个nx plugin schematic,使用它来创建我们的页面组件,同时更新路由配置。
假设我们的项目目录结构如下:
apps|...|--my-blog|...|--src|--components|--pages|--home|--index.ts|--index.scss|--about|--routers|--config.ts|--index.ts|...
router/config.ts
文件内容如下:
export const routers = {// 首页'/': 'home',// 个人主页'/about': 'about'
};
现在我们要新增一个博客页,不少同学可能就直接新建一个目录,复制首页代码,最后手动添加一条路由配置,对于这个例子倒是还好,但是如果需要更改的地方很多,就很浪费时间了,学习了Nx plugin schematics,这一切都可以用Schematic实现。
搭建Nx环境并使用Nx默认的Schematic创建一个plugin
如果之前已经有了Nx项目,则直接在项目根目录下使用以下命令创建一个plugin:
$ nx g @nrwl/nx-plugin:plugin [pluginName]
如果是刚使用Nx,也可以使用下面的命令快速新建一个项目,并自动添加一个plugin:
$ npx create-nx-plugin my-org --pluginName my-plugin
设置好Schematic选项定义
现在Nx为我们创建了一个默认的plugin,首先更改packages/plugin/collection.json
,为schema取名叫做“page”
{"$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json","name": "plugin","version": "0.0.1","schematics": {"page": {"factory": "./src/schematics/page/page","schema": "./src/schematics/page/schema.json","description": "Create page component"}}
}
接下来定义我们提供的schema option,这里需要修改src/schematics/page/schema.json
和src/schematics/page/schema.d.ts
,前者作为JSON Schema被Nx plugin使用,后者作为类型定义,开发时用到。
对于page,我们需要提供两个必须选项:name和对应的project,两个可选选项:connect(是否connect to redux)、classComponent(使用类组件还是函数组件)。
下面分别是schema.json
和schema.d.ts
:
{"$schema": "http://json-schema.org/draft-07/schema","id": "page","title": "Create page component","type": "object","properties": {"name": {"type": "string","description": "The name of the page component","$default": {"$source": "argv","index": 0},"x-prompt": "What name would you like to use?"},"project": {"type": "string","description": "The project of the page component","$default": {"$source": "projectName"},"alias": "p","x-prompt": "Which projcet would you like to add to?"},"classComponent": {"type": "boolean","alias": "C","description": "Use class components instead of functional component.","default": false},"connect": {"type": "boolean","alias": "c","description": "Create a connected redux component","default": false}},"required": ["name", "project"]
}
export interface PageSchematicSchema {name: string;project: string;classComponent: boolean;connected: boolean;
}
开发Schematic
创建所需模板文件
模板文件就是通过一些模板变量来生成真正的文件。每一个页面默认有两个文件,index.ts
和index.scss
,因此创建模板文件如下:
index.ts.template
<% if (classComponent) { %>
import React, { Component } from 'react';
<% } else { %>
import React from 'react';
<% } %>
<% if (connect) { %>
import { connect } from 'react-redux';
import { IRootState, Dispatch } from '../../store';
<% } %>import { RouteComponentProps } from 'react-router-dom';
import './index.scss';<% if (connect) { %>
type StateProps = ReturnType<typeof mapState>;
type DispatchProps = ReturnType<typeof mapDispatch>;
type Props = StateProps & DispatchProps & RouteComponentProps;
<% } else { %>
type Props = RouteComponentProps;
<% } %><% if (classComponent) { %>
class <%= componentName %> extends Component<Props> {render() {return (<div className="<% className %>">Welcome to <%= componentName %>!</div>);}
}
<% } else { %>
const <%= componentName %> = (props: Props) => {return (<div className="<%= className %>">Welcome to <%= componentName %>!</div>);
};
<% } %><% if (connect) { %>
function mapState(state: IRootState) {return {}
}function mapDispatch(dispatch: Dispatch) {return {}
}
<% } %><% if (connect) { %>
export default connect<StateProps, DispatchProps, {}>(mapState, mapDispatch)(<%= componentName %>);
<% } else { %>
export default <%= componentName %>;
<% } %>
index.scss.template
.<%= className %> {}
我们将模板文件放到src/schematics/page/files/
下。
基于模板文件创建所需文件和目录
我们一共需要做四件事:
- 格式化选项(把schematic默认的选项进行加工,加工成我们所需的全部选项)。
- 基于模板文件创建所需文件和目录。
- 更新
app/src/routers/config.ts
。 - 使用eslint格式化排版。
先来实现1和2:
page.ts
:
import { PageSchematicSchema } from './schema';
import { names } from '@nrwl/workspace';
import { getProjectConfig } from '@nrwl/workspace/src/utils/ast-utils';interface NormalizedSchema extends PageSchematicSchema {/** element className */className: string;componentName: string;fileName: string;projectSourceRoot: Path;
}/** 加工选项 */
function normalizeOptions(host: Tree,options: PageSchematicSchema
): NormalizedSchema {const { name, project } = options;const { sourceRoot: projectSourceRoot } = getProjectConfig(host, project);// kebab-case fileName and UpperCamelCase classNameconst { fileName, className } = names(name);return {...options,// element classNameclassName: `${project}-${fileName}`,projectSourceRoot,componentName: className,fileName,};
}
接下来使用模板文件:
page.ts
import { join } from '@angular-devkit/core';
import {Rule,SchematicContext,mergeWith,apply,url,move,applyTemplates,
} from '@angular-devkit/schematics';
import { PageSchematicSchema } from './schema';
import { names } from '@nrwl/workspace';
import { getProjectConfig } from '@nrwl/workspace/src/utils/ast-utils';interface NormalizedSchema extends PageSchematicSchema {/** element className */className: string;componentName: string;fileName: string;projectSourceRoot: Path;
}/** 基于模板创建文件 */
function createFiles(options: NormalizedSchema): Rule {const { projectSourceRoot, fileName } = options;const targetDir = join(projectSourceRoot, pagePath, fileName);return mergeWith(apply(url('./files'), [applyTemplates(options), move(targetDir)]));
}
原理是使用Angular Schematics自带的mergeWith
的Rule
,接收一个Source
,Source
的定义如下:
A source is a function that generates a Tree from a specific context.
也就是说Source()
会生成一棵新的Tree
。然后将其和原来的Tree
合并。
由于我们需要从模板文件中加载,首先需要使用url
加载文件,url
接收文件或文件夹的相对地址,返回一个Source
,然后我们使用apply
对url
加载模板文件后的Source
进行加工,apply
接收一个Source
和一个Rule
的数组,将Rule[]
应用后返回一个新的Source
。
这里我们需要进行两种“加工”,首先使用options
替换模板文件中的变量,最后将这些文件使用move
移动到对应的目录下即可。
更新router config
来到了最重要也是比较难的一个步骤,我们还需要修改src/routers/config.ts
中的routers
变量,在里面增加我们刚加上的page component。
由于这里是TS文件,所以需要分析TS的AST (Abstract Syntax Tree),然后修改AST,最后使用修改的AST对原来内容进行覆盖即可。
修改AST可以使用TS官方的Compiler API结合TypeScript AST Viewer进行。不过由于AST的复杂结构,TS Compiler API也不太友好,直接使用API对AST进行操作非常困难。例如AST的每个节点都有position信息,做一个新的插入时,还需要对position进行计算,API并没有人性化的操作方式。
由于上面的原因,我最终选择了ts-morph,ts-morph以前也叫做ts-simple-ast,它封装了TS Compiler API,让操作AST变得简单易懂。
看代码之前,我们先使用TS AST Viewer分析一下routers/config.ts
这段代码的AST:
export const routers = {// 首页'/': 'home',// 第二页'/about': 'about'
};
AST如下(只含根节点信息):
我们来层层分析:
- 从声明到赋值,整段语句作为
Variable Statement
。 - 由于
routers
是被导出的,包含了ExportKeyword
。 - 从
routers = xxx
作为VariableDeclarationList
中的唯一一个VariableDeclaration
。 - 最后是
Identifier
“routers”,再到字面量表达式作为它的value。 - …
由于下面代码用到了Initializer
,上述的对象字面量表达式ObjectLiteralExpression
就是routers
这个VariableDeclaration
的Initializer
:
看懂AST后,更新router后的代码就容易理解了:
import { join, Path } from '@angular-devkit/core';
import {Rule,Tree,chain,SchematicContext,mergeWith,apply,url,move,applyTemplates,
} from '@angular-devkit/schematics';
import { PageSchematicSchema } from './schema';
import { formatFiles, names } from '@nrwl/workspace';
import { getProjectConfig } from '@nrwl/workspace/src/utils/ast-utils';
import { Project } from 'ts-morph';/** 更新路由配置 */
function updateRouterConfig(options: NormalizedSchema): Rule {return (host: Tree, context: SchematicContext) => {const { projectSourceRoot, fileName } = options;const filePath = join(projectSourceRoot, routerConfigPath);const srcContent = host.read(filePath).toString('utf-8');// 使用ts-morph的project对AST进行操作const project = new Project();const srcFile = project.createSourceFile(filePath, srcContent, {overwrite: true,});try {// 根据变量标识符拿到对应的VariableDeclarationconst decl = srcFile.getVariableDeclarationOrThrow(routerConfigVariableName);// 获取initializer并转换成stringconst initializer = decl.getInitializer().getText();// 使用正则匹配对象字面量的最后一部分并做插入const newInitializer = initializer.replace(/,?\s*}$/,`,'/${fileName}': '${fileName}' }`);// 更新initializerdecl.setInitializer(newInitializer);// 获取最新的TS文件内容对源文件进行覆盖host.overwrite(filePath, srcFile.getFullText());} catch (e) {context.logger.error(e.message);}};
}
在如何对Initializer
进行操作时,我最开始想到的是将其使用JSON.parse()
转换成对象字面量,然后进行简单追加,后面发现这段内容里还可能包含注释,所以只能通过正则匹配确定字面量的“尾部部分”,然后进行匹配追加。
使用eslint做好排版
操作完成后我们可以使用Nx workspace提供的formatFiles
将所有文件排版有序。最后我们只需要在默认导出函数里将上述Rule
通过chain
这个Rule
进行汇总。来看看最终代码:
import { join, Path } from '@angular-devkit/core';
import {Rule,Tree,chain,SchematicContext,mergeWith,apply,url,move,applyTemplates,
} from '@angular-devkit/schematics';
import { PageSchematicSchema } from './schema';
import { formatFiles, names } from '@nrwl/workspace';
import { getProjectConfig } from '@nrwl/workspace/src/utils/ast-utils';
import { Project } from 'ts-morph';interface NormalizedSchema extends PageSchematicSchema {/** element className */className: string;componentName: string;fileName: string;projectSourceRoot: Path;
}// 页面组件目录
const pagePath = 'pages';
// 路由配置目录
const routerConfigPath = 'routers/config.ts';
// 路由配置文件中需要修改的变量名
const routerConfigVariableName = 'routers';/** 加工选项 */
function normalizeOptions(host: Tree,options: PageSchematicSchema
): NormalizedSchema {const { name, project } = options;const { sourceRoot: projectSourceRoot } = getProjectConfig(host, project);// kebab-case fileName and UpperCamelCase classNameconst { fileName, className } = names(name);return {...options,// element classNameclassName: `${project}-${fileName}`,projectSourceRoot,componentName: className,fileName,};
}/** 基于模板创建文件 */
function createFiles(options: NormalizedSchema): Rule {const { projectSourceRoot, fileName } = options;const targetDir = join(projectSourceRoot, pagePath, fileName);return mergeWith(apply(url('./files'), [applyTemplates(options), move(targetDir)]));
}/** 更新路由配置 */
function updateRouterConfig(options: NormalizedSchema): Rule {return (host: Tree, context: SchematicContext) => {const { projectSourceRoot, fileName } = options;const filePath = join(projectSourceRoot, routerConfigPath);const srcContent = host.read(filePath).toString('utf-8');const project = new Project();const srcFile = project.createSourceFile(filePath, srcContent, {overwrite: true,});try {const decl = srcFile.getVariableDeclarationOrThrow(routerConfigVariableName);const initializer = decl.getInitializer().getText();const newInitializer = initializer.replace(/,?\s*}$/,`,'/${fileName}': '${fileName}' }`);decl.setInitializer(newInitializer);host.overwrite(filePath, srcFile.getFullText());} catch (e) {context.logger.error(e.message);}};
}// 默认的rule factory
export default function (schema: PageSchematicSchema): Rule {return function (host: Tree, context: SchematicContext) {const options = normalizeOptions(host, schema);return chain([createFiles(options),updateRouterConfig(options),formatFiles({ skipFormat: false }),]);};
}
测试
写好了schematic,别忘了进行测试,测试代码如下:
page.spec.ts
import { Tree, Rule } from '@angular-devkit/schematics';
import { SchematicTestRunner } from '@angular-devkit/schematics/testing';
import { createEmptyWorkspace } from '@nrwl/workspace/testing';
import { join } from 'path';
import { PageSchematicSchema } from './schema';
import { updateWorkspace, names } from '@nrwl/workspace';const testRunner = new SchematicTestRunner('@plugindemo/plugin',join(__dirname, '../../../collection.json')
);export function callRule(rule: Rule, tree: Tree) {return testRunner.callRule(rule, tree).toPromise();
}export async function createFakeApp(tree: Tree, appName: string): Promise<Tree> {const { fileName } = names(appName);const appTree = await callRule(updateWorkspace((workspace) => {workspace.projects.add({name: fileName,root: `apps/${fileName}`,projectType: 'application',sourceRoot: `apps/${fileName}/src`,targets: {},});}),tree);appTree.create('apps/app1/src/routers/config.ts',`export const routers = {// 首页'/': 'home',// 个人主页'/about': 'about'};`);return Promise.resolve(appTree);
}describe('plugin schematic', () => {let appTree: Tree;const options: PageSchematicSchema = { name: 'myPage', project: 'app1' };beforeEach(async () => {appTree = createEmptyWorkspace(Tree.empty());appTree = await createFakeApp(appTree, 'app1');});it('should run successfully', async () => {const tree = await testRunner.runSchematicAsync('page', options, appTree).toPromise();// file existexpect(tree.exists('apps/app1/src/pages/my-page/index.tsx')).toBeTruthy();expect(tree.exists('apps/app1/src/pages/my-page/index.scss')).toBeTruthy();// router modified correctlyconst configContent = tree.readContent('apps/app1/src/routers/config.ts');expect(configContent).toMatch(/,\s*'\/my-page': 'my-page'/);});
});
测试这块能用的轮子也比较多,我这里简单创建了一个假的App(符合上面说的目录结构),然后进行了一下简单测试。测试可以使用如下指令对plugin中的单个schematic进行测试:
$ nx test plugin --testFile page.spec.ts
如果写的plugin比较复杂,建议再进行一遍end2end测试,Nx对e2e的支持也很好。
发布
最后到了发布环节,使用Nx build之后便可以自行发布了。
$ nx build plugin
上述所有代码均可以在我的GitHub里下载查看,同时代码里还增加了一个真实开发环境下的App-demo,里面将plugin引入了正常的开发流程,更能感受到其带来的便捷性。觉得不错的话,欢迎大家star。
总结
其实要写好这类对文件系统“增删改查”的工具,关键还是要理解文件内容,比如上面的难点就在于理解TS文件的AST。使用ts-morph还可以做很多事情,比如我们每增加一个文件,可能需要在出口index.ts
中导出一次,使用ts-morph就一句话的事情:
const exportDeclaration = sourceFile.addExportDeclaration({namedExports: ["MyClass"],moduleSpecifier: "./file",
});
当然,Nx和Angular提供了这一套生态,能用的工具和方法非常多,但是也需要我们耐心查阅,合理使用。目前来说Nx封装的方法没有详细的文档,可能用起来需要直接查阅d.ts
文件,没那么方便。
工欲善其事,必先利其器。Happy Coding!
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- centos7下安装openstack(newton版)
一直想学习下openstakc的源代码,期间用packstack安装成功过,但是devstack一直安装失败,终于在试验了很多次之后,终于成功了!踩坑无数。。。 环境准备: centos7.3.1611最小化安装(16G内存、60G…...
2024/5/9 20:57:30 - 长沙埋线双眼皮多少钱
...
2024/5/9 17:39:09 - angular过滤字符_如何使用Angular和Azure计算机视觉创建光学字符读取器
angular过滤字符介绍 (Introduction) In this article, we will create an optical character recognition (OCR) application using Angular and the Azure Computer Vision Cognitive Service. 在本文中,我们将使用Angular和Azure计算机视觉认知服务创建一个光学字…...
2024/5/9 16:06:30 - Protractor(angular定制的e2e)的简易入门
这周项目终于上了e2e的测试,之前一直都没有测试的概念。 感谢我的领导和同志引入这样的理念和思想。 多的不说。 具体的环境搭建可以参考 http://jackhu.top/article/5607fa9d10f611091d0933c3 我就具体说说用的一些方法和经验吧 browser.getTitle() //获取文件标题…...
2024/5/9 15:02:02 - 在NativeScript-angular应用中使用本地设备剪切板
当我刚开始学习nativescript我建立了一个以本地设备剪贴板复制和粘贴,虽然没有什么真正改变剪贴板功能。 我们将看到如何直接复制粘贴在angular,TypeScript建立了一个NativeScript应用程序, 这将是一个非常简单的应用程序,但为了让…...
2024/5/9 16:23:42 - 欧式双眼皮可以改吗
...
2024/5/9 15:13:59 - angular js 使用pdf.js_胶水(框架) Stencil.js
去年的同一时间,我写了那篇《前端下半场:构建跨框架的 UI 库》推荐了 Stencil.js,当时是在项目的试验期。而 Stencil.js 已经在今年(2019 )的 6 月份,推出了 1.0 正式版,这意味着你已经可以开始…...
2024/5/9 20:42:47 - angular单元测试与自动化UI测试实践
关于本文:介绍通过karma与jsmine框架对angular开发的应用程序进行单元与E2E测试。 angular单元测试与集成测试实践 先决条件创建项目 webstorm中创建空白web项目创建html、js文件夹安装框架 安装前端框架 1) 安装bower包管理器2) 初始化bower.json文件3) 安装angula…...
2024/5/9 18:55:34 - webpack+angular的项目SEED(下)
webpackangular的项目SEED(上)介绍了项目的构建生产和热编译显示。 介绍 这里就主要来讲测试,敏捷开发好多公司都在做,敏捷开发有许多种方法,但不管采用那一种方法,测试都是必须的,验证代码,验证功能&#…...
2024/5/6 23:18:39 - 几年前做过埋线双眼皮现在想做韩式3点
...
2024/5/9 19:51:45 - ArcFace Additive Angular Margin Loss for Deep Face Recognition 阅读笔记
这篇论文的成果在 MegaFace 百万人脸识别挑战中,获得了state-of-art的效果,可以说是CNN在人脸领域的又一进步。它的优势主要有3点: 使用了Additive Angular Margin,在对feature 和 weights进行了L2 normalization的基础上,再计算…...
2024/5/9 16:52:40 - angular自动化测试--protractor
前戏 面向模型编程; 测试驱动开发; 先保障交互逻辑,再调整细节。---by 雪狼。 为什么要自动化测试? 1,提高产出质量。 2,减少重构时的痛。反正我最近重构多了,痛苦经历多了。 3,便于…...
2024/5/9 19:59:21 - AngularJS浏览缩放图片
近期开发APP采用AngularJSionic,要使用到浏览图片,在网上查阅文档比较推荐的一种方式是ng-flow-master,github地址为:https://github.com/jsypsy/ng-flow-master 有些不足之处是图片大小无法进行缩放,是原图大小进行显示…...
2024/4/20 19:36:17 - 给 Web 开发者的 25 款最有用的 AngularJS 工具
转自:http://www.oschina.net/news/60200/bestl-angularjs-tools AngularJS 是一种新 JavaScript 框架,目的是降低要求,加快开发速度。AngularJS 是让 HTML 标记动态,使其对 web 开发者更有帮助,同时从大量的分段中给…...
2024/4/20 19:35:58 - angular4总结项目中的知识点-leaflet相关调用,组件传值看下一章
1. ng-template 是angular4中的用于获取#id的值,例子如下: <ng-template let-col let-monitor"rowData" pTemplate"body"><input #chk type"checkbox" (change)"regularChecked(monitor,chk)" />&…...
2024/4/20 19:35:56 - Angular12 学习angular2前的热身准备
1 ECMA European Computer Manufactures Association 这个组织的目标是评估,开发和认可电信和计算机标准。 百度百科:点击前往 ECMA65:满足ECMA标准的第五代JavaScript,所有浏览器都支持 ECMAS6:满足ECMA标准的第六代…...
2024/4/20 19:35:54 - 四点定位双眼皮原理
...
2024/4/20 19:35:53 - Ionic Gallery 图片预览简单教程
Ionic Gallery 主要应用在ionic angularJs中,理论上支持热门的框架。话不多说,直接开始吧: 引入文件 <link href"lib/ion-gallery/dist/ion-gallery.css" rel"stylesheet"> <script src"lib/ion-galle…...
2024/4/20 19:31:12 - 基于ngx-echarts和angular-gridster2 做的基于dashboard例子
###配置相关看下面的链接 https://xieziyu.github.io/ngx-echarts/api-doc/index.html api关于ngx-echarts https://xieziyu.github.io/ngx-echarts/#/demo/map/hongkong-pd demo关于ngx-echarts https://github.com/tiberiuzuld/angular-gridster2 api关于angular-gridster2 h…...
2024/4/20 19:31:11 - 保存指定DOM为图片
1.引入一个js html2canvas.js,已上传我的资源 https://download.csdn.net/download/qq_21987433/12153897 2.html DOM提供 <div id"Authbook" style"background-color: #fff;width: 100%"><div id"inBox" ><p>&l…...
2024/5/1 4:14:28
最新文章
- 【题目】2023年全国职业院校技能大赛 GZ073 网络系统管理赛项赛题第4套B模块
2023年全国职业院校技能大赛 GZ073网络系统管理赛项 赛题第4套 模块B:服务部署 信息安全管理与评估 网络系统管理 网络搭建与应用 云计算 软件测试 移动应用开发等多个赛项技术支持 任务书,赛题,解析等资料,知识点培训服务 添加…...
2024/5/10 0:04:29 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/9 21:23:04 - C# 构建可定时关闭的异步提示弹窗
C# 构建可定时关闭的异步提示弹窗 引言1、调用接口的实现2、自动定时窗口的实现 引言 我们在最常用最简单的提示弹框莫过于MessageBox.Show( )的方法了,但是使用久了之后,你会发现这个MessageBox并不是万能的,有事后并不想客户去点击&#x…...
2024/5/2 6:14:07 - WPS二次开发专题:WPS SDK实现文档打印功能
作者持续关注WPS二次开发专题系列,持续为大家带来更多有价值的WPS开发技术细节,如果能够帮助到您,请帮忙来个一键三连,更多问题请联系我(QQ:250325397) 在办公场景或者家教场景中经常碰到需要对文档进行打印…...
2024/5/8 13:49:57 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/8 6:01:22 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/9 15:10:32 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/9 4:20:59 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/7 11:36:39 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/6 1:40:42 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/5/8 20:48:49 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/5/7 9:26:26 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/8 19:33:07 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/5/5 8:13:33 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/8 20:38:49 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/9 7:32:17 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/5/9 17:11:10 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57