- 博客(43)
- 收藏
- 关注
RSS订阅原创 element ui 中 el-button 渲染后 disabled属性失效？
页面里面有多个按钮 ，根据业务逻辑显示切换不同的状态。切换时，中间按钮的禁用状态无效。
2024-11-01 14:43:00
65
原创 ES5之后的JS语法统称ES6！！！
一个部门JSON数据中，属性名是部门id，属性值是个部门成员id数组集合，现在要把有部门的成员id都提取到一个数组集合中。不是不用ES6的解构赋值，而是服务端返回的数据对象中的属性名不是我想要的，这样取值，不是还得重新创建个遍历赋值。在项目中，一些没分页的列表的搜索功能由前端来实现，搜索一般分为精确搜索和模糊搜索。方法呢，还好这次的数组的深度最多只到2维，还要是遇到4维、5维深度的数组，是不是得循环嵌套循环来扁平化？当给对象添加属性时，如果属性名是动态变化的，该怎么处理。ES6的解构赋值虽然好用。
2024-07-22 18:23:50
328
原创 ES6的一些技巧
ES6引入了许多实用但相对较冷门的高级技巧。和可以方便地在对象和键值对之间进行转换。Symbol类型和Symbol属性可以创建唯一的标识符。WeakMap和WeakSet提供了一种在没有其他引用时自动垃圾回收的集合类型。可以处理多个promise并返回所有结果。BigInt允许表示任意精度的整数。Array.ofArray.from.at和flat提供了更方便的数组操作方法。这些技巧可以帮助开发者更高效地编写代码。
2024-07-13 17:40:56
533
原创 WebSocket
WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能，使得服务器可以主动向客户端推送数据，而不需要客户端发起请求。WebSocket 协议是一种基于 TCP 的应用层协议，它提供了在客户端和服务器之间进行双向通信的能力。相比传统的 HTTP 协议，它具有更低的延迟和更高的实时性。WebSocket 协议通过建立一条持久化的连接来实现双向通信，从而避免了 HTTP 协议中频繁建立和断开连接的过程，减少了网络开销和服务器的负担。
2024-07-03 18:25:44
1102
原创 Promise深入理解，异步编程
通过以上的实现，我们成功地创建了一个简单但功能齐全的 Promise 类。这个手写 Promise 不仅具备基本的异步操作能力，还支持 Promise 链式调用和常见的 Promise 方法，如thenresolverejectallallSettledrace和any。手写实现 Promise 是一个有挑战性但也有益处的练习，有助于更深入地理解 Promise 的工作原理和异步编程的机制。希望这篇博客对你理解 Promise 有所帮助。
2024-05-23 18:50:48
407
原创 provide 和 inject 用法及原理
在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。同时兄弟组件之间传值更方便。
2024-04-23 18:39:26
1615
原创 Vue3 新项目，没必要再用 Pinia 了！
最近弄了一个新的 Vue3 项目，页面不多，其中有三四个页面需要共享状态，我几乎条件反射般地安装了Pinia来做状态管理。后来一想，我只需要一个仓库，存放几个状态而已，有必要单独接一套 Pinia 吗？其实不需要，我差点忘记了 Vue3 的一个重要特性，那就是组合式函数。组合式 API 大家都知道，组合式函数可能大家没有特别留意。但是它功能强大，足矣实现全局状态管理。
2024-04-02 10:13:59
441
1
原创 Vue3: 如何在 ref() 与 reactive() 之间做正确选择？
当使用它们初始化变量时，是向 Vue 提供信息：“嘿，每次这些变量发生更改时，请重新构建或重新运行依赖于它们的所有内容”。关于这个话题没有好的编程实践，所以一切都取决于你和你的团队如何决定。这样代码风格会更加一致，并且你也不需要考虑使用哪一个——编码速度会稍微快一些。访问变量可能会使你感到烦恼，但我认为这可以作为变量是响应性变量的一个标识。在此之前，让我们查看 Vue.js 源代码，更好地理解响应式方法之间的关系。如果你想要一个单状态变量，可以在组件内部使用它。）时，会被解包，因此你不需要在那里写。
2024-04-02 10:07:11
1543
原创 vue中ref（$refs）用法和作用？
1、ref 加在普通元素上，用this.$refs.name 获取到的是dom元素2、ref 加在子组件上，用this.$refs.name 获取到的是。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点注意：1、，在使用的时候确保dom已经渲染完成。比如在生命周期，或者。2、如果ref 是通过v-for 循环出来的，，此时要拿到单个的ref 只需要循环就可以了。
2023-12-30 19:20:26
992
原创 前端实用网站
npm官网：MDN官网：w3c在线教程：w3菜鸟教程：JavaScript明星项目：BootCDN：gitHub：webPack中文网：Vue2.0官网：Vue3.0官网：Vie官网：React中文官方文档：ReactNative官网：Create React App脚手架：ElementUI：VantUI：Ant-designUI：Nodejs官网：git官网：可视化git工具tortoise：可视化git工具sourcetree：
2023-12-09 14:11:02
178
原创 如何用一行 CSS 实现 10 种现代布局
现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局，它们实现了一些非凡的工作。
2023-12-09 14:09:10
160
原创 JavaScript 其他循环语句和跳转语句
continue语句只能应用在循环中（while、do......while、for）语句中 用于中止本次循环，根据控制表达式还允许继续进行下一次循环。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。While 循环会在指定条件为真时循环执行代码块。While循环，先进行条件判断，再执行循环体的代码。break语句只能应用在循环（while、do......while、for）或switch语句中。do while循环，先执行循环体代码，再进行条件判断。
2023-11-04 10:19:49
116
原创 JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析
var 函数名 = new Function(“参数1”，”参数2”，”参数3”……”函数体”);var 函数名 = new Function(“参数1”，”参数2”，”参数3”……”函数体”);function 函数名 (参数1，参数2……[形参]){<语句块>return 返回值var 函数名 = function (参数1，参数2，…){函数体};注意：函数名的书写规范，不能一数字特殊符号和关键字命名，一般命名方式小驼峰二、调用函数1.直接调用// //直接调用，window.窗口调用。
2023-11-04 10:18:53
205
原创 当面试官问Webpack的时候他想知道什么？
在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。尤其当我们使用诸如umi.js之类的应用框架还帮我们把webpack配置再封装一层的时候，webpack的本质似乎离我们更加遥远和深不可测了。当面试官问你是否了解webpack的时候，或许你可以说出一串耳熟能详的和plugin。
2023-10-16 14:18:19
75
原创 vue 动态组件component :is的使用？
componentTag 为自定义的变量，将需要加载的组件名赋值给它，即可在标签出现的位置，渲染该组件。需要引入所有要显示的组件，并且components:{声明}，这个是vue的组件，is=要渲染的组件，刷新页面后会跳回默认显示页面；
2023-08-02 15:54:15
1299
原创 程序员:有哪些话一听就知道对方很水 (段子)
程序员小赵：性能优化涉及到的是方方面面，从基础代码性能优化，到JVM深度调优、设计模式优化，再到数据库调优、并发编程性能优化，这些我虽然没用过，但是都听过！面试官：Hmmm，我们写的是16~30K，实际上最多只给到10K，既然你水平有限，那我就大方点给到8K！入职后如果表现优秀，可以分配股权”上市公司： 第一轮面试，第二轮面试，第三轮面试，半个月过去了，第N轮面试。面试官：“恩，觉着你技术不错，这次面试应该没 问题，一会还有个HR面试。程序员：“这好像是从XX开始，然后再到XX，后面，后面记不清了”
2023-07-04 14:21:15
83
原创 vue中this.$http.post()跨域和请求参数丢失
/请求参数，不能以get请求方式写：{params: {userName: "root123", passWord: "root123"}}//解决跨域问题，不加无法跨域。//post请求远程资源。
2023-07-02 16:09:21
1016
原创 vue 渲染大量数据时应该怎么优化？
由于数据被冻结，所以vue无法深度遍历数据给数据添加get和set属性，这样就减少了数据监听带来的问题，而且在大数据量的情况下Object.freeze()非常有用。Object.freeze()方法可以冻结一个对象，一个被冻结的对象再也不能被修改，当然你可以将变量的引用替换掉。不能修改已有属性的可枚举性、可配置性、可写性。不能修改已有属性的值。
2023-06-14 17:00:06
2600
原创 vue组件缓存之keep-alive正确使用姿势
em...新的问题又出现了,由于 列表页被缓存了,这个时候我从首页,再点击进入某个列表，也不刷新了，完了，点击首页导航应该进入不同的列表页的. 也就是说，从首页进入列表组件不应该被缓存的。但是但是，我们的项目是用vue开发的webapp,多个组件共用一个窗口，当我们切换路由时，切出路由组件会销毁，所有列表页进入详情页列表页会销毁，重新回到列表页，列表页组件会重新加载。这样需求，如果是小程序的话，默认列表页就会缓存，因为小程序的运行环境是微信客户端，当我们打开一个页面会新建一个webview，
2023-06-06 14:42:37
7363
4
原创 vue跟react的区别?
就使用率而言，根据GitHub上的统计数据，React的使用率要高于Vue。实际上，Vue在一些方面比React更优秀，例如在可读性、模板语法、渲染速度等方面。此外，Vue在开发体验方面也比较好，更符合新手和快速原型开发的需求。React本身的主要职责是处理用户界面组件的数据显示和更新问题，而其他工作如路由、状态管理、服务器端渲染等则需要使用其他工具配合完成。Vue社区也非常积极，提供了大量的插件和工具，能让开发者更方便地进行开发。Vue和React都是流行的JavaScript库，用于创建用户界面。
2023-06-02 15:16:04
81
原创 弹性盒最后一个元素靠左显示 而不是居中
这样，所有子元素都会沿着主轴从左到右排列，同时在交叉轴上居中对齐，最后一个元素就会靠左显示了。如果你想让最后一个元素靠左显示，可以使用。属性来控制主轴上的对齐方式，属性来控制交叉轴上的对齐方式。在弹性盒中，可以使用。
2023-05-25 19:19:52
957
2
原创 在vuex中使用了vuex-persistedstate持久化插件 为什么页面刷新 非标准属性丢失
但是，该插件只能保存原始类型（Primitive）和普通对象（Plain object），而不能直接保存非标准属性。属性都是直接添加到该对象上的非标准属性。为了解决这个问题，你可以创建一个新的纯对象，将。数组作为该对象的一个属性进行保存，并将。属性作为该对象的标准属性进行保存。
2023-05-09 17:38:49
225
原创 vue使用sort排序时报死循环错误:you may have an infinite update loop in a component render function
vue - vue使用sort排序时报死循环错误:you may have an infinite update loop in a component render function
2023-04-20 09:36:48
1277
原创 程序员和产品经理之间的恩怨情仇
段子1程序员和产品经理上了火车……一个年轻的程序员和一个产品经理登上了一列在山里行驶的火车，他们发现列车上几乎都坐满了，只有两个在一起的空位，这个空位的对面是一个老奶奶和一个年轻漂亮的姑娘，两人上前坐了下来。程序员和那个姑娘他们比较暧昧地相互看对方。这时，火车进入山洞，车厢里一片漆黑。此时，只听见一个亲嘴的声音，随后就听到一个响亮的巴掌声。很快火车出了山洞，他们四个人都不说话。那个老奶奶在喃喃道，“这个年轻小伙怎么这么无礼，不过我很高兴我的孙女扇了一个巴掌”。产品经理在想，“没想到这个程
2023-04-06 16:20:35
207
原创 米修在线后台管理系统
网站后台管理系统只要是用于对网站前台的信息管理。如文字，图片，影音，和其他日常使用文件的发布，更新，删除，查找等操作，同时也包括订单信息，资金信息的统计和管理，简单来说就是对网站数据库和文件的快速操作和管理系统，以使得前台内容能够得到及时的更新于调整。
2022-11-23 21:18:15
652
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人