- 博客(42)
- 收藏
- 关注
RSS订阅原创 图片延迟加载，成功解决问题
缓存问题： 浏览器可能会缓存资源，第一次加载后缓存了图像，但第二次加载时由于缓存策略导致图像无法再次获取。可以尝试清除浏览器缓存后再刷新页面，看看是否解决了问题。加载时机： 在某些情况下，可能会存在异步加载或其他时机导致的问题。例如，第一次加载时可能由于异步加载成功显示了图像，但第二次加载时异步请求失败导致图像无法显示。路径或数据变化： 第一次加载时路径或数据正确，能够显示图像，但第二次加载时路径或数据发生了变化，导致无法获取正确的图像资源。刷新一次页面，图片会显示出来；再刷新一次，图片不见了。
2023-12-29 11:24:17
399
原创 JWT登录认证
header由两部分组成： token的类型 jwt 和算法名称： HMAC、SHA256、RSA。客户端收到服务端返回的JWT， 可以存储在Cookie里面，也可以存储在localStorage。一个jwt是一个字符串， 它由三部分组成： 头部、载荷、签名，中间用.分开。Payload 是一个JSON对象，存放传递的数据。除了默认的七个字段，还可以添加自己想要的任何字段。把JWT保存在cookie里面发送请求， 不能跨域。签名部分 对头部、载荷两部分数据进行的数据签名。签名/ signature。
2023-07-30 15:28:56
304
原创 项目知识点回顾
默认插槽，具名插槽，一般值在父组件里面，有了插槽父组件里面子组件内容才能显示。作用域插槽（写在父组件里面）：父组件能拿到子组件的数据。2.6.0引入了v-slot，取代了默认插槽和具名插槽。图片在服务器上的，就用懒加载和动态加载。轮播图中图片比较多，怎么办。图片在本地上的，就正常获取。v-slot 不是很懂。4 登录流程怎么实现的。
2023-07-01 12:52:42
136
原创 搜索封装+crud+重点细节优化
pageOptions、options下的箭头函数换成普通函数。按钮编辑下添加@click = “showEdit()”GFormCreator.vue 下的样式添加。在input-manager的index下。在inputPageConf.js下引入。data下声明editConf: {}方法下新建方法showEdit()input-manager下的。在showEdit函数下，添加。销毁子组件，控制组件的生命周期。input-manager下。showEdit() 下。showEdit() 下。
2023-07-01 12:49:54
87
原创 组件列表页面+组件拖拽+页面编写，iframe实现通讯+跨源通信类实现
UPDATE_PAGE_HEIGHT接收两个参数，一个是state，一个是height，list；event，拿到pageY的高度，通过this.$ref.pageView下的scrollTop拿到滚动条的高度，通过测量拿到固定高度，出来的值就是鼠标相对组件1的高度为dropTop。判断，如果是第一个组件，鼠标的位置小于中间，代表鼠标位于组件1的上部，组件添加的索引值为0，定义addIndex为0；拿到上一个组件的高度，如果不存在给0；如果不是第一个，拿鼠标的位置，组件高度的一半，在以上，取当前的索引；
2023-07-01 12:48:55
234
原创 登录页form
拿到用户名和密码，确认是注册的用户后，根据规则返回token，token信息缓存再浏览器中，并且调用后端接口后，将token作为header部分传给后端，后端拿到以后对token进行验证，如果token合法，允许用户继续访问，如果不合法，给错误的提示。.catch对应的是.then，里面加的是箭头函数，而不是单独的函数。validateUsername 用户名校验的实现思路，token的获取方式 res.data.token。跳转的页面是/home,不是/decorate。
2023-07-01 12:47:08
226
原创 express实现
model 业务流程，处理过程对其他层来时是黑箱操作，业务功能的实现，模型接收视图请求的数据，对数据库操作，给controller层返回结果。controller，模型和视图之上，能接收从接口传递的数据和参数，将校验和参数的处理，往view层数据输出。对数据库操作，调用api，不用管sql，数据库增删改查，调用正确的api。cms和h5两类控制器，校验的时候，校验实例的创建，都存放在公共的类中。pick， 选中的对象，1个是对象，2是选中的属性。第一类是应用类，商城活动页面，门店，其他的小程序。
2023-07-01 12:45:42
72
原创 JS中的七种基本数据类型，对象创建3种，内存溢出
提前告诉类型，Object.prototype.toSting.call()es6 Symbol: 相同标识也能呗存储，不被重复的key替代。max_safe_integer //最大整数安全值。// Symbol 和 BigInt 都不能new。es11 新增 bigInt es2020。1 创建一个空对象，this指向构造函数内。参数1：原型，参数2：配置对象的属性。== es6 以前的5种==// 引用： 数组，对象。new的过程有什么操作。
2023-05-18 22:42:00
68
1
原创 个性化html渲染
将target换成document ,document的移动需要消除。3 那么移动80+20，必须保留原来的scrollLeft进行计算。超出就不行了，就没有clientX的记录了。data 加入debounceQuery。~~loanListConf.js下。el-table-column下。renderTableCol下。保留原来的scrollLeft。onmousemove的函数下。1 加入原来卷进去的是80，green连续五个请求。2 现在横向移动20。解决上述，加一个防抖。
2023-05-17 19:06:31
44
原创 动态渲染表格、索引和多选、加按钮
GTable.vue下的render用一个变量之前要先声明如下图，列是写死的，应该接收传进来的数据，动态渲染，所以删除选中部分添加this.renderColumns()prop：和data相关联input-manager下的index下声明:columns完善renderColumns函数引入数据后就有了很多列columns数据是一个数组,map是有返回值的数据渲染上来了，我觉得整个流程是现在配置文件里引入数据，在把数据写入组件，组件中接收columns，然后渲染。
2023-05-15 22:34:43
242
原创 data和methods
如果在 methods 中定义的函数需要更改数据或触发异步进程，则不要在模版中调用它。data返回对象的变量，可以通过$data或者组件实例vm直接访问和修改。methods下声明函数 increment，用于修改count的值。Vue应用实例通过组件实例vm访问修改前的count值，输出原始的4。对未提供所需值的属性要占位，因为实例属性在实例首次创建时添加。x是创建实例后添加的属性，是$data的私有属性。vue组件和vue实例是同一个概念，vue组件实例和vue应用实例。2 组件的data属性。
2023-05-13 23:20:44
63
原创 封装表格_分页组件
今天就这样吧，表格没渲染出来，明天继续，今天这种学习方式不是很好，应该记笔记一段，再敲代码一段的。点击事件createUser，拿到数据，没有数据输出验证不通过。g_pageOptions 像是gPageOptions的数据。innerHandleCurrentChange：父组件的事件。input-manager index下。loan-input index下。通过ref绑定组件，调用子组件的方法。createUser()方法生效。this 像是data的数据。$data组件里面存数据。
2023-05-13 22:17:01
76
原创 万能表单生成器
在这里插入图片描述](https://img-blog.csdnimg.cn/fb9e266cdb9e4911a7e0ee43b9b888d5.png#pic_center将 validatePass2 改成非箭头函数。loan-input 下新建inputPageConf.js 导入数据。两个事件，一个是提交事件doSubmit，一个是reset事件。下面的代码报错了，因为 this.ruleForm.pass。apis 下的user.js。GformCreator下。create.vue下。
2023-05-13 11:40:25
155
原创 首页仪表盘echarts _封装万能表单组件
element -ui 找到layout布局 – 分栏间隔。将引入的4个组件提取出来，放到main.js里面，element-ui 避免使用2.15.9的版本。需要根元素，加一个div就可以。新增加plugins的文件夹。GformCreator组件。create.vue下。开始，结束，持续时间。引入的都放到这个里面。
2023-05-12 15:09:29
173
原创 指令和修饰符
修饰符.特殊后缀，指出指令以特殊方式绑定.prevent组织默认事件。// v-html 显示DOM结构在页面上,更新innerhtml。// 指令 v-前缀的属性 作用：表达式的值改变，DOM改变。// v-text 等价于{{}},替换元素内容。// 动态参数 绑定的参数是动态的 //v-on v-bind 后面的 动态的参数。// v-bind 更新HTML的属性。// v-once 只渲染一次。// 模板语法 {{}}// v-on 绑定事件。v-bind 绑定样式。阻止默认事件，修饰符。
2023-05-08 23:27:37
30
原创 JWT登录鉴权 axios封装动态路由跳转成功
改路由名字为constantRoutes，放入routes上。调整后Login.vue下的代码更简单。603导致的token失效问题，router下的index。解决后，用户信息没有变动。loadMenu函数。exp 过期的毫秒数。
2023-05-08 19:55:36
209
原创 H5实现放大镜效果
imagedata:可以是图像对象，也可以是canvas对象，也可以是视频对象。onmousemove 鼠标在某元素之上移动时候触发事件（元素上移动）onmouseover 鼠标移动到某个元素之上触发事件（移到元素上）3 另一个cavas（copycanvas）绘制选择框选择的部分。鼠标移入、移出canvas时，copycanvas能显示、隐藏。onmouseout 某元素上移出时触发的事件（移出元素）Theia：一款前后端分离的、基于web的云IDE。dx,dy指的目标开始绘制的x,y坐标。
2023-05-08 18:19:24
257
原创 环境搭建_登录组件_vuex自动引入
检查元素可以知道，body有8px的margin，要去掉，所以引入全局样式。menus.json: 后台给的路由接口，通过menu生成动态路由。App.vue是Vue的入口，在App.vue中调用其他页面。app是显示的页面，app在main.js中渲染了？添加输入框的背景颜色：用了scss的 ::v-deep。没有message属性的话，默认提示的是英文。n 需要服务器配合。在router下的index.js。==========开始写登录流程。全局样式都写在main.js 中。Login.vue的。
2023-05-06 16:15:53
65
原创 webpack基础知识
webpack要把浏览器不认识的资源转化成认识的资源，然后对资源进行压缩和合并等处理。使用vuecli的时候，实际上是webpack在打包。
2023-05-06 09:43:14
22
原创 JS基础知识
9.27复习1 变量的命名规范名称可以包含字母、数字、下划线和美元符号名称必须以字母、_和$开头名称对大小写敏感保留字无法用作变量名称声明变量，；表示结束定义多个变量： var a,b,c,A;赋值： = 赋值运算符js的加载？2 什么是DOMDOM全程是Document Object Model， 文档对象模型DOM的选择器：通过id选择器，选择标签通过标签名选择标签通过name属性IE8及以上通过class选择器选择标签。
2023-05-06 09:42:54
15
原创 HTML基础知识
画点线：moveTo() 起点lineTo() 下一点stroke() //添加线条lineWidth //线宽strokeStyle //线的颜色fillStyle //填充颜色beginpath //重新绘制任意画：e.clientX 鼠标的坐标点onmousedown //按下onmouseup //离开onmousemove //移入画矩形：fillRect //填充矩形strokeRect //空心矩形。
2023-05-06 09:42:33
24
原创 首页仪表盘echart_封装万能表单组件
element ui 组件下Layout布局复制到Home.vue。新建views ->permission->create.vue。封装表单组件GFormCreator.vue。layout中引入的3个组件和声明删除。根据echart中的API。增加plugins文件夹，
2023-04-30 22:21:06
96
原创 布局组件_递归菜单_面包屑封装
1 不存在的页面 添加404，router-> index.js。建立一个GAsindeMenu.vue,删除上述代码，复制。router版本的错误，要么换版本，要么catch不处理。一个div包两个div，element-ui添加面包屑。建立一个组件GBreadcrumb.vue。建立一个组件GBreadcrumb.vue。v-if v-else 如果…router->index.js修改。GAsindeMenu.vue里面。封装组件GDropdown.vue。在layout.vue中。
2023-04-29 07:10:45
41
原创 秋招笔试记录
std::map：是有序键值对容器元素的键是唯一的给键排序 用函数Compare搜索、移除、插入 拥有对数复杂度map 映照容器运用哈希表地址映射的思想，key-value的思想，每个key对应一个值底层是红黑树。特点是：增加和删除节点对迭代器的影响很小，除了那个操作节点，对其他节点没有什么影响。底层采用红黑树的数据结构实现。std::map。
2022-09-16 18:35:15
115
原创 数据类型，原型原型链，继承
每个函数都有prototype属性，每一个对象都有_proto_属性，这个属性称之为原型，在我们执行new的时候，对象的_proto_指向这个构造函数的prototype。这种方法是直接new了一个父类的实例，然后赋给子类的原型。而引用类型的变量名会保存在栈内存中，但是变量值会保存在堆内存中，引用类型的变量不会自动销毁，当没有引用变量引用它时，或者你对原型链是如何理解的，这道面试题挺难的，要想彻底搞清楚原型，及原型链。可以看出，我们把obj的值赋给obj2，当obj2的值改变时，obj的值也被改变。
2022-09-10 20:23:04
189
原创 美团真题练习
问：变量i,s,a在堆还是栈中？第8行执行后a.i的值是什么？考察点：栈内存主要用于存储各种基本类型的变量，包括Boolean、Number、String、Undefined、Null、以及对象变量的指针栈内存主要用于存储各种基本类型的变量，包括Boolean Number String Undefined Null及对象变量的指针堆内存主要存储object对象注意：A是new出来的，存储在堆内存中，对应地址是指针a存的内容，所以a还是在栈内存中。
2022-09-09 21:19:48
190
原创 nginx打包项目
检查文件的配置是否成功： nginx -t -c +nginx.conf配置文件。ngnix -->conf -->打开nginx.conf–> 添加路由信息。ngnix -->conf -->打开nginx.conf–> 改root。ngnix -->conf -->打开nginx.conf–> 修改。启动命令 start nginx。打包完成有一个dist文件夹。4、axios的二次封装。3 、表格数据的处理。...
2022-08-18 10:04:30
210
原创 学生列表页的实现
地址：[https://www.showdoc.com.cn/jinducasey/8321036098744323]登录的用户名和密码符合校验规则即可(用户名:admin,密码1qaz!带边框的表格的el-table -->template->div。1 打开element-ui。密码：jinduVIP。
2022-08-07 09:56:23
278
原创 验证封装及token封装
token 类似于身份证，使用postman做接口的验证。建立utils文件夹–> 建立validate.js。修改Login.vue。
2022-08-03 22:59:46
289
原创 环境搭建sass、less、reset
添加lang = “scss”，通过改变背景颜色，验证sass安装成功。建立css包–>新建reset.css。管理员命令打开cmd。
2022-08-02 20:44:12
132
原创 element-ui
将helloworld页面改成Home页面，APP里改了3处。vue2和element-ui搭配使用。重新安装2.5.8版本的element-ui。通过package.json,看项目依赖。CMD下载element-ui。在main–>全局引入。
2022-08-02 13:34:07
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人