web前端
更何况不过刚好
这个作者很懒,什么都没留下…
展开
-
前端将html转word
网上搜索说是使用html-to-docx,使用这个会报错,还看到说没有使用mamonth,最后都是不行。这个时候的想法便是将word模板写成html,再将html转成word然后打包下载。一个需求是一个word模板加入用户填写的数据,需要可以打包下载,如果只需要下载word,不需要压缩,可以是下面的代码。直到我发现可以不用插件就完成这个功能,js原生就行。下面便是代码,JSZip是一个压缩的插件。原创 2023-08-08 16:26:30 · 381 阅读 · 1 评论 -
模拟vue实现数据的双向绑定 v-model
上面的这种方式是将dom转成字符串进行遍历处理;下面的方式是直接遍历dom,拷贝一份dom,在数据变化后,使用拷贝的dom来判断某个元素是否是采用data的数据,需要改变了。这个是一开始使用的方法,但是考虑到一直销毁元素创建元素,可能不是很好,就用了另外的一种方式。下面的方法是 一直在同一个dom上面操作,没有销毁创建等操作。原创 2023-05-05 11:51:18 · 113 阅读 · 0 评论 -
angular中rxjs的写法即将弃用
今日在因angular写获取后端数据代码的过程中,使用了subscribe,如下所示这种方式没有报错,但是subscribe上会有一条横线,我看着很不舒服查阅资料才发现最新的写法应该是原创 2022-07-13 12:00:00 · 525 阅读 · 0 评论 -
nz-select不能写在label标签里面
昨天在写代码的时候,需要选择框,就用了angular的组件库ng-zorro,结果这个选择框不是不是根本没有下拉框就是点不了,前前后后试了好久也不行,有的时候突然又行了,本来以为可以了,结果又不行了,没有改代码啊,没有办法就就只能用原生的select标签了,就是这个标签原本的样式是真的丑,只能自己写css代码,写完之后不服气还是想要知道到底为什么,就又试了试,最后终于发现原来是nz-select标签不能写在label标签里面,我也不知道为什么会这样,select标签是可以写在label标签里面的,为什么nz原创 2022-03-03 07:47:26 · 386 阅读 · 0 评论 -
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 · 507 阅读 · 0 评论 -
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 · 722 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论 -
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 · 914 阅读 · 0 评论 -
带你把排序算法给理个透(插入排序、快速排序)无代码版
1.算法的概念 算法是 对特定的问题求解步骤的描述,它有五个重要的特征,分别是:有穷性、确定性、可行性、输入和输出。也就是说算法必须在有限的步骤之后结束,每一个执行过程都是有其确定的含义,算法是可行的,必须有输入和输出。2.插入排序时间复杂度为o(n^2),若待排数字为正序(刚好是排好序的数字),其时间复杂度为o(n)2.1直接插入排序 概念:将一个数字插入到一个已经排好序的序列中,这个序列可以理解成一个数组或者一个键名由0开头的数字组成的对象,或者字符串或者就...原创 2021-09-26 12:09:41 · 66 阅读 · 0 评论 -
超详细 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 · 1122 阅读 · 0 评论 -
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 · 186 阅读 · 0 评论 -
用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 · 493 阅读 · 0 评论