2018年06月_pg_li

原创 ionic3修改端口启动多个项目

背景：ionic版本是3+，希望通过启动不同的端口号来启动多个ionic项目方法：使用ionic serve启动时，默认有3个端口号，修改这3个端口号即可命令：ionic serve -p 8888 -r 35720 --dev-logger-port 55555...

2018-06-29 14:40:03 1676 1

原创 ionic3遇到的坑

1、查看版本号 ionic -v2、项目启动ionic serve3、手机访问本地项目

2018-06-29 10:29:09 1612

原创谷歌浏览器覆盖input默认样式

一、修改场景：默认的样式通过和背景颜色不一致，有一些突兀，体验不好。二、问题根因：谷歌默认的样式为淡黄色三、解决思路1、覆盖掉默认的颜色适用场景：背景色或者背景图片的颜色是一致的，且没有变化 &:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px $bg inset !impo...

2018-06-28 23:46:45 2483 1

原创 ng-alain+D3绘制地图

一、获取中国的地图数据地图json数据下载（域名失效）世界地图json数据（域名失效）中国地图json文件 json文件简化地图json文件二、绘制过程中遇到的问题 1、理解SVG viewport,viewBox,preserveAspectRatio缩放1）viewBox viewBox="x, ...

2018-06-27 10:44:30 713

原创 ng通过配置修改默认端口

1、package.json中改变start的配置"start": "ng serve -o --proxy-config proxy.conf.json --port 4201",其他方式更改也行，只是只能更改自己的配置2、找到schema.json改变端口配置 3、通过命令行修改端口配置（和第一种方式一样）ng serve --port 42...

2018-06-25 11:50:57 4801

原创腾讯云打开方式

1、ctrl+win打开输入命令窗口，输入命令mstsc开启远程桌面2、输入远程服务器IP地址，用户名，密码，并保存(下次登录不需要再输入)3、点击连接-->连接成功...

2018-06-25 10:19:41 785

原创 ng-alain通过修改样式实现菜单布局切换

这种样式修改的方式限制太多，且比较麻烦，因此又通过对sidebar-nav进行修改，来实现该功能。第二版。一、页面效果1、默认的左右布局2、切换后的上下布局二、代码实现1、布局切换服务类，用于通知需要改变布局的模块去改变样式import { Injectable } from '@angular/core';import { Subject } fro...

2018-06-20 16:04:25 6973 1

原创 vue项目生产环境配置代理一直405

1、过程 1）在config-->index.js中配置代理 proxyTable: { '/api/**': { target: 'http://**', // 你接口的域名 // secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, // 如果接口跨域，需要...

2018-06-15 10:13:26 13750 4

原创 ng-alain通过路由守护解决token失效导致弹出多条提示

1、在路由中进行配置，当token失效时不允许再跳转到模块 1）编写LoginGuard 服务 import { CanActivate, CanActivateChild } from '@angular/router';import { Observable } from 'rxjs';import { Inject, Injector, Inj...

2018-06-14 14:46:19 2758

原文：http://www.developer.com/lang/jscript/7-things-you-need-to-know-about-web-workers.html译者： Rock（ruanqig@gmail.com）转载：https://blog.csdn.net/shenlei19911210/article/details/49779613介绍通过使用Web Worker，我...

2018-06-13 09:49:32 11530

原创基于ng-alain和gojs绘制流程图

1、左树使用ng-alain组件import { Component, OnInit, TemplateRef } from '@angular/core';import { _HttpClient } from '@delon/theme';import { of } from 'rxjs/observable/of';import { delay } from 'rxjs/operato...

2018-06-11 17:47:40 3291 2

转载 javaScript基础事件

javaScript事件（一）事件流一、事件事件是文档或者浏览器窗口中发生的，特定的交互瞬间。事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互的桥梁。你若触发，我便执行——事件发生，调用它的处理函数执行相应的JavaScript代码给出响应。典型的例子有：页面加载完毕触发load事件；用户单击元素，触发cli...

2018-06-08 14:50:04 243

原创谷歌浏览器调用webkitRequestFullScreen方法后，设置的背景色只填充可视范围问题。

1、问题根因谷歌浏览器下默认对全屏设置的背景色是白色，而当前body是不设置高度的或者设置的是100%，导致背景色只对可视范围生效。2、解决思路设置谷歌浏览器下，背景色，覆盖掉默认的颜色 //各个浏览器下全屏状态下背景色设置:-webkit-full-screen { background-color: @content-bg !important;}:-moz-...

2018-06-07 10:47:22 14152

转载 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do...

2018-06-06 17:40:11 801

原创 ngx-echarts使用echarts自定义toolbox进行钻取，值改变后无法触发onchange，导致赋值不上。

问题现象：自定义myTool1中的onclick事件中处理逻辑时，在draw方法中赋值后，无法及时刷新，只能点击一次或者鼠标离开当前画布才能绘制图像。问题原因：鼠标点击图标后，当前鼠标没有在当前的dom上，无法触发ngx-echarts中的ngOnChanges方法，导致无法绘制。解决办法：不用echarts定义的图标事件，自己定义个div引入图标，定义事件。templat...

2018-06-06 13:51:01 1315

转载 Angular4首页加载慢优化之路

Angular是一个比较完善的前端MVC框架，包含了模板，数据双向绑定，路由，服务，过滤器，依赖注入等等所有的功能。在Web开发前后端流行的今天，我们在某个项目中也尝试使用该框架。很快按照官网上的例子搭建了一个标准工程，在项目初期工程文件不是很多的时候，编译、打包、然后运行，访问项目的各个页面都很快。和传统的模板引擎相比这种前后端分离不仅工程化更加成熟（前端、后端开发人员专注自己的领域），而且各...

2018-06-06 09:36:48 3288

pgLi