- 博客(47)
- 收藏
- 关注
RSS订阅原创 IONIC APP 开发记录（基于Angular）持续更新
IONIC APP 开发记录1、背景及组件自定义颜色2、ion-tabs3、ion-alert4、ionic 原生 api —— Network1、背景及组件自定义颜色ionic 的样式文件中有9个默认的颜色主题：primary、secondary、tertiary、success、warning、danger、dark、medium、light因项目原因现在需要提供新的颜色主题文件位置：src -> assets -> theme -> variables.scss//.
2022-05-10 15:28:29
1059
原创 手动Docker部署saber
Docker 部署 saber一、环境准备Docker 是一个开源的应用容器引擎，它有助于更快地交付应用。Docker 可将应用程序和基础设施层隔离，并且能将基础设施当作程序一样进行管理。使用 Docker , 可更快地打包、测试以及部署应用程序，并可以缩短从编写到部署运行代码的周期。你可以将其理解为一个轻量级的虚拟机，开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的 Linux 机器上。1. Docker安装与配置安装参考官方文档Docker 的官方网址链接：ht
2022-02-18 11:18:31
1069
原创 ionic app 开发学习
ionic app 开发学习文章目录ionic app 开发学习一、创建ionic项目二、打包生成 android APP 测试版本三、二维码扫描功能实现（Barcode Scanner）总结一、创建ionic项目1. 安装ionicnpm i –g @ionic/cli2. 检测ionic环境ionic –V3. 创建ionic项目ionic start name blank 4. 下载相关依赖npm i @ionic-native/in-app-purchase-2npm
2022-02-18 10:50:25
2350
原创 vue.js连接后端（个人记录）
//前端 call api//.jsexport const getFlow = (site, startDate, stopDate) => { return request({ url: '/api/blade-itsm/monitor/flow', method: 'get', params: { site, startDate, stopDate //这几个和后端参数一致 } })}.vuelet
2022-01-28 14:29:25
1071
原创 关于redirect；.sync；autocomplete=“off“
redirect-重定向(基本用法)默认情况下，刚进入应用时会进入到 ‘/’ 这个路由，通过重定向，可以直接进入 ‘/step2’import Vue from 'vue'import Router from 'vue-router'import step1 from '@/components/step1'import step2 from '@/components/step2'import step3 from '@/components/step3'Vue.use(Router)
2022-01-28 14:27:34
666
原创 Angular ng-zorro表格问题(使用双向绑定最好不要直接用push传值)
Angular ng-zorro表格问题使用双向绑定最好不要直接用push传值<!--html--><!--例：--><nz-table #basicTable [(nzData)]="dateList"> <thead> <tr> <th>姓名</th> <th>年龄</th>
2021-07-16 15:44:53
491
原创 Git新建分支并推送远端
Git新建分支并推送远端git branch DEV_ERIC（新建本地分支）git checkout DEV_ERIC（切换到新建的本地分支）git push origin DEV_ERIC（推送本地分支到远端上）袁同学——2020年12月8日
2020-12-08 09:01:47
429
原创 Angular专案实训本周总结（2020-11-05）
本周总结本周是Angular專案實訓第四周。这周的主要任务是整合三个区域的代码，并且解决彼此之间的冲突。本周收获：1.和同事一起开发项目并通过GitLab上传代码的时候，package.json不能忽略不上传，不然之后想要引用某个包的时候会找不到包。2.数据库表名之中不能含‘_’，不然使用Loopback连接数据库的时候会出错。3.calc()函数：calc() 函数属于CSS3版本内容，用于动态计算长度值。例如：‘width:calc(100vh);’。 vh，是指css中相对长度单位，表示.
2020-11-05 16:44:32
186
原创 Ng Zorro配置
Ng Zorro配置文章目录Ng Zorro配置一、app.module里配置二、引入样式1.使用全部组件样式2.引入组件模块全局安装：npm i ng-zorro-antd g –save一、app.module里配置import { NzConfig, NZ_CONFIG } from 'ng-zorro-antd/core/config';import { CommonModule } from '@angular/common';const ngZorroConfig: NzCo
2020-10-30 11:22:50
747
原创 Loopback 4配置连接MySQL
Loopback 4配置连接MySQLLoopBack 4 CLI是一个命令行界面，可以支持项目或扩展。CLI提供了遵循最佳实践的最快方式来启动LoopBack 4项目。文章目录Loopback 4配置连接MySQL一、创建项目二、配置顺序1.建立Datasource2.建立Model3.建立Repository4.建立Controller总结一、创建项目安装Loopback 4 CLI：npm install -g @ loopback / cli创建一个新项目：lb4 app出现页面
2020-10-30 11:14:43
684
原创 AngularJS学习之TodoMVC案例（二）2020-10-09
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、显示所有未完成项目数二、使用步骤1.输入状态下 esc 取消编辑2.显示所有未完成项目数总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、显示所有未完成项目数示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.输入状态下 esc 取消编
2020-10-23 16:27:06
160
原创 袁同学的Angular5专案学习
目录1.实现大图2.TS总结1.实现大图2.TS在TS里调用方法的时候，ngOnInot中最好只调用方法，再用一个方法来装其他下层方法。总的来说也是Component间的那种组件关系，能使代码看起来更清晰有序。ngOnInit(): void { this.totalSolve(); } totalSolve(): void { const arr = [3, 4, 1, 2, 1, 3, 2, 1, 4, 6, 5]; this.bubbleSort.
2020-10-23 16:20:29
87
原创 小袁的ECharts学习笔记
chartOption: EChartOption = { xAxis: { type: 'category', // 坐标轴类型，默认为'category' boundaryGap: false, // 两边不留白 splitLine: { // 坐标网格线 show: true, lineStyle: { color: 'rgb(51,71,74)', } }, /
2020-10-21 14:13:29
113
原创 AngularJS学习之TodoMVC案例（一）
AngularJS学习之TodoMVC案例（一）前言一、项目介绍二、学习过程1.双击任务项进入2.编辑任务前言跟着视频学习自己写功能一、项目介绍①地址：http://todomvc.com/②GitHub下载模板③通过npm下载模板的样式④通过npm下载AngularJS⑤项目文件，主要修改app.js和index.html两个文件二、学习过程1.双击任务项进入代码如下（示例）：//双击事件//app.compontent.html(dblclick)="currentEd
2020-10-08 17:41:22
146
原创 随笔
现在是17点11分，算算日子实习也快一个月了。今天偷闲，想谈几句。 看了下日期，发现离上次发博客的日子相差14个月了。那时的自己，学学，玩玩，想记录一下，于是在csdn做起了记录。就这样，边学边玩，也让自己懂了些基础。 疫情，假期，工作，日子过得很快，不知不觉明天就返校了，已经大四。运气不错，进了公司成为了一个助理工程师。哦豁对自己的认知清楚了，啥也不会啥也不是。请了一周假回校办实习手续，一如既往的，每份资料都多准备了一份，担心马虎的自己又出了纰漏。 今天猛龙绝杀绿军，快船大胜掘金，比赛我没看，想看.
2020-09-04 17:33:49
98
原创 弹性盒响应式布局（学习）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=...
2019-07-05 11:11:57
366
原创 响应式栅格系统
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>响应式栅格系统</title> <style> .row{ width: 100%; } ...
2019-06-24 17:30:50
371
原创 弹性盒子布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹性盒子布局</title> <style type="text/css"> .box{ min-heig...
2019-06-24 17:28:00
183
原创 0602Web钢琴
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Web钢琴</title> <style> .main{ margin: 0 auto; ...
2019-05-26 12:19:53
350
原创 0501网页涂鸦板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页涂鸦板</title></head><body><center> <canvas id="cavsElem"&g...
2019-05-26 09:57:51
380
原创 0601视频播放器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>视频播放器</title> <style> button{ color: #FFFFFF; ...
2019-05-23 13:13:28
180
原创 13周课堂（音频与视频）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> </style></head><body><video sr...
2019-05-23 13:12:29
117
原创 表单标签学习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单标签</title></head><body><h2>多行文本框：</h2><textarea name=...
2019-05-21 13:03:18
201
原创 劣质哆啦A梦
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> canvas{ border: 2px sol...
2019-05-21 12:07:51
118
原创 多肉植物商城
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多肉植物商城</title> <style> body{ margin: 0; padd...
2019-05-21 12:06:43
2988
原创 CSS3渐变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>线性渐变和径向渐变</title> <style type="text/css"> .rainbow-linear-gradient{...
2019-05-15 21:02:06
94
原创 黑马书城
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>黑马书城</title> <style> body{ margin: 0; paddin...
2019-05-15 21:00:45
960
原创 CSS导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS导航栏</title> <style> ul{ list-style-type: none; ...
2019-05-15 13:36:24
118
原创 手机邮箱导航页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手机邮箱导航页面</title> <link href="../css/font-awesome.min.css" rel="stylesheet">...
2019-05-15 13:35:26
3668
原创 广告推广软文页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href="../css/css0202/font-awesome.min.css" rel="stylesheet"> <link rel="shortcut icon"...
2019-05-14 22:58:14
2218
3
原创 用户登录界面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户登录</title> <style> body{ background: url("../img/用户登录背...
2019-05-09 23:40:05
323
原创 摇晃的桃子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>摇晃的桃子</title> <style> p{ font-family: "微软雅黑"; ...
2019-04-29 21:09:52
4170
原创 CSS精灵技术
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS精灵图</title> <style> .peach1{ position: absolute; ...
2019-04-29 21:08:48
118
原创 CSS文本学习（一）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS文本学习（一）</title> <style> body{ color: brown; } h3{ colo...
2019-04-23 23:09:54
70
原创 CSS背景学习（一）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS学习——背景(一)</title> <style> body{ background-image:url(...
2019-04-23 23:08:49
80
原创 CSS背景学习(四)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS背景学习(四)</title> <style> #example1{ border:10px dotted...
2019-04-23 23:05:57
69
原创 CSS背景学习(二)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS背景学习(二)</title> <style> body{ background-image: url(....
2019-04-23 23:05:00
79
原创 CSS背景学习(二)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS背景学习(二)</title> <style> body{ background-image: url("...
2019-04-23 23:03:45
73
原创 风车转一转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>风车</title></head><style> body{ margin:0; padding: 0; background-color: ...
2019-04-22 22:57:14
475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人