音乐宇-优快云博客

转载超体无敌全echarts 使用方法带注释

转载自 https://www.jianshu.com/p/3cf80b96a65dtheme = {// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板 color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0', '#1e90ff

2021-09-01 17:58:50 198

原创 Failed to resolve component: v-data-table“. vue3 + vuefity 使用 v-data-table 报错解决

【代码】Failed to resolve component: v-data-table". vue3 + vuefity 使用 v-data-table 报错解决。

2023-08-15 17:39:43 792

原创 vue3 配置 tailwind 和 tailwind 用法

【代码】vue3 配置 tailwind 和 tailwind 用法。

2023-08-14 10:33:22 300

原创 IDEA 配置 eslint

idea 配置 eslint 规则

2023-08-10 10:57:48 505

原创 vscode eslint配置

【代码】vscode eslint配置。

2023-07-27 15:40:54 2004

原创 vue3 setup 语法糖

【代码】vue3 setup 语法糖。

2023-07-27 09:26:57 178

原创 Webpack 报错无法加载文件 C:\Users\17610\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。有关详细信息

最近在学习webpack打包，在执行webpack ./src/index.js -o ./build/built.js --mode=development报错。原因是：power shell的安全策略，将 nrm 命令视为了不安全脚本，不允许执行。只需要放开权限就行。我们通过管理员权限运行power shell，然后输入命令。然后在执行webpack命令就ok啦！

2023-05-25 19:36:20 191

原创删除数组内对象id相同的值。

删除数组内对象id相同的值。

2023-02-17 11:12:21 192

原创 antd table form 表单验证

antd 表格内支持表单校验

2023-02-11 14:17:07 668

原创 js 判断数组对象是否某个值重复

【代码】js 判断数组对象是否某个值重复。

2022-11-02 13:15:17 348

原创 js 计算两个日期之间相差的天数

【代码】js 计算两个日期之间相差的天数。

2022-10-31 13:17:05 374

原创 Vue 常用方法

【代码】Vue 常用方法。

2022-10-19 16:47:16 200

原创 vue this refs undefined原因

因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！$refs 也不是响应式的，因此你不应该试图用它在模板中做数据绑定。

2022-10-19 14:46:39 766

原创将整个html, document 对象序列化为一个 XML 字符串

将整个 document 对象序列化为一个 XML 字符串

2022-09-28 10:45:29 663

原创 string json html 转换成正常html结构

DOMParser 可以将存储在字符串中的 XML 或 HTML 源代码解析为一个 DOM Document。

2022-09-15 17:57:55 288

原创一键解决eslint错误

因为启用了eslint 导致组件代码不符合规则就会报错，但是如果，，这种结尾问题一个一个手改要好久，所以找到个方法:

2022-09-06 14:04:17 562 1

原创 git 切换分支报错 error: cannot stat ‘xxxxxxxx‘: Permission denied

error: cannot stat 'src/components/qm-contract-table/index': Permission denied

2022-09-02 13:18:17 1273

原创 TS 学习总结

TS 入门基础教学

2022-09-01 11:33:37 141 1

原创 JS 常见正则表达式验证规则

【代码】JS 正则列表。

2022-08-31 10:40:02 203

原创 for in 和 for of 区别

for in 和 for of 区别

2022-08-03 10:46:59 365 1

原创 nginx 配置简单的负载均衡

# 负载均衡：设置domainupstream domain { server localhost:8000; server localhost:8001;}server { listen 8080; server_name localhost; location / { # root html; # Nginx默认值 # index index.h

2022-04-19 16:40:35 2292 1

原创 nginx 配置解决iframe 跨域问题 cookie失效问题

