
Web开发
文章平均质量分 56
Web后端技术
码龄10年,专注于Web系统开发,欢迎关注公众号【Web后端技术】~
展开
-
[@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported
Vue Vite项目启动后,控制台报错: [@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported.具体报错提示如:终端使用 npm run dev 启动项目$ npm run dev > vite-project@0.0.0 dev> vitePre-bundling dependencies: vue(this will be run原创 2021-08-24 15:24:17 · 30723 阅读 · 2 评论 -
解决Angular12报错(resize-observer-polyfill) TS2717:Property contentRect must be of type DOMRectReadOnly
解决Angular12报错(resize-observer-polyfill) TS2717:Property contentRect must be of type DOMRectReadOnly错误内容:升级到Angular 12后,Angular UI 组件库 ng-zorro-antd 引用的 resize-observer-polyfill 库报错: Property contentRect must be of type DOMRectReadOnly, but here has type原创 2021-05-19 18:13:34 · 2659 阅读 · 2 评论 -
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray -> i报错主体格式如下:Angular is running in development mode. Call enableProdMode() to enable production mode.core.js:6157 Error: Cannot find control with path: 'addresses -> i' at原创 2021-03-20 15:53:03 · 4819 阅读 · 2 评论 -
Angular报错:ERROR TypeError: control.setParent is not a function
Angular报错:ERROR TypeError: control.setParent is not a function这里是定义的 myForm ,字段 imageIds 为数组:myForm = this.fb.group({ id: [''], title: [''], content: [''], imageIds: this.fb.array(['']),});从详情接口取回数据后,填充到表单里的 imageIds 字段里报错。let imageId原创 2021-01-28 14:54:23 · 1405 阅读 · 0 评论 -
Nestjs框架快速入门之项目搭建与小试牛刀
Nest (NestJS)是一个用于构建高效、可伸缩的 Node.js 服务器端框架。NestJS 默认使用 JavaScript 的超集 TypeScript 进行开发。环境准备查看node和npm版本:$ node --versionv15.2.1$ npm --version 7.0.14安装 @nestjs/cli使用 npm 全局安装 @nestjs/cli:$ npm i -g @nestjs/cli/usr/local/bin/nest -&g原创 2020-12-09 09:57:07 · 1586 阅读 · 2 评论 -
PHP7使用 MongoDB\Driver\Manager 类实现简单的增删改查操作
PHP7使用 MongoDB\Driver\Manager 类实现简单的增删改查操作MongoDB 是一个由 C++ 语言编写的,基于分布式文件存储的数据库。官方号称是“现代应用程序中最流行的数据库”(The most popular database for modern apps)。今天,我们 PHP7 使用 MongoDB\Driver\Manager 类来演示一下简单的增删改查操作。查看 MongoDB 扩展文档,主要有一下几组类:MongoDB\Driver // MongoDB驱动类原创 2020-06-17 18:25:53 · 2255 阅读 · 0 评论 -
安装 PHP 的 MongoDB 驱动扩展
安装 PHP 的 MongoDB 驱动扩展概述MongoDB 是一个由C++语言编写的,基于分布式文件存储的数据库。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。MongoDB 支持的数据结构非常松散,是类似json的 bson 格式,因此可以存储比较复杂的数据类型。MongoDB 是面向集合存储的。所谓“面向集合”(Collection-Oriented),意思是数据被分组存储在数据集中,被称为一个集合(Collection)。每个原创 2020-06-17 17:12:50 · 753 阅读 · 0 评论 -
在Angular + Bulma CSS框架中定义 Navbar menu 事件
在Angular + Bulma CSS框架中定义 Navbar menu 事件<nav class="navbar" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <!-- navbar items, navbar burger... -->...原创 2020-03-10 18:38:33 · 666 阅读 · 0 评论 -
Linux(Ubuntu)下升级Nginx服务器软件至nginx-1.17.6
Linux下升级Nginx服务器软件nginx-1.17.6Nginx (音engine X)是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器。根据Netcraft的数据,Nginx在2019年11月为25.79%最繁忙的网站提供服务或代理服务。目前 Nginx 最新...原创 2019-11-28 18:23:03 · 1962 阅读 · 0 评论 -
PostgreSQL入门-安装与基本使用(Ubuntu)
PostgreSQL入门-安装与基本使用(Ubuntu)PostgreSQL 是一个免费的对象-关系数据库服务器(ORDBMS),号称是 “世界上最先进的开源关系型数据库”。PostgreSQL 是以加州大学计算机系开发的 POSTGRES 4.2版本为基础的对象关系型数据库。今天在Ubuntu系统上,我们一起来安装并简单使用一下PostgreSQL数据库。1.查看当前系统版本:$ ca...原创 2019-11-11 21:42:14 · 2323 阅读 · 0 评论 -
解决HTTPS证书安全检测时提示 PCI DSS 不合规问题
解决HTTPS证书安全检测时提示 PCI DSS 不合规问题今天在进行HTTPS证书安全检测时,提示PCI DSS不合规。经查询得知是因为SSL配置时启用了TLS1.0导致的。关于 PCI DSS自2018年6月30日起,PCI安全标准委员会规定HTTPS类的网站中开启TLS1.0将不符合PCI支付卡行业安全标准。PCI DSS,全称 Payment Card Industry Data ...原创 2018-12-24 16:35:03 · 6050 阅读 · 1 评论 -
Nestjs框架快速入门:安装与启动
Nestjs框架快速入门:安装与启动Nest 是构建高效可扩展的 Node.js Web 应用程序的框架。Nest 默认使用JavaScript的超集TypeScript进行开发。环境准备查看node和npm版本:$ node --versionv10.11.0$ npm --version6.9.0安装@nestjs/cli使用npm全局安装@nestjs/cli:$ n...原创 2019-05-02 21:43:23 · 4699 阅读 · 0 评论 -
Golang类型转换
Go不会对数据进行隐式的类型转换,只能手动去执行转换操作。strconv包提供了简单数据类型之间的类型转换功能。package mainimport ( "fmt" "strconv")func main() { fmt.Println("--> Hello, World!"); tips := "这里是my类型转换原创 2019-04-29 18:24:47 · 1144 阅读 · 0 评论 -
js获取时间戳与日期格式化
js获取时间戳与日期格式化Date 对象用于处理日期和时间。创建 Date 对象的语法:// 创建Date对象var d = new Date()// 返回结果: Tue Apr 30 2019new Date().toDateString() Date对象常用方法:getFullYear(): 从 Date 对象以四位数字返回年份.getDate(): 从 Date 对象...原创 2019-04-30 16:27:44 · 2207 阅读 · 0 评论 -
golang使用time包获取时间戳与日期格式化
golang使用time包获取时间戳与日期格式化Time包定义的类型Time: 时间类型, 包含了秒和纳秒以及 LocationMonth: type Month int 月份.定义了十二个月的常量const ( January Month = 1 + iota February March April May June July...原创 2019-04-30 17:39:25 · 15092 阅读 · 0 评论 -
Vue组件使用入门实例及常见错误解决
定义Vue组件名的方式有两种:使用 kebab-caseVue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时,必须在引用这个自定义元素时使用 kebab-case,例如 <my-component-name>。使用 PascalCaseVue.component('...原创 2019-07-30 21:37:37 · 2342 阅读 · 3 评论 -
Angular8+ 拼装路由地址及使用paramMap或queryParamMap获取url参数
angular8 拼装路由地址及获取url参数我们常见的 url格式都是这样的:http://localhost:4200/todo/search?name=111&type=222通过 angular 路由我们可以看到,其实url还有一种格式,叫矩阵URL (matrix url)。其格式如下:https://localhost:4200/todo/search;name=11...原创 2019-09-10 17:28:08 · 4106 阅读 · 0 评论 -
使用的是什么JDK和JAVA虚拟机?
Oracle JDK之前被称为SUN JDK。 2009年Oracle收购SUN公司之后命名为Oracle JDK.Oracle JDK是基于OpenJDK源代码构建的。使用 java -version 查看JDK的版本OracleJDK 8如果是 OracleJDK, 显示信息为:$ java -versionjava version "1.8.0_60"Java(TM) SE ...原创 2019-09-19 10:40:35 · 1494 阅读 · 0 评论 -
【Dart快速入门】安装与运行程序
Dart is a client-optimized language for fast apps on any platform。下载安装 Dart SDKDart SDK 可以用来开发 WEB、命令行程序、服务端程序等。如果是开发移动端APP,直接下载 Flutter 就行,不用在下载 Dart SDK。我们这里为了学习和演示,还是先下载一个 Dart SDK。Mac 可以直接使用 ...原创 2019-09-25 11:53:51 · 1459 阅读 · 0 评论 -
Flutter报错:Android toolchain “but Android SDK not found at this location”
Flutter报错:Android toolchain “but Android SDK not found at this location”当前环境macOS 10.13.6Android Studio 3.5Android Studio 3.5Flutter 1.9.1+hotfix.2Dart 2.5.0$ flutter --versionFlutter 1.9.1+...原创 2019-09-29 11:21:35 · 5775 阅读 · 0 评论 -
使用godoc创建可以本地浏览的go文档站点
Golang 的官网地址是golang.org,有的时候国内打不开。国内的可以使用(golang.google.cn)。其实,如果已经安装好了 go,可以在本地直接查看go 文档的。直接查看go文档go 的文档在 go 的安装目录中,即 /usr/local/go/doc。通过文本编辑器或浏览器直接打开即可查看。通过 godoc 命令查看godoc是go的一个命令,提供了可以在本地浏览的...原创 2018-12-08 22:03:37 · 3697 阅读 · 0 评论 -
npm警告:npm WARN nest-app@0.0.1 No repository field.
npm警告:npm WARN No repository field.使用npm安装第三方扩展包出现警告提示:npm WARN nest-app@0.0.1 No repository field.查看本机版本:$ node --versionv10.11.0$ npm --version6.5.0$ nest --version5.7.1具体警告内容:$ npm inst...原创 2018-12-18 15:57:18 · 33504 阅读 · 1 评论 -
Nestjs框架安装与启动
Nest是构建高效可扩展的 Node.js Web 应用程序的框架。 默认使用JavaScript的超集TypeScript进行开发。环境准备查看node和npm版本:$ node --versionv10.11.0$ npm --version6.5.0安装@nestjs/cli使用npm全局安装@nestjs/cli:$ npm i -g @nestjs/cli/usr/...原创 2018-12-18 10:39:31 · 7552 阅读 · 0 评论 -
如何设置go环境变量GOPATH?
设置go环境变量GOPATH安装 gin-gonic/gin 报错: annot download, $GOPATH not set. For more details see: go help gopath$ go get -u github.com/gin-gonic/ginpackage github.com/gin-gonic/gin: cannot download, $GO...原创 2018-12-11 22:14:56 · 31698 阅读 · 1 评论 -
在TypeORM中使用实体@Entity与字段@Column注解
TypeORM实体类Entity客观存在并相互区别的事物称为实体(Entity)。实体是一个抽象名词,是指一个独立的事物个体,自然界的一切具体存在的事物都可以看做一个实体。就数据库而言,实体往往指某类事物的集合。比如MySQL数据库中,一个表todo的结构如下:CREATE TABLE `todo` ( `id` int(11) unsigned NOT NULL AUTO_IN...原创 2018-12-19 16:17:23 · 15302 阅读 · 0 评论 -
Angular报错问题:Can't bind to 'formGroup' since it isn't a known property of 'form'
Angular报错问题:Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’报错提示:Uncaught Error: Template parse errors:Can't bind to 'formGroup' since it isn't a known property of 'form'. ("<...转载 2018-12-06 16:10:33 · 8790 阅读 · 7 评论 -
Angular执行测试报错: 'router-outlet' is not a known element
本机环境:$ ng --versionAngular CLI: 7.1.1Node: 10.11.0OS: darwin x64Angular: 7.1.1... animations, cli, common, compiler, compiler-cli, core, forms... http, language-service, platform-browser... pl...原创 2018-12-06 15:56:17 · 7822 阅读 · 0 评论 -
Angular执行测试报错: NullInjectorError: No provider for HttpClient!
Angular执行测试报错: NullInjectorError: No provider for HttpClient!报错内容使用 ng serve 运行应用,通过访问 http://localhost:4200,运行正常,未见报错。 但是,执行 ng test 测试就报错,错误内容如下:// HeroeSearchComponentChrome 72.0.3622 (Mac OS X...原创 2018-12-06 15:55:31 · 6447 阅读 · 0 评论 -
Angular执行测试报错: 'app-messages' is not a known element
ng-test-errors.mdAngular执行测试报错: ‘app-messages’ is not a known element本机环境:$ ng --versionAngular CLI: 7.1.1Node: 10.11.0OS: darwin x64Angular: 7.1.1错误详情:Chrome 72.0.3622 (Mac OS X 10.13.6) Ap...原创 2018-12-06 15:49:31 · 5219 阅读 · 0 评论 -
Angular执行测试报错: Can't bind to 'ngModel' since it isn't a known property of 'input'
Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’本机环境:ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| ...原创 2018-12-05 20:51:26 · 699 阅读 · 0 评论 -
Go语言安装与第一个HelloWorld程序
Go,又称Golang,是一个Google于2009年11月开源的编程语言,它能让构造简单、可靠且高效的软件变得容易。安装go最简单的方式是,直接去官网下载安装包,具体可以参考Go语言环境安装。安装包下载地址为:https://golang.org/dl/。如果打不开可以使用这个地址:https://golang.google.cn/dl/。查看go命令路径:$ which go/u...原创 2018-12-08 16:57:00 · 773 阅读 · 0 评论 -
Angular-使用ng update命令升级到Angular7.1.2
Angular-使用ng update命令升级到Angular7.1.2Angular CLI 是 Angular 的一个命令行工具,可以便捷的执行创建项目、创建文件、测试、打包和发布等任务。Angular 版本Angular 2.x及以上统称Angular, Angular 1.x 则称为 AngularJS.Angular 5 发布于 2017年11月01日。Angular 6 发布...原创 2018-12-07 20:48:24 · 7864 阅读 · 1 评论 -
Angular报错引入faker类库: error TS2580: Cannot find name 'require'.
Angular报错引入faker类库: error TS2580: Cannot find name ‘require’.faker 是生成测试数据的一个js类库。在 InMemoryDataService 中调用 fake 类库,可以生成不同的英雄姓名。但是,在引入 fake 类时却报错了,这是为什么呢?报错详情ERROR in src/app/services/in-memory-da...原创 2018-12-06 18:46:12 · 4433 阅读 · 0 评论 -
golang报错:unrecognized import path "golang.org/x/tour"
golang报错:unrecognized import path “golang.org/x/tour”由于golang.org官网无法顺利打开,国内的用户可以使用golang.google.cn镜像网站来查看一些文档等。但是在安装x/tour, x/net等扩展包的时候,就无能为力了。除了使用VPN以外,可以使用手动下载代码的方式,下边来介绍一下怎么手动解决的。手动安装非预装扩展包:...原创 2018-12-14 14:52:08 · 14966 阅读 · 2 评论 -
Rust安装与编写第一个rust程序
Rust 是 Mozilla 开发的注重安全、性能和并发性的编程语言。下边来演示一下如何安装rust,并尝试创建第一个rust项目。使用 rustup 脚本安装:第一步: 执行 curl https://sh.rustup.rs -sSf | sh, 下载安装器:$ curl https://sh.rustup.rs -sSf | shinfo: downloading installe...原创 2018-12-11 18:19:43 · 6656 阅读 · 0 评论 -
Angular-使用ng update命令升级到Angular7.1.4
Angular-使用ng update命令升级到Angular7.1.4Angular CLI 是 Angular 的一个命令行工具,可以便捷的执行创建项目、创建文件、测试、打包和发布等任务。关于 Angular 版本Angular 2.x及以上统称Angular. Angular 1.x 则称为 AngularJS.Angular 2 发布于 2016年09月14日。Angular 4...原创 2018-12-21 11:58:13 · 3858 阅读 · 1 评论 -
Java技术常见术语及其解释(常见缩写)
Java技术常见术语及其解释(Terminology)Terminology是“术语,专门用语”的意思。Java中有太多的缩写词、技术术语,初学者经常被各个术语搞得晕头转向。下边来汇总一下,希望对大家有所帮助。JRE 与 JDKJRE: Java运行环境JRE 是 Java Runtime Environment 缩写,指Java运行环境,是Sun的产品。运行JAVA程序所必须的环境的集合...原创 2018-12-20 17:39:37 · 17590 阅读 · 0 评论 -
PhpStorm版本号
PhpStorm版本号PhpStorm & WebStorm 1.0 (Released in June 2010)PhpStorm & WebStorm 2.0 (Released in Feb 2011)PhpStorm & WebStorm 2.1 (Released in May 2011)PhpStorm & WebStorm 3.0 (Relea...原创 2018-12-20 14:35:31 · 2836 阅读 · 0 评论 -
jQuery使用prop属性全选与取消全选
jQuery使用prop属性全选与取消全选在使用jQuery开发全选或取消全选时,用 attr("checked") 获取 checkbox 的 checked属性时, 如果是选中状态可以取到值, 但是在未选中的时候获取值就是undefined。jQuery1.6中新加了一个方法prop(), 用来获取在匹配的元素集中的第一个元素的属性值。现在使用prop方法获取属性, 则统一返回tru...原创 2018-12-14 17:23:20 · 1390 阅读 · 0 评论 -
npm命令行管理工具升级到6.5
╭───────────────────────────────────────────────────────────────╮│ ││ New minor version of npm available! 6.4.1 → 6.5.0 ││ ...原创 2018-12-14 15:25:20 · 4541 阅读 · 0 评论