- 博客(36)
- 收藏
- 关注
RSS订阅原创 自定义滚动-页面超出某一部分开始滚动
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
285
原创 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
1367
原创 angular多元素动画、动画飞入
angular的动画系统是基于css功能构建的，所以第一步：先了解一下css动画transform属性:主要为2D、3D转换[translate],包括:缩放[scale]、旋转[rotate]、倾斜旋转[skew]这里建议去参考菜鸟教程，列的很详细：CSS3 transform 属性 | 菜鸟教程第二步：了解angular动画官网：Angular - Angular 动画简介1.动画转场与触发器 通配符状态：...
2021-09-26 19:16:40
486
原创 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
2113
原创 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
254
原创 Angular项目使用scss的deep穿透，修改原UI样式
:host ::ng-deep{ button{ font-size: 16px; }}
2021-06-28 16:02:10
2489
原创 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
234
原创 angular配置本机ip启动项目（mac查看ip）
mac查看本机ip 打开终端，输入ifconfig；过滤使用 ifconfig|grep 'inet' 在项目中打开package.json 在启动项的json后追加 --host 你的ip
2021-06-17 10:24:41
507
原创 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
1094
原创 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
227
原创 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
86
原创 mac安装相关
Git在mac环境下生成/删除ssh公钥：https://www.cnblogs.com/OFSHK/p/14364686.html https://www.jianshu.com/p/5b34b7b34cae
2021-03-10 18:29:32
72
转载 微信公众号测试号接口配置信息
//引入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
2215
原创 微信公众号学习
1.视频网站：https://www.bilibili.com/video/BV1XJ411P7T42.ngrok(内网转外网)下载配置：https://blog.csdn.net/kouryoushine/article/details/89492708
2020-08-18 17:28:33
160
原创 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
3063
1
转载 mac安装淘宝镜像cnpm
安装淘宝镜像一直失败，原来是因为没有最高权限npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose
2020-04-08 17:51:22
424
1
原创 layUI文件上传与form表单一起提交
<!DOCTYPE html><html><head> <%--常量--%> <%@ include file="/common/constHead.jsp"%> <%--jQuery--%> <%@ include file="/common/jqueryHead.jsp"...
2019-11-07 10:26:16
4451
原创 个人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
159
转载 1-VScode格式化ESlint-方法（最全最好用方法！）
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景：近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决方法。解决方案：1、安装插件1）ESlint：javascript代码检测工具，可以...
2019-08-31 10:58:37
155
原创 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
3982
原创 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
8810
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
407
原创 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
170
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
1992
原创 PS压缩图片大小
作为前端的小精灵，经常会遇到美工发的图太大的问题，再找他们解决，很麻烦，不如自己直接用ps压缩一下，废话不多说，接下来写步骤。第一步：打开ps第二步：选择 文件 ——》打开——》找到你需要压缩的文件第三步：选择 图像——》图像大小第四步：将宽度和高度旁边的锁链点一下解开，然后修改宽度为1366，修改高度为768修改后：点击确定后：...
2019-07-24 19:53:56
3543
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
2769
1
转载 HBuilder打包流程
1.运行HBuilder---百度搜索HBuilder，官网下载安装包，解压，运行HBuilder.exe。注册账号，并登陆2.新建app---在左边右键，选择新建APP，或者，点击中间的新建app3.在弹出的窗口，填入应用名称，根据需求选择项目位置，以及模板内容4.检验app效果----创建好之后，选择刚刚创建好的项目，在顶部选择运行，根据你的情况现在运行方式5....
2019-07-03 11:41:33
1540
原创 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
7113
原创 $(this)的日常使用坑
今天遇到一个坑，就是我在ajax以后调不到$(this)的元素了。因为$(this)只在该函数的作用域里有效，在其子函数及ajax里都是无效的。我先获取id,如有没有就走添加的方法，如果有就走修改的方法。在添加完成以后，我们得将id赋值给data-jgid,所以使用时一定要将$(this)声明出来。当然如果是ts语言，相信直接用this即可。但是js中还是一定要重新声明出来，不然用得就不...
2019-06-27 15:10:49
154
原创 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
2288
原创 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
23852
2
原创 2019web前端面试题总结
2019web前端面试题总结1.自我介绍2.离职原因3.做过的项目情况4.在项目中做了什么工作5.问我汇交系统一个项目到底是干什么的，项目都存储什么样的数据，我接触了哪些数据格式数据类型，比如影像高程摄影6.系统数据量有多少？7.平台集成的系统主要做的什么查询，影像还是指标。卫星过境时间等8.卫星影像肯定是一景一景的，有没有根据时间等条件查询来查询某个影像的，比如说：今天，北京...
2019-06-19 11:16:24
2769
原创 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
1579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人