- 博客(39)
- 问答 (4)
- 收藏
- 关注
RSS订阅
原创 vue，angular，微信小程序的一些不同(持续更新)
最近在学uni-app，发现和vue，微信小程序语法差不多，但公司技术栈是angular，已经接近一年没使用vue和微信小程序了，所以在这里小小总结下(基于自己)，勿喷。 一、数据绑定 vue html部分 <span>{{authorName}}</span> <img :src="imgSrc"> 注: 这里遇到个问题 当我 写成 imgSrc...
2020-05-08 16:52:10
1172
原创 如何实现echarts树点击节点名称也可以实现展开收起(直接更改options即可)
产品有个需求，需要用echarts画一颗树，原型大概这样 然后看了下官网,echarts的树图大概如下,呃呃呃，差好多，那就改呗 然后一顿操作页面出来差不多了，思路大概如下，左边那个灰色按钮是自己写的，总体数据是一颗树，我把第一层的label和line隐藏 实际效果就差不多了 然后发现有个问题，echarts树的点击事件只能绑定在前面的symbol(圆点)上，象征性的问了下产品，果不其然，被产品怼了回来，然后各种搜索，也没找到自己想要的结果，那只能自己手写了 我大概讲下我的思路啊，大.
2020-11-17 17:06:13
3759
1
原创 angular组件之间传递消息
1.新建一个service export class msgService { public messageChange$: BehaviorSubject<boolean> = new BehaviorSubject(false); } 2.发消息 this.msgService.messageChange$.next(true); 3.接收消息 this.subscriptions.push( this.msgService.messageChange$ .subsc.
2020-10-21 15:11:36
445
原创 angular 如何使用blob下载excel
接口 public exportDatabase2(databaseId: number): Observable<ArrayBuffer> { return this.http.get(`${this.dataExportUrl}?id=${databaseId}`, {responseType: 'arraybuffer'}); } 调用接口下载(这里不知道为啥不走success方法，接口200) this.schemaInfoServ.exportDatabase2.
2020-10-21 14:13:13
456
原创 记录个问题 js渲染html时
由于文本中出现a<P这种情况 导致渲染到页面上出现了渲染错误的情况 我这边是用replace将所有大于小于的标签替换了 const regLt = new RegExp( '<' , 'g' ); const reggt = new RegExp( '>' , 'g' ); let sliceString = data.rawText.replace(regLt, '﹤').replace(reggt, '﹥'); ...
2020-09-27 16:09:14
420
原创 对象数组属性一致的重新分组
代码其实还可以优化，但项目赶，先放在这 let ss = gg2(arr2, arr2, true ,{key: 'bool', thenBy: {key: 'value', beforeKeys: ['bool'], thenBy: {key: 'unit', beforeKeys: ['bool', 'value'], thenBy: {key: 'valueset', beforeKeys: ['bool', 'value', 'unit']}} }}); console.log(ss) 结果.
2020-09-25 18:10:54
282
原创 在angualr中使用await async来实现接口的同步调用
在angualr中使用await async来实现接口的同步调用 1.api-service.ts public getRecordFragmentList(): Observable<string[]> { return this._http.get<string[]>('/api/TextStructureVariable/record-fragment-list'...
2020-06-23 10:07:23
1009
原创 angular怎么将markdown格式转换成html格式渲染在页面上
最近有个需求 后端返回markdown格式的数据前端要进行渲染 查阅资料后具体操作步骤如下 参考链接https://jfcere.github.io/ngx-markdown/cheat-sheet 安装 ngx-markdown // 我这里项目时angular8的 所以也选择相对应的版本 npm i ngx-markdown@8.2.2 --save 在AppModule中引用 import { MarkdownModule } from 'ngx-markdown'; @NgM.
2020-06-18 14:28:10
957
原创 vue中如何修改第三方组件库的样式
原效果 修改后的效果 代码 使用/deep/ 注:在sass下使用 /deep/ .van-radio__icon--checked .van-icon-success { border-color: #00CDCD !important; background-color: #00CDCD !important; }
2020-06-09 13:45:20
792
原创 在uni-app实战中遇到的问题记录(adding...)
1.问题： 我想跳转到一个页面，这个界面是bar界面，跳转错误 错误提示: [system] navigateTo:fail can not navigateTo a tabbar page // 答: // 原代码 uni.navigateTo({ url:'../index/index' }) //修改后的代码 uni.switchTab({ url:'../index/index' }) ...
2020-05-12 14:26:12
863
原创 vue.runtime.esm.js?e143:619 [Vue warn]: Duplicate keys detected: '121375'. This may cause an update
记录个问题 vue.runtime.esm.js?e143:619 [Vue warn]: Duplicate keys detected: ‘121375’. This may cause an update error. 最初的代码 <view v-for="(item, index) in news" :key="item.id" title=""> <navigator url="../detail/detail">{{item.title}}</naviga.
2020-05-09 11:00:04
4924
原创 学习如何在angular中使用mock
最近做项目，后端工作繁忙，无法及时提供到接口，而自己写json不能满足随机性的要求，经同事推荐，简单学习了下mockjs。 文档地址 https://github.com/nuysoft/Mock/wiki/Syntax-Specification 1.安装 npm install mockjs --save 2.简单使用 import * as Mock from 'mockjs'...
2020-04-28 17:08:49
2675
原创 在angular中使用forkjoin
forkjoin的使用 为什么要使用forjoin? 个人理解：有的时候我们需要多个接口返回值之后才能加载数据渲染页面，此时可以使用forkjoin component.ts import { forkJoin } from 'rxjs'; forkJoin( this._apiService.getIndexCode('PatientTotal'), this._apiService.getI...
2020-04-27 10:16:12
2879
原创 angular 后端返回非json格式如何引用记录
主要代码 {responseType: ‘text’} 例子: public getToken(body: IToken): Observable<any> { // 这边后端没有返回json格式 ,后面要改 todo return this._http.post(`/api/token?userId=${body.userId}&deptId=${body.d...
2020-01-14 14:44:58
232
转载 记录angular写的个日期控件
html代码: <div class="calender"> <div class="calender-name"> xxxx日历 </div> <div class="calender-opt"> <div class="calender-opt-last" (click)="lastMonth...
2020-01-10 15:16:00
488
原创 记录下angular使用signalr
公司开发需要使用signalr来实现消息广播，查阅很多资料，和后端配合，基本实现效果 npm install --save @aspnet/signalr npm install --save @types/signalr proxy.json 这里错了容易出一堆错误 { "/hubs": { "target": "http://xxxx.xxxx.com", "change...
2020-01-10 09:43:32
2081
原创 记录个websocket.service
import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class WebsocketService { public ws: WebSocket;//定义websocket connectWs(websocket: string) { if (this....
2020-01-07 17:02:07
165
原创 记录个指令 angular超长显示省略号并有下拉箭头
代码实现: 写了个指令来满足效果 html代码: <div class="home-list-item"> <div class="item-top"> <div class="item-top-level danger"> xxx </div> <div class="item-top-message"...
2020-01-03 14:17:32
771
原创 记录个问题Property ‘click‘ does not exist on type ‘Element‘
我想要在子组件给index.html发消息,但暂时没什么好解决办法，就在index.html上加个button并隐藏 这里是index.html页面 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>危急值弹窗</title> ...
2020-01-02 11:07:08
4144
原创 记录个问题，将数组对象按照对象某个相同的值分组
public arr = [ {code: 'A1', index: 1, groupNo: '1'}, {code: 'A2', index: 2, groupNo: '1'}, {code: 'A3', index: 3, groupNo: '1'}, {code: 'B1', index: 4, groupNo: '2'}, {code: 'B2'...
2019-11-06 17:03:22
522
原创 Angular组件之间发送消息接收消息
需要创建一个service来发送接收消息 import { Injectable } from '@angular/core'; import { Observable, Subject } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class MessageService { public message$: Ob...
2019-11-06 15:41:06
546
原创 innerHtml中回车不生效可以使用white-space
好久没写博客了 都是用印象笔记 以后都纪录一份到博客吧 html <div class="illness-timeline-content-detail" [innerHtml] = "abc | safe: 'html'"></div> ts public abc: any = '病程记录内容:经过几天的治疗，现在情况已经好转\r\n估计过几天就能出院了'; css ...
2019-09-18 10:51:41
331
转载 Angular打包刷新报404错误
app-module上写import {PathLocationStrategy, LocationStrategy} from '@angular/common'; ngModule上加上写 @NgModule({ providers: [{provide: LocationStrategy, useClass: HashLocationStrategy] ]); ...
2018-10-25 20:32:22
639
原创 mySQL 练习
增删改查的基本练习一 /*查询所有学生信息，返回所有字段*/ SELECT * FROM students; /*查询所有学生，返回学生的姓名、年龄、所在地*/ SELECT name,age,city FROM students; /*查询所有学生，返回学生的姓名、年龄在年龄的后边+岁)、所在地、国家（附加列，固定值为中国）*/ SELECT name,CONCAT(age,'岁') AS ag...
2018-10-23 19:56:42
379
原创 angular浏览器不能点击返回
import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import {Location} from '@angular/common';//这个要写 @Component({ selector: 'app-flash', templateUrl: './fla...
2018-10-16 21:11:07
901
转载 angular简单的动画
app-moduel上加 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { BrowserModule } from '@angular/platform-browser'; imports: [ BrowserModule, BrowserAnimat...
2018-10-15 21:06:48
189
原创 A路由守卫
1、先创建个服务 ng generate service services/guard 2、服务里面写 import { Injectable } from '@angular/core'; import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot } from '@angular/router'; @Injectabl...
2018-10-14 18:14:59
197
原创 angualr U封装
1、创建一个类 ng generate class util/global-setting 2、类里面写 // 通用配置 export class GlobalSetting { // url接口配置 static getRootURL():string{ return 'http://192.168.7.100/librarywebapi/' } } ...
2018-10-14 17:41:44
119
原创 Css实现字符串超出部分变为点
Css实现字符串超出部分变为点 .context>div>.divRight>label{ overflow:hidden; text-align: center; display: inline-block; width: 70px; white-space:nowrap; text-overflow:ellipsis; } ...
2018-10-14 16:24:10
935
转载 viewport
在做移动端开发的时候要加上一句话 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> https://www.cnblogs.com/2050/p/3877280.html...
2018-09-13 19:59:58
112
原创 对象随笔（一）
创建对象的几种方式 字面值式 工厂模式 构造模式 原型模式 混合模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&g
2018-09-12 18:50:31
144
原创 H5随笔(六)
columns属性 一般用法： div { column-count:3; } 我使用的时候出现了这样的问题 div 框会被顶到第二列去 想了半天没有找到解决的办法 我用的谷歌浏览器 结果换了个浏览器就解决了 然后我通过查询资料，和网上大神的方案 代码加在小div中 在代码中加了一行-webkit-column-break-inside:avo...
2018-09-09 18:49:30
169
原创 H5随笔(五)
会话存储时，如果存的是一个数组/对象的话，要转为String对象 例： sessionStorage.setItem('imgDetails',JSON.stringify(item.Items)) 会话存储时，如果取的是一个string对象的话,要转为对象/数组 例： JSON.parse(sessionStorage.getItem('imgDetails'))...
2018-09-09 17:27:51
161
原创 H5随笔(三)
$(function (e) { $('.top').hover(function (e) { $('.hidden').stop(true).slideDown(600,function (e) { $('.hidden').slideUp(600) }) 这里如果不写stop（true）的话,会出现可以多次动画执行，像一...
2018-09-03 13:44:43
138
原创 H5随笔(二)
JQ动画 https://www.runoob.com/jquery/jquery-fade.html 注：例(“#div”).fadeToggle(“slow”);(“#div”).fadeToggle(“slow”);(“#div”).fadeToggle(“slow”); (“#div”).fadeToggle(3000); ...
2018-09-02 14:01:38
144
原创 H5随笔(一)
div在另一个div中水平垂直居中 大div的样式 div{ position:reletive; height:500px; width:500px; } /*************************/ 小div的样式 div{ position:absolute; left:0px; right:0px; ...
2018-09-01 16:49:11
129
原创 H5学习之自己不太熟的知识点（一）
数组知识 添加成员 1、push方法—向数组末尾添加元素，可添加多个 例:arr.push(); 2、unshift方法—向数组头部添加元素，可添加多个 例:arr.unshift(); 删除成员 1、shift方法—删除并返回数组中第一个元素 例:arr.shift(）; 2、pop方法—删除并返回数组中最后一个元素 例:arr.pop(); 3、splice方法—从数组中...
2018-09-01 16:41:12
190
空空如也
怎么通过js关闭一个应用程序，要求谷歌浏览器可使用
2020-05-20
angular6中使用signalr.js报错
2020-01-08
我想问个问题，我如何在angular使用websocket的同时使用路由代理
2020-01-07
Froala Editor 定位出现错误 求助
2019-03-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人