- 博客(36)
- 收藏
- 关注
原创 自定义滚动-页面超出某一部分开始滚动
import { Component, OnInit } from '@angular/core';import { fromEvent } from 'rxjs/internal/observable/fromEvent';@Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.component.scss']})export class HomeCom.
2022-04-06 10:41:32
294
原创 ionic 导出文件流
搜索了许多方法,都是用FileTransfer.create().download()但是我是从后端接口获取的文件流,虽然是导出的功能,但我们要转变思想因为download方法必须是要文件路径才可以,所以我们既然有了文件流,就直接在手机上生成一个新文件,将流写入到新文件中import { File } from '@ionic-native/file/ngx';import { FileOpener } from '@ionic-native/file-opener/ngx';expor
2021-11-05 14:56:40
1377
原创 angular多元素动画、动画飞入
angular的动画系统是基于css功能构建的,所以第一步:先了解一下css动画transform属性:主要为2D、3D转换[translate],包括:缩放[scale]、旋转[rotate]、倾斜旋转[skew]这里建议去参考菜鸟教程,列的很详细:CSS3 transform 属性 | 菜鸟教程第二步:了解angular动画官网:Angular - Angular 动画简介1.动画转场与触发器 通配符状态:...
2021-09-26 19:16:40
511
原创 angular2+监听echarts的dataZoom事件,并获取开始值和结束值
1.option中dataZoom配置及xAxis配置:因为我做的需求是需要lable展示与value值两个,所以我用了axisLabel的formatterthis.option = { dataset: { source: this.chartList.stateDataSet, }, dataZoom: [ { top: 100, type: 'slider', x
2021-07-21 15:27:36
2147
原创 angular(rxjs)将geojson转换为Features
import { of } from 'rxjs';import GeoJSON from 'ol/format/GeoJSON';import { map } from 'rxjs/operators';export class SpecialMenuComponent implements OnInit { ngOnInit(): void { of(geojson) .pipe(map((item: any) => new GeoJSON()..
2021-07-08 11:04:42
272
原创 Angular项目使用scss的deep穿透,修改原UI样式
:host ::ng-deep{ button{ font-size: 16px; }}
2021-06-28 16:02:10
2531
原创 DevUI设置表格某一列点击
html:添加 cellclick事件<db-angular-tree-grid #treegrid [data]="data" [configs]="configs" (cellclick)="onCellclick($event)"></db-angular-tree-grid>ts:columns配置 通过renderer返回带标签的字符串,但这里设置style会被系统清除,只能加载全局的样式,所以设置的class也是在全局的style....
2021-06-25 14:51:23
245
原创 angular配置本机ip启动项目(mac查看ip)
mac查看本机ip 打开终端,输入ifconfig;过滤使用 ifconfig|grep 'inet' 在项目中打开package.json 在启动项的json后追加 --host 你的ip
2021-06-17 10:24:41
509
原创 angular项目中mock使用
环境变量:environment/environment.mock.tsimport { Environment } from '../app/@global/interface/environment';/** * 模拟配置 */export const environment: Environment = { version: '1.0.0', projectName: '中亚管道完整性信息系统(本地模拟环境)', production: true, debug: tru
2021-05-08 13:46:19
1112
原创 angular学习笔记:2-2UI整体布局-总结
命令:ng g c core/header --spec=false ng g c core/footer --spec=false ng g c core/sidebar--spec=false样式(flex):全局样式:src/style.scss 父级html,body,app-root,.site(父级div,包着header,footer组件的div)全部撑满屏幕:width:100%;height:100%;margin:0; .site设置flex布局 html...
2021-04-23 17:40:05
233
原创 angular学习笔记:2-1项目工程结构介绍-总结
命令:创建项目:ng new taskmgr -si --style=scss 注解: taskmgr:项目名 -si:全写为:--skip-install(简写为:-si) 安装依赖:cnpm install 创建模块: ng g m core (创建一个module模块:src/app/core) 在系统中只加载一次 @Optional()初始化项目首次查找CoreModule @SkipSelf() 避免循环查找CoreM...
2021-04-23 16:44:09
92
原创 mac安装相关
Git在mac环境下生成/删除ssh公钥:https://www.cnblogs.com/OFSHK/p/14364686.html https://www.jianshu.com/p/5b34b7b34cae
2021-03-10 18:29:32
75
转载 微信公众号测试号接口配置信息
//引入express模块const express = require('express');//引入sha1模块const sha1 = require('sha1');//创建app应用对象const app = express();//验证服务器有效性/** * 1.微信服务器知道开发者服务器是哪个 * -测试号管理页面上填写url开发者服务器地址 * -使用ngrok 内网穿透 将本地端口号开启的服务映射外网跨域访问一个地址 * -ngrok http 3.
2020-08-19 10:07:54
2226
原创 微信公众号学习
1.视频网站:https://www.bilibili.com/video/BV1XJ411P7T42.ngrok(内网转外网)下载配置:https://blog.csdn.net/kouryoushine/article/details/89492708
2020-08-18 17:28:33
165
原创 postgre数据库导入(还原)dmp文件
psql -h 127.0.0.1 -p 5432 -U postgres -d szqydb -f szqydb.dmppsql -h (ip) -p (端口) -U postgres -d (数据库名称) -f (dmp文件路径)
2020-07-16 12:39:56
3094
1
转载 mac安装淘宝镜像cnpm
安装淘宝镜像一直失败,原来是因为没有最高权限npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose
2020-04-08 17:51:22
459
1
原创 layUI文件上传与form表单一起提交
<!DOCTYPE html><html><head> <%--常量--%> <%@ include file="/common/constHead.jsp"%> <%--jQuery--%> <%@ include file="/common/jqueryHead.jsp"...
2019-11-07 10:26:16
4494
原创 个人vue项目学习记录
基于vue-cli、elementUI的Vue超简单入门小例子:https://blog.csdn.net/csdnear/article/details/79426915es6变量声明详解:https://blog.csdn.net/weixin_40776188/article/details/80857197vue+elementUI添加阿里巴巴矢量图标:https://blog.c...
2019-09-16 14:22:57
162
转载 1-VScode格式化ESlint-方法(最全最好用方法!)
ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。背景:近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件,所以自己东拼西凑加实践找到解决方法。解决方案:1、安装插件1)ESlint:javascript代码检测工具,可以...
2019-08-31 10:58:37
160
原创 PostgreSQL查询表中的字段,注释,字段类型
SELECT a.attname as "字段名", col_description(a.attrelid,a.attnum) as "注释", concat_ws('',t.typname,SUBSTRING(format_type(a.atttypid,a.atttypmod) from '\(.*\)')) as "字段类型"FROM pg_class...
2019-08-09 10:56:32
4016
原创 layui获取监听下拉框的选中值和文本
form.on('select(provice)', function(data){ proviceId = data.value; proviceName = data.elem[data.elem.selectedIndex].text form.render('select')});
2019-08-02 17:56:50
8852
3
转载 js jquery获取当前元素的兄弟级 上一个 下一个元素
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s...
2019-08-02 14:09:34
414
原创 MySQL数据库安装教程
演示安装版本:mysql-5.5.20-win32.msi安装包链接:https://pan.baidu.com/s/1D04w7DUaw6_6QNWvNB8Lfg提取码:d8k81.打开就是这样,后面一步勾选接受协议,下一步2:Typical(典型安装)、Custom(自定义安装)、Complete(完全安装),选择Custom,然后下一步3:选择Mysql程序安装...
2019-07-31 16:27:24
191
1
原创 maven项目包缺失解决方法
idea中mvn包缺失方法D:\myProject\lsjd\lsjd>mvn installD:\myProject\lsjd\lsjd>mvn cleanD:\myProject\lsjd\lsjd>mvn compile刷新项目:
2019-07-26 09:57:36
2002
原创 PS压缩图片大小
作为前端的小精灵,经常会遇到美工发的图太大的问题,再找他们解决,很麻烦,不如自己直接用ps压缩一下,废话不多说,接下来写步骤。第一步:打开ps第二步:选择 文件 ——》打开——》找到你需要压缩的文件第三步:选择 图像——》图像大小第四步:将宽度和高度旁边的锁链点一下解开,然后修改宽度为1366,修改高度为768修改后:点击确定后:...
2019-07-24 19:53:56
3603
2
转载 npm安装教程(nodejs,vue-cli,淘宝镜像,创建vue项目)
npm安装教程一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安...
2019-07-22 15:33:53
2809
1
转载 HBuilder打包流程
1.运行HBuilder---百度搜索HBuilder,官网下载安装包,解压,运行HBuilder.exe。注册账号,并登陆2.新建app---在左边右键,选择新建APP,或者,点击中间的新建app3.在弹出的窗口,填入应用名称,根据需求选择项目位置,以及模板内容4.检验app效果----创建好之后,选择刚刚创建好的项目,在顶部选择运行,根据你的情况现在运行方式5....
2019-07-03 11:41:33
1556
原创 js中-1,0,1,2等数字判断true和false
1.所有的正负整数都是true2.只有0是falsefor(var i=-10;i<15;i++){ if(i)console.log("true:"+i);else console.log("false:"+i);}结果如下:补充:str.search(",")方法,返回的是str中,的索引,如果索引是第一位,那么返回0,所以判断时要加上>-1,...
2019-06-28 10:15:42
7133
原创 $(this)的日常使用坑
今天遇到一个坑,就是我在ajax以后调不到$(this)的元素了。因为$(this)只在该函数的作用域里有效,在其子函数及ajax里都是无效的。我先获取id,如有没有就走添加的方法,如果有就走修改的方法。在添加完成以后,我们得将id赋值给data-jgid,所以使用时一定要将$(this)声明出来。当然如果是ts语言,相信直接用this即可。但是js中还是一定要重新声明出来,不然用得就不...
2019-06-27 15:10:49
162
原创 checkbox选中用法以及获取未选中的checkbox
一、checkbox选中用法问题:如果一个select的改变事件的选中的值改变,那么相应的复选框也要选中或者取消,KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲isfourfive").ch…("#isfourfive option:selected").val();if(iff==“是”){KaTeX parse...
2019-06-26 16:31:07
2300
原创 layUI修改多选框及单选框选中样式的颜色
layUI修改多选框选中样式的颜色1.原来的layui多选框选中以后是绿色的2.我们F12找到该复选框的 i 标签,然后修改掉默认的改为你需要的颜色3.这里我们在我们的css文件里加上下面代码,用 !important 替换掉以前的.layui-form-checked[lay-skin=primary] i{border-color:#597FC0 !important;backg...
2019-06-26 16:02:23
24007
2
原创 2019web前端面试题总结
2019web前端面试题总结1.自我介绍2.离职原因3.做过的项目情况4.在项目中做了什么工作5.问我汇交系统一个项目到底是干什么的,项目都存储什么样的数据,我接触了哪些数据格式数据类型,比如影像高程摄影6.系统数据量有多少?7.平台集成的系统主要做的什么查询,影像还是指标。卫星过境时间等8.卫星影像肯定是一景一景的,有没有根据时间等条件查询来查询某个影像的,比如说:今天,北京...
2019-06-19 11:16:24
2782
原创 mklink目录连接
mklink目录连接做前端的时候,有的项目只需要在tomcat下允许即可,而我们如果没有在vscode等软件中运行tomcat的话,就可以用这样的方法,使用mklink将代码文件与tomcat文件进行连接,这样页面就可以及时刷新。我们找到tomcat中想关联的文件的父目录: D:apache-tomcat-8.5.35\webapps\ROOT\WEB-INF\classes ...
2019-06-19 11:07:00
1593
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人