server { listen 443 ssl; # listen 80; server_name 10.2.168.1; #access_log /var/log/nginx/host.access.log main; # location / { # root /usr/share/nginx/html; # index index.html index.htm; # } s

2022-04-13 16:52:41 4486 2

原创 Angular Material 通过ts代码去关闭panel面版

简述Angular Material 通过ts代码去关闭panel面版HTML<mat-select #options value="..."> <mat-option (click)="selectChange()" style="display: none;" value="...">...</mat-option></mat-select>TS@ViewChild('options') optionSelect;ngOnInit():

2022-04-13 16:32:23 1129 1

原创 angular父组件调用子组件方法

angular 父组件调用子组件方法父组件TS代码：<app-son #datepicker></app-son> @ViewChild('datepicker') datepicker: childComponent; refreshClick() { this.datepicker.clearTime(); }子组件TS代码： clearTime() { this.times = null; }...

2022-04-08 10:33:43 3211 7

原创解决ng-zorro cascade组件 placeholder 覆盖问题。

解决ng-zorro cascade组件 placeholder 覆盖问题。Html <nz-cascader nzChangeOnSelect nzPlaceHolder="{{ 'OPERATING.PLEASE_SELECT' | translate }}" [formControlName]="'name'" [nzOptions]="nzOptions" [nzValueProperty]="'key'" [(ngModel)]="currentGroupId"

2022-04-06 16:28:46 392

原创正则表达式只允许输入数字连接符减号

res='a121-ajs'let num = /^[0-9.()-]+$/;if (!num.test(rex)) {}

2022-04-01 10:23:47 1186

原创 Angular 10级联选择

npm i yhcascade

2022-02-28 11:45:14 626 1

原创 MD 格式文件如何引入图片绝对可用

网上找了一大堆资料结果都不好用，亲测可用的格式在这里！![Alt](src/assets/img/yhCascade.png)![Alt](src/assets/img/yhOptions.png)

2022-02-28 10:30:17 3281

原创原生js根据className 删除元素

let allCascade = document.getElementsByClassName("cascade"); for (let i = 0; i < allCascade.length; i++) { if (allCascade[i] != null) allCascade[i].parentNode.removeChild(allCascade[i]); }

2022-02-25 17:33:09 1318

原创 npm 发布自己封装组件经常遇到的报错问题汇总

1. npm 发布包报错 400：“XXX” is invalid for new packages解决方案：包名不合法，我的是因为 yhCascade包含大写，请改为合法包名且不重复的包名即可。2.发布npm包遇到的报错： ERR! 403 Forbidden， Are you logged in as the correct user解决方案：上面写着登录不正确，403的错误吗，一开始我还以为是自己登录错了。后来发现，其实是你发的的报名重复了，在package.json 修改一下你的包名

2022-02-25 13:42:56 1296

原创封装Angular 组件并发布到 npm

创建项目ng new yhCascade2. 创建第三方库// 切换目录cd yhCascadeng g library zero --prefix zm3. 开发第三方包cd projects\cascade\src\lib<yh-cascade></yh-cascade>4.第四部发布// 切换至第三方包根目录下cd projects/cascade// 构建ng build cascade5. 登录npm// 需要登录(npm l.

2022-02-25 13:38:15 705

原创解决 Angular 创建的dom 无法绑定class样式

解决angular class样式失效问题

2022-02-22 15:10:24 320

原创 Angular10 组件内调用 js方法

局部调用在哪个ts文件中用，就在哪个文件中引入js文件，这种方法更适合我们自己写的jsjs:exports.fn = function (） { alert(1):}component.tsimport * as testJs from "../../assets/a.js"; ngOnInit() { testJs.fn(); }...

2022-02-21 15:31:12 561

原创 ngZone

如果模板中有一些变量需要经常变动,那么频繁的变动将造成性能上的消耗,Angular为我们提供了NgZone服务，对于一些频繁的操作，可以不去触发变更检测。使得Angular不跟踪变化。重新跟踪变化　　如果此时又想让Angular跟踪foo的变化，用其提供的run方法。Angular 引入 Zone.js 以处理变更检测。Zone.js 使 angular 可以决定何时需要刷新UI。通常情况下，你不需要关注 Zone.js，因为其一直在正常工作。简而言之：Zone.js 如何工作Zone.js 对所

2022-02-21 15:09:55 477

原创 js实现级联效果

https://js-omnxgb.stackblitz.io/

2022-02-19 21:45:19 494

原创解决 npm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本

解决方法：点击左下角开始，找到Windows PowerShell，点击右键找到更多，找到以管理员身份运行输入命令：set-ExecutionPolicy RemoteSigned 然后回车选择：输入A选择全是，或者输入Y选择是都可以的接着重新启动然后去运行就可以了参考：https://blog.youkuaiyun.com/weixin_46212682/article/details/121784020...

2022-02-16 15:35:58 1805

原创我看Angular 与 Vue 和React 的区别。

当大家谈到 Angular 时，定论其过时的第一印象会是团队在项目中的采纳率较低及其社区活跃度远不如 React 与 Vue。从 Angular 的发展历史看，CLI、based on RxJS、TypeScript 等概念的提出和使用都是相对很早的，而依赖注入、AOP、Pipe、Directive 与 Zones、Stream 和各类设计模式等，更是在实际实践中给了我很多惊喜。在使用 Angular 过程中除了节省我很多开发时间外（比如完成业务需求、跨团队协作、代码质量保证、项目交接与长期维护等）我们首先

2022-02-10 13:38:04 982

音乐宇自制 ， 基于python 代码，一键生成 你想要的春联。

星空-blue.html

空空如也

音乐宇自制，基于python 代码，一键生成你想要的春联。