- 博客(15)
- 问答 (25)
- 收藏
- 关注
原创 web components
如果要一个项目同时支持vue和react,web components是一个很好的选择。今日无意间知道了web components。原来浏览器早就支持了自定义组件、插槽这些方式。
2024-05-30 17:05:26
112
原创 前端将html转word
网上搜索说是使用html-to-docx,使用这个会报错,还看到说没有使用mamonth,最后都是不行。这个时候的想法便是将word模板写成html,再将html转成word然后打包下载。一个需求是一个word模板加入用户填写的数据,需要可以打包下载,如果只需要下载word,不需要压缩,可以是下面的代码。直到我发现可以不用插件就完成这个功能,js原生就行。下面便是代码,JSZip是一个压缩的插件。
2023-08-08 16:26:30
421
1
原创 vue组件相互调用
vue中两个组件互相调用,例如A组件调用B组件,B组件又调用了A组件,会报错 A组件会找不到B组件 一开始没有发现这个问题,还以为vue是不是出bug了 找了很久。
2023-05-25 09:34:21
223
原创 模拟vue实现数据的双向绑定 v-model
上面的这种方式是将dom转成字符串进行遍历处理;下面的方式是直接遍历dom,拷贝一份dom,在数据变化后,使用拷贝的dom来判断某个元素是否是采用data的数据,需要改变了。这个是一开始使用的方法,但是考虑到一直销毁元素创建元素,可能不是很好,就用了另外的一种方式。下面的方法是 一直在同一个dom上面操作,没有销毁创建等操作。
2023-05-05 11:51:18
118
原创 angular中rxjs的写法即将弃用
今日在因angular写获取后端数据代码的过程中,使用了subscribe,如下所示这种方式没有报错,但是subscribe上会有一条横线,我看着很不舒服查阅资料才发现最新的写法应该是
2022-07-13 12:00:00
543
原创 nz-select不能写在label标签里面
昨天在写代码的时候,需要选择框,就用了angular的组件库ng-zorro,结果这个选择框不是不是根本没有下拉框就是点不了,前前后后试了好久也不行,有的时候突然又行了,本来以为可以了,结果又不行了,没有改代码啊,没有办法就就只能用原生的select标签了,就是这个标签原本的样式是真的丑,只能自己写css代码,写完之后不服气还是想要知道到底为什么,就又试了试,最后终于发现原来是nz-select标签不能写在label标签里面,我也不知道为什么会这样,select标签是可以写在label标签里面的,为什么nz
2022-03-03 07:47:26
393
原创 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
513
原创 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
734
原创 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
197
原创 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
916
原创 带你把排序算法给理个透(插入排序、快速排序)无代码版
1.算法的概念 算法是 对特定的问题求解步骤的描述,它有五个重要的特征,分别是:有穷性、确定性、可行性、输入和输出。也就是说算法必须在有限的步骤之后结束,每一个执行过程都是有其确定的含义,算法是可行的,必须有输入和输出。2.插入排序时间复杂度为o(n^2),若待排数字为正序(刚好是排好序的数字),其时间复杂度为o(n)2.1直接插入排序 概念:将一个数字插入到一个已经排好序的序列中,这个序列可以理解成一个数组或者一个键名由0开头的数字组成的对象,或者字符串或者就...
2021-09-26 12:09:41
70
原创 超详细 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
1139
原创 2021-09-10 用css、html、js模拟操作系统3 阻止事件冒泡
用css、html、js模拟操作系统2_更何况不过刚好的博客-CSDN博客https://blog.csdn.net/weixin_53862758/article/details/120150574模拟操作系统1_更何况不过刚好的博客-CSDN博客https://blog.csdn.net/weixin_53862758/article/details/120110125?spm=1001.2014.3001.5501紧接着上一篇文章往下说,上一篇文章做到下面这样但是还是有bug存在,不知道.
2021-09-10 10:07:59
190
原创 用css、html、js模拟操作系统2
目录1.整体2.最上边的框3.分类今天接着上一篇文章往下写,今天写的是下面输入框点击之后出现一个窗口的内容上一篇文章地址,有需要的可以先看第一篇文章模拟操作系统1_更何况不过刚好的博客-CSDN博客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
520
原创 模拟操作系统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
352
空空如也
angular项目打包后top,left,right,bottom会转成inset
2022-10-08
pdf为base64格式的怎么展示出图片
2022-08-07
ng-alain使用sf动态表单的宽度问题
2022-07-12
echarts的矩形树图的文字显示以及缩放问题
2022-04-28
vue中使用avue创建表单
2022-04-26
angular怎么定义全局函数
2022-03-22
为什么有的时候git pull产生冲突后会把冲突文件删除?
2022-03-22
用vue写点击事件,为什么没有生效
2022-03-21
angular 的ngFor可以不写对应属性吗?
2022-02-16
angular父向子传的值最早在哪一个生命周期可以收到
2022-02-16
未git add的文件如何恢复
2022-02-16
echart提示框有部分显示不出来
2022-02-11
echart的雷达图
2022-02-10
vscode国内下载地址,ubuntu
2022-01-26
vscode国内下载地址,ubuntu
2022-01-26
vscode的国内下载地址,ubuntu的
2022-01-26
echarts仪表盘颜色修改
2022-01-07
从一个字符串中拿到匹配的值
2021-12-28
js字符串表达式求值,遇到小数点的问题
2021-12-27
同一个按钮开始停止计时器
2021-11-04
node数据按行写入xlsx 该怎么做
2021-10-26
js数组问题 n个数组打乱,重新组合
2021-10-26
js定义一个指定长度数组,并且每个值为-1
2021-10-10
我设置了定位fixed为 bottom,那应该固定在浏览器底部,不知道为什么不是这样的
2021-10-05
hadoop 遇到下面错误 为什么会这样,无法解决
2021-09-17
右键点击只有左边有效,右边无效的原因,下面是我的代码
2021-09-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人