lyqhn2012-CSDN博客

原创 python入门问题

* Serving Flask app ""welcome.py"" * Environment: production WARNING: This is a development server. Do not use it in a production deployment. Use a production WSGI server instead. * Debug mode: offUsage: flask run [OPTIONS]Error: Could not impo.

2020-09-24 10:35:36 445 2

原创 express socket.io 实现实时数据交互

背景通过node调用生产环境脚本或命令，打印日志并实时传输到前端页面显示环境配置生产环境 linux系统node v8.12.0express v4.16.3socket.io v2.3.0前端框架 angular6代码实现app.jsvar express = require('express');var server = express();var httpServer = require('http').Server(server);var io = require('s

2020-08-31 10:29:54 325

原创 no ngmodule metadata found for ‘function(){}

Angular8生产环境构建时遇到的问题问题描述no ngmodule metadata found for ‘function(){}’.解决方法main.tsimport { enableProdMode } from '@angular/core';import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';import { AppModule } from './app/app.module';

2020-08-31 10:02:21 430

原创 dagre-d3 在 angular 中的使用

开发环境angular v6Node v8.12.0安装依赖npm install dagre-d3 --savenpm install d3 --save在 angular 中引用import * as d3 from "d3";import dagreD3 from "dagre-d3";chart.html<svg width="80vw" height="30vw"> <g /></svg>创建graph对象let svg

2020-06-12 17:53:38 1093 2

原创 dagre-d3流程图

<!doctype html><meta charset="utf-8"><title>Dagre D3 Demo: Arrows</title><link rel="stylesheet" href="demo.css"><script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script><script src="../dagre-d

2020-05-15 14:15:27 1359

原创 git命令

git// 创建空分支git checkout --orphan developecho " hello " > text.txtgit commit -m “first commit new edition”// git push [remote-name] [branch-name]git push master develop// 查看本地分支git tag// 创建标签git tag -a v1.0.0 -m “集成 sso jenkins rancher”// 查看g

2020-05-09 17:35:35 175

原创 echarts 折线图

option = { backgroundColor: "#32373e", // 背景色 color:['blue','yellow','','#11fef6'], // 图例颜色 tooltip: { trigger: 'axis' }, legend: { bottom: '1%', // 距离底部的位置 ...

2020-05-08 16:55:51 152

原创 keycloak node Adapter

2020-04-21 10:13:12 419

原创做单点登录遇到的问题：Could not obtain grant code: Error: self signed certificate

node中请求https时遇到错误Could not obtain grant code: Error: self signed certificate可以在app.js中加入代码，忽略证书安全process.env[“NODE_TLS_REJECT_UNAUTHORIZED”] = 0;...

2020-04-21 10:07:01 319

原创 Angular 动画

import { query, style, animate, stagger, transition, trigger, group, sequence } from '@angular/animations';// 向左滑动export function slideToLeft(p = '300ms 0ms') { return trigger('slideToLeft', [ ...

2019-12-20 16:25:20 166

原创 echarts做的地图

options = { tooltip: { show: tre, triggerOn: 'item' }, geo: { show: true, map: 'china', zoom: 1, label: { show: true, color: '#ccc', ...

2019-12-20 16:21:59 232

原创 node端搭建https服务器

https 需要证书，这里用openssl生成证书文件检测openssl是否安装$ openssl version -a生成证书 1. 生成私钥，并指定名称和长度 $ openssl genrsa -out private_key.pem 1024 2. 使用已有的私钥生成证书请求 $ openssl req -new -out ca-req.csr -key private...

2019-09-11 08:50:41 444

原创 ng-template

ng-template<ng-template>是一个Angular元素，用来渲染HTML，它不会直接展示在页面上，需要通过结构型指令将内容渲染到页面中。在我们日常开发中见到的结构型指令，如 *ngIf，ngFor 是一个微语法，解开之后会变成 <ng-template>标签。在介绍<ng-template>之前我们下看一下ngIf解开语法糖，会是怎样的一个...

2019-07-18 10:15:56 12795 1

原创 Passport.js - Node.js中身份认证

Passport.js - Node.js中身份认证passport是Node中身份认证中间件，通过不同的策略（strategy）插件完成不同协议的认证，很大程度上简化了认证的过程。文章中使用了oauth2.0身份验证策略。安装> $ npm install passport> $ npm install passport-oauth2使用app.jsvar expr...

2019-06-20 14:57:56 1045

原创 jade模板引擎使用express框架session

使用方法app.use(express.cookieParser());app.use(express.session({secret: '1234567890QWERTY'}));app.use(function(req,res,next){ res.locals.session = req.session; next();});p #{session}...

2019-05-31 09:27:39 239

原创 Docker部署Angular6应用

开发环境Win 10Docker Desktop Community 2.0.0.2从这里开始创建项目对应的Dockerfile在项目根目录添加Dockerfile文件，用来配置项目依赖、环境、命令等FROM node:10RUN npm install pm2 -g# 复制项目到容器目录下ADD ./backend /usr/src/app# 设置工作目录WORKDI...

2019-03-07 14:08:53 1580

原创 Angular5 避免重复请求

避免用户连续的重复点击、一定时间的重复提交都可以参考从这里开始自定义指令 ThrottleClickDirectiveimport { Directive, EventEmitter, HostListener, OnInit, Output, OnDestroy } from '@angular/core';import { Subject, Subscription } fro...

2019-01-18 09:21:38 1568

原创 JavaScript职责链模式

/** * 职责链模式，请求在对象之间传递，避免请求的发送者与接收者的耦合关系 */class Leader { constructor() {} // 模拟抽象方法 approval() { throw new Error('抽象方法不能直接使用'); } // 下一节点 next(nextLeader) { ...

2019-01-09 15:13:51 217

原创 Angular5文件上传及进度报告、文件下载

今天做文件上传时的一些经验，我觉得有必要分享一下，在官网上也能找到实例import { Component, OnInit } from '@angular/core';import { HttpClient, HttpHeaders } from '@angular/common/http';import { of, Observable } from 'rxjs';import {...

2019-01-08 15:28:55 3134

原创 node.js中实现批量请求

router.post('xxxx', function (req, res) { let urls = ['url1', 'url2]; // promise对象数组 let promises = batchFetch(urls, function (data) { // 数据处理 // x...

2019-01-03 17:13:46 1885

翻译 Javascript内存管理

内存泄漏在程序中，当声明变量、定义函数的时候都会使用内存。那些程序用不到，没有予以释放的内存，就造成内存泄漏.(memory leak)垃圾回收1.引用计数2.标记清除JavaScript中的内存泄漏1.循环引用造成的内存泄漏两个对象互相引用，由于他们互相引用至少一次，所以不会被回收 &lt;html&gt; &lt;body&gt; &lt;script ...

2018-12-14 13:41:05 167

原创 maven使用第三方jar，适合新人

运行环境JDK 1.8eclipse Oxygen.3a Releasemaven 4.00使用本地jar包1.打开cmd执行以下命令 mvn install:install-file -Dfile=jar-path -DgroupId=groupId -DartifactId=dartifactId -Dversion=version -Dpackaging=j...

2018-06-27 10:25:11 157

原创微服务使用swagger-ui工具，跨域问题

问题描述使用swagger工具测试微服务时，出现端口号不一致的跨域问题，如下图解决方案在nginx中配置proxy_pass代理，解决跨域，如下配置 nginx.conf#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#er...

2018-06-27 09:59:49 5063 4

原创 web app ，输入框被Android 键盘遮挡

if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function () {　　 if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTARE...

2018-04-03 16:45:05 843

原创 jq做的图片放大器

效果预览1.放大之前 2.放大之后 $(function () { var _default = { hoverClass: 'hover-img', zoomWidth: 155, zoomHeight: 155, mainImgWidth: 310, //主图宽度 mainImgHeig...

2018-04-02 16:02:47 994

原创 vs code 推送新项目到码云

vs code 推送新项目到码云vs中操作1 打开命令框 ctrl + shift + p2 初始化存储库 git initialize repository3 vs中提交想要添加的项目 git commitcmd中操作4 cmd打开项目根目录，添加远程git仓库 git remote add origin https://gi

2018-02-01 17:22:14 4292

原创 vs code 用户设置

vs code的自定义用户设置{ // git路径配置 "git.path": "D:\\Applications\\Git\\bin\\git.exe", "workbench.colorTheme": "Abyss", // TortoiseSVN配置 "TortoiseSVN.tortoiseSVNProcExePath": "D:\\Applicati

2018-01-03 10:57:16 5421

原创 Canvas验证码

效果展示源码仅供参考this.cas = document.getElementById('codeCanvas')let ctx = this.cas.getContext('2d')let cwidth = this.cas.clientWidthlet cheight = this.cas.clientHeight// 清空canvasctx.clearRect(0, 0, cwid

2017-12-22 18:14:42 305

原创 Vue项目下使用Sass

优势Sass是CSS预编译器，使CSS编写简单，容易维护，从而大大节省开发时间。Sass目前全面兼容CSS环境node v8.9.1npm v5.6.0Vue.js v2.xwebpack v3.10.0'安装sass的依赖包$ npm install --save-dev sass-loader$ npm install --save-dev node-sassnpm install -

2017-12-22 15:45:55 753

原创 react native开发环境搭建

安装教程简单，需要有一定的基础，仅供参考一、背景React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，简单点说就是可以用它构建原生APP二、安装配置1.软件下载以下是本机运行使用的react-native环境,所需软件需要自行下载安装 - Windows 10 专业版 - node版本 >= 4.5, now 8.9.9 - npm 3.3.3

2017-11-09 15:34:14 1118

原创 addEventListener与handleEvent

1 . addEventListener方法用于给指定元素添加事件监听器// 第二个参数function是指定要事件触发时执行的函数element.addEventListener(event, function, useCapture)2 . handleEvent 是实现Eventlistener的一种方式,如下<script> (function () { // 作

2017-09-06 10:45:54 744

原创 Java 带参数Properties文件的操作

/** * 实现Properties的读取、带参数文件的配置*/ public String getPropByKey(String key) { String[] params = {"2017","你好"}; String msg = null; InputStream in = null; Properties prop = new Propertie

2017-07-14 17:36:12 768

原创 SpringMVC 实现国际化

注意：文章是在SpringMVC框架已经存在的基础上介绍添加国际化示例1. 添加国际化资源文件资源文件放到配置文件能够找到的位置即可，在这里放在WEB-INF/lang 目录下，如下图所示。2. 修改Spring配置文件在Spring配置文件springmvc-servlet.xml（或其他）中添加以下代码<bean id="defaultAnnotationHandlerMapping" cl

2017-07-14 17:13:35 435

原创使用jquery.i18n.properties 实现web前端国际化

jQuery.i18n.properties 是一款jQuery插件，jQuery.i18n.properties 根据浏览器使用的语言环境来解析资源文件，当然你也可以在使用中指定语言编码。以下是资源文件示例 Messages.properties# 多余的行会自动忽略username = 成龙age = 32Messages_zh.propertiesusername = 成龙Messa

2017-07-07 13:42:05 1154

原创 JS 实现抛物线运动

JS实现简单的抛物线动画，需要的童鞋可以参考下<div class="content"> <div class="slider"> <div class="icon"> <span class="fa fa-circle" id="cart" ></span> </div> </div></div><scrip

2017-07-04 10:12:58 3800

原创 js解析XML文件

// js 解析xml，url为xml文件的路径function loadXMLDoc(url) { var xmlhttp; var txt, x, xx, i; if(window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLH

2017-06-21 13:19:12 392

原创 vue.js国际化 vue-i18n插件的使用

安装方法1.使用CDN直接引用<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>2.NPM$ npm install vue-i18n3.Yarn$ yarn add vue-i18n使用方法在这里只介

2017-06-20 09:25:22 15039

原创移动web全局通用CSS

* { margin: 0; padding: 0;}body,html { height: 100%; /* 不显示默认的高亮颜色 */ -webkit-tap-highlight-color: transparent}html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust:

2017-05-22 11:15:58 472

原创 Hbuilder 常用快捷键

1. Ctrl + [ 选择成对内容 2. Alt + [ 匹配括号 3. Ctrl + Alt + ↓ 复制选择行到下一行（Windows有时会冲突） 4. Ctrl + Alt + j 合并下一行 5. Ctrl + D 删除选择行 6. Ctrl + Shift +R 复制选择区域到下一行 7. C

2017-05-10 12:04:58 3065