- 博客(39)
- 问答 (4)
- 收藏
- 关注
RSS订阅
原创 vue，angular，微信小程序的一些不同(持续更新)
最近在学uni-app，发现和vue，微信小程序语法差不多，但公司技术栈是angular，已经接近一年没使用vue和微信小程序了，所以在这里小小总结下(基于自己)，勿喷。一、数据绑定vuehtml部分<span>{{authorName}}</span><img :src="imgSrc">注: 这里遇到个问题 当我 写成 imgSrc...
2020-05-08 16:52:10
1014
原创 如何实现echarts树点击节点名称也可以实现展开收起(直接更改options即可)
产品有个需求，需要用echarts画一颗树，原型大概这样然后看了下官网,echarts的树图大概如下,呃呃呃，差好多，那就改呗然后一顿操作页面出来差不多了，思路大概如下，左边那个灰色按钮是自己写的，总体数据是一颗树，我把第一层的label和line隐藏 实际效果就差不多了然后发现有个问题，echarts树的点击事件只能绑定在前面的symbol(圆点)上，象征性的问了下产品，果不其然，被产品怼了回来，然后各种搜索，也没找到自己想要的结果，那只能自己手写了我大概讲下我的思路啊，大.
2020-11-17 17:06:13
2953
1
原创 angular组件之间传递消息
1.新建一个serviceexport 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
290
原创 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
342
原创 记录个问题 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
295
原创 对象数组属性一致的重新分组
代码其实还可以优化，但项目赶，先放在这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
194
原创 在angualr中使用await async来实现接口的同步调用
在angualr中使用await async来实现接口的同步调用1.api-service.tspublic getRecordFragmentList(): Observable<string[]> { return this._http.get<string[]>('/api/TextStructureVariable/record-fragment-list'...
2020-06-23 10:07:23
855
原创 angular怎么将markdown格式转换成html格式渲染在页面上
最近有个需求 后端返回markdown格式的数据前端要进行渲染查阅资料后具体操作步骤如下参考链接https://jfcere.github.io/ngx-markdown/cheat-sheet安装 ngx-markdown// 我这里项目时angular8的 所以也选择相对应的版本npm i [email protected] --save在AppModule中引用import { MarkdownModule } from 'ngx-markdown';@NgM.
2020-06-18 14:28:10
646
原创 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
686
原创 在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
231
原创 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
4779
原创 学习如何在angular中使用mock
最近做项目，后端工作繁忙，无法及时提供到接口，而自己写json不能满足随机性的要求，经同事推荐，简单学习了下mockjs。文档地址https://github.com/nuysoft/Mock/wiki/Syntax-Specification1.安装npm install mockjs --save2.简单使用import * as Mock from 'mockjs'...
2020-04-28 17:08:49
2416
原创 在angular中使用forkjoin
forkjoin的使用为什么要使用forjoin?个人理解：有的时候我们需要多个接口返回值之后才能加载数据渲染页面，此时可以使用forkjoincomponent.tsimport { forkJoin } from 'rxjs';forkJoin(this._apiService.getIndexCode('PatientTotal'),this._apiService.getI...
2020-04-27 10:16:12
2641
原创 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
170
转载 记录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
376
原创 记录下angular使用signalr
公司开发需要使用signalr来实现消息广播，查阅很多资料，和后端配合，基本实现效果npm install --save @aspnet/signalrnpm install --save @types/signalrproxy.json 这里错了容易出一堆错误{ "/hubs": { "target": "http://xxxx.xxxx.com", "change...
2020-01-10 09:43:32
1843
原创 记录个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
100
原创 记录个指令 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
626
原创 记录个问题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
3950
原创 记录个问题，将数组对象按照对象某个相同的值分组
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
441
原创 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
454
原创 innerHtml中回车不生效可以使用white-space
好久没写博客了 都是用印象笔记 以后都纪录一份到博客吧html<div class="illness-timeline-content-detail" [innerHtml] = "abc | safe: 'html'"></div>tspublic abc: any = '病程记录内容:经过几天的治疗，现在情况已经好转\r\n估计过几天就能出院了';css...
2019-09-18 10:51:41
229
转载 Angular打包刷新报404错误
app-module上写import {PathLocationStrategy, LocationStrategy} from '@angular/common';ngModule上加上写@NgModule({ providers: [{provide: LocationStrategy, useClass: HashLocationStrategy]]);...
2018-10-25 20:32:22
556
原创 mySQL 练习
增删改查的基本练习一/*查询所有学生信息，返回所有字段*/SELECT * FROM students;/*查询所有学生，返回学生的姓名、年龄、所在地*/SELECT name,age,city FROM students;/*查询所有学生，返回学生的姓名、年龄在年龄的后边+岁)、所在地、国家（附加列，固定值为中国）*/SELECT name,CONCAT(age,'岁') AS ag...
2018-10-23 19:56:42
236
原创 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
773
转载 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
129
原创 A路由守卫
1、先创建个服务ng generate service services/guard2、服务里面写import { Injectable } from '@angular/core';import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot } from '@angular/router';@Injectabl...
2018-10-14 18:14:59
115
原创 angualr U封装
1、创建一个类ng generate class util/global-setting2、类里面写// 通用配置export class GlobalSetting { // url接口配置 static getRootURL():string{ return 'http://192.168.7.100/librarywebapi/' }}...
2018-10-14 17:41:44
58
原创 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
814
转载 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
69
原创 对象随笔（一）
创建对象的几种方式 字面值式 工厂模式 构造模式 原型模式 混合模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head&g
2018-09-12 18:50:31
89
原创 H5随笔(六)
columns属性 一般用法： div { column-count:3; } 我使用的时候出现了这样的问题 div 框会被顶到第二列去 想了半天没有找到解决的办法 我用的谷歌浏览器 结果换了个浏览器就解决了 然后我通过查询资料，和网上大神的方案 代码加在小div中 在代码中加了一行-webkit-column-break-inside:avo...
2018-09-09 18:49:30
88
原创 H5随笔(五)
会话存储时，如果存的是一个数组/对象的话，要转为String对象 例： sessionStorage.setItem('imgDetails',JSON.stringify(item.Items)) 会话存储时，如果取的是一个string对象的话,要转为对象/数组 例： JSON.parse(sessionStorage.getItem('imgDetails'))...
2018-09-09 17:27:51
94
原创 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
79
原创 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
99
原创 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
85
原创 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
126
空空如也
怎么通过js关闭一个应用程序，要求谷歌浏览器可使用
2020-05-20
angular6中使用signalr.js报错
2020-01-08
我想问个问题，我如何在angular使用websocket的同时使用路由代理
2020-01-07
Froala Editor 定位出现错误 求助
2019-03-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人