- 博客(23)
- 收藏
- 关注
原创 兼容IE8使用jquery请求跨域接口,解决第一次请求拒绝访问的bug
1、下载插件jquery.xdomainrequest.min.js并引入,也可以复制下面代码↓。后台也得 加请求头,允许跨域!
2024-07-24 14:19:31 326
原创 兼容IE8圆角问题(可以让IE使用css3圆角)
使用pie.htc,但是github上面好像找不到了,反正我是没找到,官网也不维护了,反正就是没了,但是吧,我这还有,有想要的下面给你。
2024-07-23 11:43:16 238
原创 一个数组对象,判断数组中对象的id是否重复,如果重复返回true,不重复返回false
【代码】一个数组对象,判断数组中对象的id是否重复,如果重复返回true,不重复返回false。
2024-05-23 15:57:22 261 1
原创 elementUI+el-date-picker实现“季度”功能
【代码】elementUI+el-date-picker实现“季度”功能。
2024-05-20 14:26:34 1386 1
原创 vue中的provide/inject传值问题
大家都知道,在项目中通常追求有清晰的数据流向和合理的组件层级关系,以便于调试和维护,然而 provide 和 inject 支持任意层级都能访问的特性,导致数据追踪比较困难,你压根不知道是哪一个层级声明了 provide,或者不知道哪一个层级或若干个层级使用了 inject,后期容易造成比较大的维护成本。通俗说就是可以用父组件给祖孙组件进行传值,也就是可以隔代传值,不论子组件有多深,只要调用了。这一主题,它可以被看作是一种高级的依赖注入机制,允许跨层级组件实现状态共享,从而提高代码的可维护性和扩展性。
2024-05-15 11:27:17 264
原创 面试必问:vue-父子组件生命周期的执行顺序
表示子组件已经被挂载到父组件的DOM树上。这表示父组件及其子组件都已经被挂载到页面上,可以进行DOM操作和其他操作。1、beforeCreate:父组件的beforeCreate钩子首先被触发。3、beforeMount:父组件的beforeMount钩子被触发,表示组件即将被挂载到页面上。6、子beforeMount:子组件的beforeMount钩子被触发。在这个阶段,子组件的模板编译已经完成,但尚未挂载到父组件的DOM树上。和父组件的created类似,这个阶段用于子组件的一些初始化工作。
2024-05-15 11:15:56 379
原创 historyApiFallback作用
的原理是将没有匹配到静态文件的请求重定向到指定的HTML文件,以确保前端路由能够正确处理这些请求并渲染相应的页面。它的原理是将没有匹配到静态文件的请求重定向到指定的HTML文件,通常是前端应用程序的入口文件。当浏览器发起一个请求时,webpack-dev-server会根据配置的静态文件路径进行匹配,如果找到了对应的静态文件,则返回该文件。如果请求的URL没有匹配到任何静态文件,即请求的是前端路由的路径,此时historyApiFallback。时,刷新页面或直接访问前端路由的URL会导致404错误。
2024-04-29 15:28:21 255 1
原创 vue兄弟组件之间用eventbus传值,传值成功但是页面没有变化
EventBus就如同公交车,通过’$emit’让乘客(即所要传递的值)在发出地上车,在目的地通过’$on’使乘客下车。两个组件,A组件和B组件两个不存在任何套嵌关系,通过路由跳转,就会存在一个问题,值传过来了但是页面HTML没有显示。也就是说如果A组件和B组件在同一个页面,通过eventbus传值是好用的,但是如果不是,就会产生问题。新组件:beforeCreate。新组件:beforeMount。B组件(接收数据的组件)新组件:created。新组件:mounted。A组件(要传值的组件)
2024-04-28 16:36:06 347 3
原创 WebSocket常问的面试题
4、服务器负载:WebSocket连接是持久的,这意味着服务器需要为每个连接维护一个状态,这可能会导致服务器负载增加。对于大规模的应用来说,这可能会成为一个问题。5、扩展性:虽然WebSocket支持全双工通信,但是在高并发的情况下,可能需要更复杂的架构来处理大量的并发连接。使用WebSocket实现类似钉钉这样的聊天功能是完全可行的,但是也存在一些弊端和需要考虑的问题。6、复杂性:与HTTP请求/响应模型相比,WebSocket的全双工通信模型更加复杂,需要更多的代码来处理连接的建立、维护和关闭。
2024-04-22 16:06:01 569
原创 Vue+elementUI的el-table组件,合并单元格,勾选之后,复制、新增、删除、批量复制、批量删除功能
注:N20是我们公司自己封装的组件,但是底层还是elementUI,结构并不是很重要,主要是结构上的:span-method="objectSpanMethod"方法。5)、表格里面也有新增和删除功能,删除是删除当前行,新增是新增到当前行的下面,并且前面列动态合并,序号也重新排序;4)、勾选复选框,点击复制,复制所选的数据到列表最下方,并且序号重新排序;3)、批量删除,勾选复选框点击删除,删除所勾选的数据,并且序号重新排序;2)、点击新增,表格里面内容新增一行新的数据到最下方,并且序号加一;
2024-04-22 16:00:31 1668 1
原创 element-ui table组件根据后端返回数据结构实现自定义单元格合并
【代码】element-ui table组件根据后端返回数据结构实现自定义单元格合并。
2024-04-19 17:56:18 410 1
原创 Vue + element-ui合并单元格后,checkbox多选单选取值问题
该事件就是当选择项发生变化时会触发该事件,这里我们会用到一个单选事件。这里特别需要注意的是不要用。
2024-04-19 17:46:56 408
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人