- 博客(85)
- 收藏
- 关注
RSS订阅原创 angular项目怎么给iframe动态赋值
前段时间在做项目的时候，给项目嵌入了一个第三方的ai链接，之前写成一个死的链接，测试都正常，但是后期迭代的时候将链接后面动态添加了一个参数，发现iframe不出来，并且查看dom结构，直接src对应的属性都没了，经过一顿研究发现原因是因为angular会会自帮我们清除和转义不受信任的值。通过使用DomSanitizer可以解决此问题，
2023-12-07 09:44:39
513
原创 重置页面数据(涉及$options及Object.assign)
在实际开发中，我们会遇到复杂的表单弹窗，例如新建弹窗，保存成功后一般会跳转到列表页，再次打开时需要清空表单数据及一些设置数据可以清空data。代码如下：Object.assign(this.$data, this.$options.data());里的某个值重置为初始化时候的值，可以像下面这么写。组件的初始化属性选项。通常开发中，我们想把。
2023-11-07 11:36:30
240
原创 基于vue3+webpack5+qiankun实现微前端
一 主应用改造（又称基座改造）1 在主应用中安装qiankun(npm i qiankun -S)2 在src下新建micro-app.js文件，用于存放所有子应用。3 改造vue.config.js，允许跨域访问子应用页面4 改造main.js5 在App.vue中写响应跳转子应用（根据自己的项目找对应位置写，不局限于App.vue）需要注意这里的对应关系：二 子应用改造1 在src下新建public-path.js2 改造main3 改造vue.config.js。
2023-08-11 15:33:06
1565
2
原创 基于ElementPlus的各种表单校验
首先新建一个通用校验文件，如下图：开始贴整个校验文件：然后将这个校验挂载到全局： 在页面中使用时代码：
2023-05-08 11:18:49
1457
原创 angular项目中常见报错及解决方法
（1）产生原因：其实这是 Angular 的警告机制，防止由于模型数据（model data）与视图 UI 不一致，导致页面上存在错误或过时的数据展示给用户。
2023-03-31 14:44:53
1255
原创 vue项目报Maxinum call stack size exceeded
产生原因是因为我在watch中将props中数据做了filter处理（至于为什么在子组件中修改props为什么没有报错就不太清除啦，额，这个问题犯得有点低级呀！），然后将这里修改好之后再部署预生产环境就不会有相关的报错了。这个bug是预生产环境同事电脑才报的bug，后来查了下Maxinum发现是堆栈溢出产生的（超过了最大堆栈量）
2023-03-23 15:45:19
216
转载 浏览器中的preflight请求-预检请求
在使用vant做下拉加载时，测试时频繁滚动触发了preflight请求，然后针对preflight进行了研究，发现这个文章写的不错！！！什么是preflight请求？preflight，一个cors预检请求，属于options请求。该请求会在浏览器认为即将要执行的请求可能会对服务器造成不可预知的影响时，由浏览器自动发出。利用预检请求，浏览器能够知道当前的服务器是否允许执行即将要进行的请求，只有获得了允许，浏览器才会真正执行接下来的请求。所以，总结有几点：浏览器自动发出该请求，不需要用户干预该
2022-04-22 15:48:22
1836
原创 搭建vue项目
1 创建项目1 vue init webpack baoge2 vue create dadi创建时根据项目需求选择使用vue2还是vue3
2022-02-07 16:51:16
323
原创 在style中使用sass后报错及解决
百度说是sass-loader版本过高，然后指定版本下载：npm install [email protected] --save-dev然后再下node-sass后对应配置文件中版本如下：但是启动后还是报错，如下图：项目由于安装的node版本不同，安装依赖后导致项目运行失败并有报错问题。首先需要根据自己电脑安装的node版本对照出当前项目需要下载对应版本的node-sass依赖，对照表如下图：...
2022-02-07 11:20:40
760
原创 安装sass-loader node-sass失败
npm i -D sass-loader node-sass报如下截图：感觉像是版本原因引起的，最后使用npm i -D sass-loader --legacy-peer-deps，然后两个分开安装成功的
2022-02-06 17:55:13
483
原创 缓存相关总结
1 cookie:（1）项目中存cookie相关代码document.cookie = "mobile=" + mobile + ";path=/;domain=" + window.location.host.split(":")[0] + ";2 localstorage3 sessionstorage4 indexDB:
2022-01-24 17:28:01
551
转载 vue修饰符
修饰符.lazy在默认情况下，v-model在每次input事件触发后将输入框的值与数据进行同步 。你可以添加lazy修饰符，从而转变为使用change事件进行同步：<!-- 在“change”时而非“input”时更新 --><input v-model.lazy="msg" >.number如果想自动将用户的输入值转为数值类型，可以给v-model添加number修饰符<input v-model.number="age"...
2022-01-20 10:05:42
203
转载 vue-路由相关
1 需要引入“vue-router”（Vue Router 是Vue.js官方的路由管理器）。2 对应三个名词route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有数组和对象两种，事实上官方定义routes是一个数组；所以我们记住了，routes表示多个数组的集合；router：译为路由器，上面都是路由，这个是路由器，我们可以理解为一个容器包含..
2021-12-22 19:50:40
365
2
原创 node启动器
1 forever安装：npm i forever -g启动：forever start server.js(启动后终端及电脑关了都会重启)列出正在运行的服务：forever list重启服务：forever restart server.js(例如内容有改动需要重启)关闭服务：forever stop server.js2 pm2...
2021-12-02 14:37:57
179
原创 软件盘相关
1 获取软件盘事件document.addEventListener('keyup',function(event){ if(event.keyCode=='13'){ //getList(); }})
2021-10-14 20:23:05
121
1
原创 es6--同步与异步
1 Promise:对异步操作做了一个统一封装。let p = new Promise((resolve,reject)=>{ $.ajax({ url:"data/a.json", dataType:"json", success(data){ resolve(data); }, err(res){ reject(res) } })});p.then( (data
2021-08-13 16:44:59
814
原创 es6新方法
1 针对数组：（1）map:映射（一对一）let arr = [100,98,65,34,80,32];let arr2 = arr.map(item =>item >= 60);console.log(arr2)(2) reduce：减少（多对一）let arr= [1,2,3,4];let arr2 = arr.reduce((tmp,item) =>tmp+item);console.log(arr2)//求和let arr3 = arr.redu.
2021-08-13 15:40:55
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人