更何况不过刚好-优快云博客

原创 web components

如果要一个项目同时支持vue和react，web components是一个很好的选择。今日无意间知道了web components。原来浏览器早就支持了自定义组件、插槽这些方式。

2024-05-30 17:05:26 138

网上搜索说是使用html-to-docx，使用这个会报错，还看到说没有使用mamonth，最后都是不行。这个时候的想法便是将word模板写成html，再将html转成word然后打包下载。一个需求是一个word模板加入用户填写的数据，需要可以打包下载，如果只需要下载word，不需要压缩，可以是下面的代码。直到我发现可以不用插件就完成这个功能，js原生就行。下面便是代码，JSZip是一个压缩的插件。

2023-08-08 16:26:30 563 1

原创 vue组件相互调用

vue中两个组件互相调用，例如A组件调用B组件，B组件又调用了A组件，会报错 A组件会找不到B组件一开始没有发现这个问题，还以为vue是不是出bug了找了很久。

2023-05-25 09:34:21 286

原创模拟vue实现数据的双向绑定 v-model

上面的这种方式是将dom转成字符串进行遍历处理；下面的方式是直接遍历dom，拷贝一份dom，在数据变化后，使用拷贝的dom来判断某个元素是否是采用data的数据，需要改变了。这个是一开始使用的方法，但是考虑到一直销毁元素创建元素，可能不是很好，就用了另外的一种方式。下面的方法是一直在同一个dom上面操作，没有销毁创建等操作。

2023-05-05 11:51:18 149

原创 angular中rxjs的写法即将弃用

今日在因angular写获取后端数据代码的过程中，使用了subscribe，如下所示这种方式没有报错，但是subscribe上会有一条横线，我看着很不舒服查阅资料才发现最新的写法应该是

2022-07-13 12:00:00 603

原创 nz-select不能写在label标签里面

昨天在写代码的时候，需要选择框，就用了angular的组件库ng-zorro，结果这个选择框不是不是根本没有下拉框就是点不了，前前后后试了好久也不行，有的时候突然又行了，本来以为可以了，结果又不行了，没有改代码啊，没有办法就就只能用原生的select标签了，就是这个标签原本的样式是真的丑，只能自己写css代码，写完之后不服气还是想要知道到底为什么，就又试了试，最后终于发现原来是nz-select标签不能写在label标签里面，我也不知道为什么会这样，select标签是可以写在label标签里面的，为什么nz

2022-03-03 07:47:26 433

原创 angular表单一直在重新校验的问题解决 ng-zorro的库增加数据后无法立即显示出来

今天在写一个动态表单，表单的内容根据headArr这个数组对象来动态创建，一开始有几个表单，当其中一个表单有值的时候，会把剩余的表单显示出来，我采用的是下面的方法this.validateAddForm.valueChanges.subscribe(data => { if (data.model.length > 0 ) { this.headArr = [ { text: "基础信息", value: addBaseData }...

2022-02-26 13:46:49 562

原创 js 可计算属性名

今天在查看一些前端博客的时候发现一个自己之前没有看过的东西，可计算属性名称，记录一下，防止自己忘记用一个函数创建对象的时候通常是这样的function objectify (key, value) { let obj = {} obj[key] = value return obj}用计算属性名称可以将这一步简化function objectify (key, value) { return { [key]: value }}在这个[]里面还可以写上表

2022-02-08 14:27:32 770

原创 js十个个提升开发效率的小技巧

1.计算一个数组中每个元素出现的次数，可以用reducelet arr = [1,2,3,4,2,3,8,9]arr.reduce((a,b)=>{console.log(a[b]=(a[b]||0)+1);return a;},{})//{1: 1, 2: 2, 3: 2, 4: 1, 8: 1, 9: 1}2.Array.from()将字符串转成数组3.快速复制一个数组const itemsCopy = [...arr];4.找出数组的最大最小let min = ar

2021-12-31 08:17:00 245

原创 js实现元素可拖动

鼠标按下就可以拖动元素，松开元素就会在那个位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js鼠标移到</title></head><body> <div id="dv" style="position:absolute;"> 低调...

2021-12-23 14:11:09 939

原创带你把排序算法给理个透（插入排序、快速排序）无代码版

1.算法的概念算法是对特定的问题求解步骤的描述，它有五个重要的特征，分别是：有穷性、确定性、可行性、输入和输出。也就是说算法必须在有限的步骤之后结束，每一个执行过程都是有其确定的含义，算法是可行的，必须有输入和输出。2.插入排序时间复杂度为o(n^2),若待排数字为正序（刚好是排好序的数字），其时间复杂度为o(n)2.1直接插入排序概念：将一个数字插入到一个已经排好序的序列中，这个序列可以理解成一个数组或者一个键名由0开头的数字组成的对象，或者字符串或者就...

2021-09-26 12:09:41 89

原创超详细 webpack与其插件的安装配置 loader安装配置

webpack1.安装@是指定版本号-S或者--save是把安装的东西到dependencies(开发或者上线都需要用到的宝放这里)-D或者--save-dev把安装的东西到devDependencies(开发需要用到，但是上线不需要用到放这里)npm安装东西的时候可以打开npmjs.com，这里面会知道是用d还是s2.配置webpack下面的mode有两个值为development和production，意为开发中和发布值为development的话不会把代码压缩，打包代码的时间很快..

2021-09-21 17:28:58 1196

原创 2021-09-10 用css、html、js模拟操作系统3 阻止事件冒泡

用css、html、js模拟操作系统2_更何况不过刚好的博客-优快云博客https://blog.youkuaiyun.com/weixin_53862758/article/details/120150574模拟操作系统1_更何况不过刚好的博客-优快云博客https://blog.youkuaiyun.com/weixin_53862758/article/details/120110125?spm=1001.2014.3001.5501紧接着上一篇文章往下说，上一篇文章做到下面这样但是还是有bug存在，不知道.

2021-09-10 10:07:59 225

原创用css、html、js模拟操作系统2

目录1.整体2.最上边的框3.分类今天接着上一篇文章往下写，今天写的是下面输入框点击之后出现一个窗口的内容上一篇文章地址，有需要的可以先看第一篇文章模拟操作系统1_更何况不过刚好的博客-优快云博客1.整体html写一个div，class为apply，下面是css代码width:850px; height:500px; background-color:rgb(237,237,237); position: fixed; bott..

2021-09-07 10:25:40 605

原创模拟操作系统1

今天用前端css、htm、js模拟操作系统来做一个模拟操作系统，window10版本的我用自己的电脑作为参考对象，需要测量颜色尺寸如果用像素大厨等工具还要一个一个截屏保存再到软件里面查看有的麻烦，所以我直接使用一个截图工具来测量，不用保存，直接快捷键ctrl+alt+a然后调整位置就可以看到颜色的尺寸，按下c可以复制颜色，之后点击X退出，下面是这个软件64位版本和32位版本的下载链接，有需要的可以下载，如果有更好的工具可以不用这个链接：https://pan.baidu.com/s/1p2G-ioU

2021-09-05 10:36:08 428