技术
文章平均质量分 62
Dickence
从国外回到国内,多年从事IT行业,让我对IT的过去、现在,以及未来有了一定的认识;从IT方向的把握到具体的开发,均有一定的经验。希望能够通过我点滴的笔记,唤醒你的IT潜力。
展开
-
在网页中直接引入其它网页的方法探索(失败案例)
一、用户需求描述用户需要通过Microsoft Teams开一个会议,希望把Teams的直播页面引入到系统中。二、解决方案1、可以通过iframe加载teams的直播页面;2、在加载前,通过参数把实际会议室编号转入iframe的src属性即可。三、开始实施看起来问题很简单,着手开始做。先写一个test.html,里面直接编写一个iframe引入会议,做个试验。<html> <head> </head> <原创 2021-11-19 19:22:31 · 1817 阅读 · 0 评论 -
Docker部署的系统,权限获取方法
使用了Verdaccio的Docker部署了一个私有Repo服务器,但没有权限,没法修改上游源。无法修改的原因主要是因为没有权限:1、copy的时候没有权限,考虑使用sudo2、系统没有sudo命令3、考虑使用su,无法运行4、vi编辑器修改,没有权限4、下载一些工具,apk add xxx 无权限,wget不知道下载什么……解决方法:docker exec -it --user root mycontainer sh这样就有权限了。...原创 2020-11-24 19:22:25 · 324 阅读 · 0 评论 -
9、Yeoman 单元测试
继续阅读以了解有关Yeoman添加的测试助手的更多信息,以减轻对Generator进行单元测试的痛苦。以下示例假定您在BDD模式下使用Mocha。 全局概念应轻松应用于您选择的单元测试框架。9.1 组织测试很重要的一点是,要保持测试简单且易于编辑。通常,组织测试的最佳方法是:将每个Generator和子Generator分离到其自己的describe块中。 为Generator接受的每个选项添加一个describe块。 对每个声明(或相关声明)使用it块。在代码中,您应该以类似于以原创 2020-11-21 12:09:02 · 236 阅读 · 0 评论 -
7、Yeoman 使用文件系统
7.1 定位Yeoman文件实用程序基于这样的想法,在磁盘上始终有两个位置上下文。 这些上下文是Generator最有可能读取和写入的文件夹。目标上下文(Destination Context)第一个上下文是目标上下文。 “目标”是指Yeoman存放新应用程序的文件夹。 这是用户项目文件夹,在这编写大多数脚手架。目标上下文定义为当前工作目录或包含.yo-rc.json文件的最近的父文件夹。.yo-rc.json文件定义了Yeoman项目的根目录。该文件允许用户在子目录中运行命令并可在项目上运原创 2020-11-21 10:43:55 · 334 阅读 · 0 评论 -
1、Yeoman 入门
1、开始使用Yeomon使用npm安装Yeomonnpm install -g yo安装需要的generator。名称如下:generator-XYZ。可以使用Discovering Generators网页查看所有可用的Generator。使用npm安装generator,以generator-webapp为例npm install -g generator-webapp基础脚手架进入要生成工程的文件夹,依然使用generator-webapp为例:yo web.原创 2020-11-18 23:12:13 · 230 阅读 · 0 评论 -
11、整合Yeoman
每次运行Generator时,实际上都是在使用yeoman环境。 该环境是与任何UI组件分离的基础系统,并且可以由任何工具抽象化。 当运行yo时,基本上只是在核心Yeoman环境之上运行终端UI外观。11.1 基础需要知道的第一件事是环境系统包含在yeoman-environment软件包中。 可以通过运行以下命令进行安装:npm install --save yeoman-environment该模块提供了检索已安装的Generator,注册和运行Generator的方法。它还提供了Ge原创 2020-11-21 12:39:55 · 270 阅读 · 0 评论 -
10、Yeoman 调试Generator
要调试生成器,可以通过像这样运行它来传递Node.js调试标志:# OS X / Linux / Windowsnpx --node-arg=--inspect yo <generator> [arguments]可以使用Chrome Devtools或首选的IDE调试生成器。 有关更多信息,请参见《Node调试指南》。Yeoman Generator还提供调试模式,以记录相关的生命周期信息。 您可以通过将DEBUG环境变量设置为所需的范围来激活调试(生成器系统的范围为yeoma原创 2020-11-21 12:14:20 · 273 阅读 · 0 评论 -
8、Yeoman 管理配置
很常见的操作是:存储用户配置选项并在子Generator之间共享。例如,通常会共享首选项,例如语言(用户是否使用CoffeeScript?),样式选项(使用空格或制表符缩进)等。这些配置可以通过Yeoman Storage API存储在.yo-rc.json文件中。 可通过generator.config对象访问此API。8.1 常用方法this.config.save()此方法会将配置写入.yo-rc.json文件。 如果文件不存在,则save方法将创建它。.yo-rc.json文原创 2020-11-21 11:14:53 · 219 阅读 · 0 评论 -
6、Yeoman 管理依赖
运行Generator时,经常需要运行npm(或yarn)和Bower来安装项目需要的附加依赖。这些任务非常频繁,因此Yeoman已经将它们抽象化了。 我们还将介绍如何通过其他工具启动安装。请注意,Yeoman提供的安装助手(Installation Helper)将作为安装队列的一部分,自动安装运行一次。 如果它们在运行后需要运行一些程序,请使用结束队列。6.1 npm您只需要调用this.npmInstall() 即可运行npm安装。 Yeoman将确保npm install命令仅被运行原创 2020-11-20 22:37:17 · 268 阅读 · 0 评论 -
5、Yeoman 可组合性(composability)
可组合性是一种将较小的部分组合成一件大事的方法。Yeoman为Generator提供了基于共同基础创建的多种方式。重写相同的功能毫无意义,因此提供了一个API来使用其他生成器中的生成器。在Yeoman中,可组合性可以通过两种方式启动:Generator可以决定与其他generator组合(例如,generator-backbone使用generator-mocha)。 最终用户也可以启动组合。(例如,Simon希望使用SASS和Rails生成Backbone项目)。 *注意:最终用户启动的合.原创 2020-11-20 22:16:40 · 514 阅读 · 0 评论 -
4、Yeoman 与用户交互
4、Yeomon 与用户交互自定义的Generator将与最终用户进行很多交互。默认情况下,Yeoman在Terminal上运行,但它也支持由不同工具提供的自定义用户UI。为了实现这种灵活性,Yeoman提供了一组用户界面元素抽象。作为作者的责任是在与最终用户进行交互时仅使用这些抽象。使用其他方式可能会阻止Generator在其他Yeoman工具中正常运行。例如,千万不要使用console.log() 或process.stdout.write() 输出内容,这一点很重要。不使用终端的用户看不到原创 2020-11-19 15:02:21 · 221 阅读 · 0 评论 -
3、Yeoman Generator运行时上下文(Runtime Context)
3、Yeomon Generator运行时上下文(Runtime Context)编写Generator时要把握的最重要概念之一是方法的运行方式和运行环境。3.1 原型方法作为动作直接附加到Generator原型的每种方法都被视为一项任务。每个任务均由Yeoman环境的“运行循环”(run loop)依次运行。换句话说,由Object.getPrototypeOf(Generator)返回的对象上的每个函数将自动运行。Helper和私有方法既然原型方法是一项任务,那么如何定义不会自动原创 2020-11-19 13:21:20 · 316 阅读 · 0 评论 -
2、Yeoman 创建Generator
2、创建GeneratorGenerator是Yeomon生态的基础。 它们是由yo运行的插件,用于为最终用户生成文件。本节主要说明如何创建和分发自己的内容。注意:我们构建了一个generator-generator来帮助用户开始使用自己的Generator。 了解以下概念后,即可使用它来引导自己的生成器。2.1 组织Generator设置为node moduleGenerator的核心是Node.js首先,创建一个文件夹,在其中编写Generator。该文件夹必须命名为gene原创 2020-11-19 11:44:15 · 288 阅读 · 0 评论 -
NPM、NVM、NRM使用方法简述
NPM是随同NodeJS一起安装的包管理工具,在前端开发中,经常会使用到NPM进行包管理。1、nrm因为一些大家都明白的原因,访问官方网站速度受限,因为可以使用国内的镜像。但有时也会切换回官方源,经常切来切去会比较麻烦,因此需要nrm1.1 安装nrmnpm i -g nrm# mac使用下面代码sudo npm i -g nrm1.2 常用方法查看所有源nrm ls切换源# 官方源nrm use npm# 淘宝源npm use taobao添加源(原创 2020-11-18 22:48:21 · 439 阅读 · 0 评论 -
群辉中使用私有Docker Registry
进入目录:/var/packages/Docker/etc修改dockerd.json:vi/vim dockerd.json 在Json中添加:"insecure-registries" : ["RegistryIP:RegistryPort"]重新启动DockerEOF原创 2020-11-11 13:44:25 · 976 阅读 · 0 评论 -
dotnet core工程发布至docker的步骤
1、制作Image1.1 工程中添加Dockerfile,可参考下方例子如需使用私有Nuget,需在工程中添加Nuget.Config文件FROM mcr.microsoft.com/dotnet/core/sdk:3.1RUN mkdir /appWORKDIR /appCOPY xxxxxxxx.csproj .COPY NuGet.Config / # 用来标识和记录私有Nuget ServerRUN dotnet restoreC原创 2020-11-03 15:22:27 · 177 阅读 · 0 评论 -
1、Intellij Idea + Spring 工程初始化
如何使用Intellij Idea + Maven环境安装Spring工程一、创建工程1、打开Intellij Idea,选择“新建工程”,选择Maven可以按需选择是否勾选Create from archetype,以及要选择的模板在这里,先选择点击Next2、输入一些初始化信息,下一步3、此页面可以对输入的初始化信息进行调整,在这里,我们不改任何内容,点击下一步4、进入工程页面,需要等待初始化时间可能比较长,作者经历是1分钟到10分钟不等5、.原创 2020-09-05 10:50:29 · 869 阅读 · 0 评论 -
EFCore DbFirst生成代码的两种方式
Entity Framework 6.0以后的版本可用性比较好。EFCore还兼具了跨平台的特性,简要介绍一下可用的三种实现方式:一、GenMs此方法使用于Windows平台,Mac平台生成文件时路径有问题1、安装GenMs/GenPg/GenMy在终端/命令提示符里输入:dotnet tool install genmy -g # 根据mysql库生成dotnet tool install genms -g # 根据sqlserver库生成dotnet tool in原创 2020-08-25 12:17:51 · 2044 阅读 · 0 评论 -
如何在Centos minimal中安装parallels-tools
在Parallels中选择“安装parallels-tools”,进入Centos,输入如下命令即可mkdir /media/cdrommount -o exec /dev/sr0 /media/cdromcd /media/cdrom./install原创 2020-07-26 23:36:44 · 323 阅读 · 0 评论 -
如何在Angular中引入AliPlayer
1、可以参照官网H5相关的教程2、在index.html页面中引入: <script src="https://g.alicdn.com/de/prismplayer/2.8.2/hls/aliplayer-vod-anti-min.js"></script> <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css原创 2020-07-14 12:16:14 · 1368 阅读 · 4 评论 -
Angular5发布npm的带图标的方法
具体发布方法参照《Angular5发布npm的方法》一文的方法,使用npm run packagr发布工程在代码中,把图标转成CSS,而后,在使用图标的位置处,将css文件直接引入到component@Component({ selector: 'app-dialog-control-pannel', templateUrl: './dialog-control-pannel.component.html', styleUrls: [ './dialog-control-pan原创 2020-07-05 12:12:23 · 164 阅读 · 0 评论 -
Angular5发布npm的方法
Angular10已发布,但为了发布兼容angular5的老项目的npm包,只能考虑使用老版本的angular进行发布,以前少各种不必要的问题。(试用Angular9发布,但引入Angular5项目中后,报错)1、创建应用,并在app目录下添加my-lib-modules(自定义)文件夹,在文件夹内创建test.module(名称自定义),在test.module下添加component,并添加在exports中import { NgModule } from '@angular/core';i原创 2020-07-02 22:39:48 · 464 阅读 · 0 评论 -
dotnet core实现windows service
使用Dotnet core编写Window Service程序实践近年来,需要编写windows service的情况越来越少,但偶尔也会用到,比如计算机定期执行数据整理的任务等等1、创建工程我的习惯是建立三个工程,一个Windows Service主程序,一个Console主程序,一个业务逻辑库使用dotnet core命令创建工程首先,可以使用dotnet new --list命令查看可以创建的工程类型dotnet new console -n test-app // 创原创 2020-06-18 13:34:11 · 364 阅读 · 0 评论 -
图片处理时的object-fit属性简介
object-fit有5个值:.fill { object-fit: fill; }.contain { object-fit: contain; }.cover { object-fit: cover; }.none { object-fit: none; }.scale-down { object-fit: scale-down; }fill: 中文释义“填充”(默认)。替换...原创 2019-12-13 09:18:05 · 944 阅读 · 0 评论 -
如何在一个控件右上角添加“X”关闭按钮
RT:.dialog { position: relative;}button { position: absolute; top: 0; right: 0; transform: translate(50%, -50%);}<div class="dialog"> <button>X</button><...原创 2019-11-14 18:08:50 · 7420 阅读 · 0 评论 -
Git应用实践(陆续更新)
停用master分支当时考虑停用master的一个主要原因是:避免所有人员都可以修改master,尤其在刚刚获取代码时。但因为Git可以进行分支保护操作,所有此操作不是必须的,但建议这么做。开发中的版本管理开发中的版本管理分为:Developing、Release和Stable。其中:Developing用于开发新功能时,所有开发人员可以向Developing提交自己更改的内容...原创 2019-11-06 10:59:46 · 95 阅读 · 0 评论 -
npm安装json-server后找不到指令的解决办法
npm安装json-server后找不到指令是环境变量的问题输入npm config ls -l查看配置文件,找到npm下载路径。Windows通常为prefix = "C:\Users\user-name\AppData\Roaming\npm", Mac地址为:prefix="/usr/local"把prefix中的路径配置至环境变量中即可。...原创 2019-10-15 20:39:51 · 1969 阅读 · 0 评论 -
如何使用angular4.x的HttpClient访问.net webapi
网上查阅了很多文章,基本写的都不是很完整,整理一下。从.net WebAPI与Angular两个方面来介绍。一、.net WebAPI配置.net WebAPI方面,主要是解决跨域的问题。1、修改Web.config文件中的system.webServer<system.webServer> <modules runAllManagedModulesForAllReque...原创 2018-03-02 11:20:39 · 1614 阅读 · 0 评论 -
Git切换至新服务器
命令帮助:git remote -h 查看当前远程地址:git remote -v 删除远程地址:git remote remove origin git remote add origin 远程地址转载 2018-09-06 15:36:54 · 1236 阅读 · 0 评论 -
如何带虚拟路径将Angular2项目部署至IIS及Nginx
如何带虚拟路径将Angular2项目部署至IIS及Nginx一、不带路由发布至IIS1、发布Angular项目在src路径下添加web.config文件,内容如下:<?xml version="1.0" encoding="utf-8"?><configuration> <system.webServer> <rewr...原创 2019-03-04 14:24:48 · 1223 阅读 · 0 评论 -
Angular2+中Property 'length' does not exist on type 'never' 问题的原因与解决办法
今天写代码时,系统突然报了一个Property 'length' does not exist on type 'never' 的错误,这样的关键字,网上很难直接找到答案。因此放弃查找,自己解决。这个问题比较奇怪,究其原因就是在一个公用的类里面定义了一个常量,常量赋的值为空字符串,类的代码如下:export class AppConfig { public readonly apiU...原创 2019-08-13 15:58:23 · 9716 阅读 · 0 评论 -
IIS作为文件服务器的相关配置
第一步,发布一个网站,把文件的根目录设置的应用程序目录第二步,为该目录编辑权限:添加IUSER与IIS_IUSRS两个用户。默认为读取权限,可根据需要添加写权限第三步,添加Web.config文件<?xml version="1.0" encoding="utf-8"?><configuration><system.webServer>...原创 2019-08-07 12:56:12 · 1187 阅读 · 0 评论 -
使用@angular/material的MatDialog弹出时位置不正确的原因及解决办法
1、安装angular-material在使用angular-material的时候,执行完npm i @angular/material@your-version后,会报缺少CDK的错误,这时需要执行:npm i @angular/cdk@your-version,版本要与@angular/core等的版本对应。在app.component.scss中,引入 Material 主题,具体...原创 2019-08-15 21:20:15 · 1320 阅读 · 0 评论 -
angular在IE下报object doesn't support property or method matches问题,以及router-outlet切换时不删除原组件而是添加一个新组件
angular在IE下有时会报object doesn't support property or method matches问题同时,在router-outlet切换时,不删除原组件而是添加一个新组件,并将原组件挤到<router-outlet></router-outlet>下方在polyfill.ts文件中添加如下代码,即可解决上如题所述两个问题。if...原创 2019-08-28 13:32:58 · 441 阅读 · 0 评论 -
HTML大纲
http://h5o.github.io/使用这个工具,可以方便、快捷的创建出文档结构,显示文档大纲(不支持IE,建议使用Chrome)使用这个工具可以检查自己的代码结构,同时,也能规范编写的一些细节问题。1、下载并安装工具2、打开一个网站,以百度为例,点击右上角的工具图标,即可查看文档大纲,点击可以跳至指定标签位置...原创 2019-08-29 12:13:03 · 500 阅读 · 0 评论 -
解决127.0.0.1报400而localhost可用的问题
So typically an HTTP 400 Invalid Hostname error usually means you do not have the website set accept all hostnames and/or IP addresses. I presume because this is a C# application you are hosting this ...转载 2019-08-30 14:51:46 · 1267 阅读 · 0 评论 -
解决node-sass安装报错的问题
本文主要解决libsass.vcxproj:error MSB4019相关的编辑错误安装node-sass错误主要体现在几个方面1、版本不匹配,注意node的版本与node-sass版本是否匹配2、注意是否安装了Build Tools,如果安装了,需要在环境变量中添加:VCTargetsPath我的路径是"C:\Program Files (x86)\Microsoft Vis...原创 2019-09-06 11:04:21 · 542 阅读 · 0 评论 -
如何在Nginx上发布Angular,以及解决路由问题
1、登录官网下载Nginx,直接解压即可。2、修改配置文件:{path}\conf\nginx.conf 在http{……}内,添加:server { listen 8888; server_name 127.0.0.1 localhost; location / { root X:/apps/pat...原创 2018-03-08 08:52:52 · 4150 阅读 · 0 评论