新人前端入职第一天——京东实习配置开发环境实录；前端项目如何准确预估个人工时；为什么 useEffect 执行了两次，我在重读 React 文档时找到了答案；js如何实现当文本内容过长时，中间显示省略号…,两端正常展示；Kotlin开发者尝试Flutter——错怪了Dart这门语言；开源了，免费使用GPT4；nodejs+vue+ElementUi校园点歌音乐网站系统；玩React，必知必会的n个组件优化技巧
-
本文是笔者到京东实习领完电脑到配完开发环境的实录，既作为笔者之后自己的参考，也希望能帮助到更多前端新人小伙伴。
-
前提 此方法是在没有技术阻碍的前提条件下预估，如果有技术障碍，请先解决技术阻碍 此方法需要根据个人实际情况调整 这里以普通的以vue,element-plus,axios为基础技术的管理系统为例 这些
-
为什么 useEffect 执行了两次，我在重读 React 文档时找到了答案
这一阵，React 的官方文档有了更新，并且还被尤大大怒怼了一番，便想着重新仔细的去全面阅读一下官方文档。 仔细阅读文档的时候，找到了一个之前别人问我的一个问题，useEffect 为什么会执行两次
-
js如何实现当文本内容过长时，中间显示省略号…,两端正常展示
前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号…表示，并且鼠标悬
-
Kotlin开发者尝试Flutter——错怪了Dart这门语言
前言 我曾经是Java安卓开发者，进入大学后了解并且转向了Kotlin开发安卓，时至今日已经有了一年时间，Kotlin带给我的体验实在是太惊艳了，我深信这就是我最喜欢的语言了。 抱着这种看法，我发现了
-
nodejs+vue+ElementUi校园点歌音乐网站系统
文章浏览阅读119次，点赞3次，收藏3次。它帮助畅听校园点歌实现了信息化、网络化，通过测试，实现了系统设计目标，相比传统的管理模式，本系统合理的利用了畅听校园点歌数据资源，有效的减少了畅听校园点歌的经济投入，大大提高了畅听校园点歌的效率。管理员需要先登录系统然后才可以使用本系统，管理员可以对个人中心、歌曲类型管理、用户管理、歌曲信息管理、排行类型管理、排行榜管理、留言投稿进行添加、查询、修改、删除，以保障畅听校园点歌系统的正常运行。开发工具采用VSCode，前端采用Vue+ElementUI，后端采用Node.js，数据库采用MySQL。
-
Nodejs+vue+ElementUi新闻发布系统助学网站 _c69rd
文章浏览阅读226次，点赞8次，收藏3次。用户使用版块：可以选择注册并登录，可以浏览信息、可以网上互动、发布文章、内容推荐等。后台管理员管理版块：以管理员身份登录网站后台，拥有权限的管理员将对整个网站进行管理，包括对于用户发布的文章进行审核，对用户基本信息进行修改，对用户发布评论等信息进行修改和删除等。2.角色切换模块：本网站针对小学生、初中生、高中生、大学生多种群体，登录后可以根据需求进行选择，选择完成后，各个模块就会变成对应的内容。1.登录模块：进行新用户的注册或登录，以及管理员等不同权限的用户进行登录。拥有权限的管理员将对整个网站进行管理，
-
关于[Vue warn]: Vue received a Component which was made a reactive object的警告的解决方案
文章浏览阅读69次。该错误提示意味着你在将一个Vue组件对象（Component）转换为响应式对象（Reactive Object）时，可能会导致不必要的性能开销。这是因为Vue会对响应式对象进行递归式的深度观察，在对象上的每个属性上都会添加getter和setter，以便能够在响应式对象发生变化时自动更新相关的视图。为了避免这种情况，Vue建议使用"markRaw"方法将组件对象标记为非响应式对象，或者使用"shallowRef"代替"ref"来创建一个浅响应式对象。
-
为什么Vue3 中应该使用 Ref 而不是 Reactive
文章浏览阅读339次，点赞6次，收藏7次。解释是这样的：如果目标对象与源对象具有相同的键（属性名），则目标对象中的属性将被源对象中的属性覆盖，后面的源对象的属性将类似地覆盖前面的源对象的同名属性。时，如果不当使用，可能导致响应性失效，带来一些困扰。这种操作类似于深拷贝，不再共享同一内存地址，而是只是字面量的赋值，对该变量的赋值不会影响原来对象的属性值。用于将对象转换为响应式数据，可以直接访问和修改属性，适用于复杂的嵌套对象和数组。在一些情况下会失去响应，这可能导致数据回显失去响应（数据改了，DOM 没更新）。作为声明响应式状态的主要API。
-
vue elementUI 提示框弹框回车确认时间，Esc取消
文章浏览阅读59次。elementUI 确认框 回车确认
-
Vue3中ref与reactive的用法详解——reactive
文章浏览阅读287次，点赞8次，收藏4次。在Vue2中的响应式数据需要放入 data 函数，Vue2 会遍历 data 中的所有属性，使用的Object.defineProperty 把每个 property 全部转为 getter/setter，getter 用来收集依赖，setter 用来执行 notify，发布更新事件。而在Vue 3的响应式系统中使用了ref和reactive 这两个核心概念，它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区别对于构建灵活、高效的Vue应用至关重要。
-
文章浏览阅读178次，点赞3次，收藏4次。最近的工作中需要实现一个小功能，主要就是一个Tree列表点击右键，出现右键菜单,等用户点击右键菜单中的其中某一个菜单项之后,打开新的dialog弹框,右键菜单项关闭提示：以下是本篇文章正文内容，下面案例可供参考。
-
075：vue+mapbox 利用高德地址逆转换，点击地图，弹出地址信息
文章浏览阅读417次，点赞52次，收藏44次。本示例的目的是介绍演示如何在vue+mapbox中利用高德逆地理编码，点击地图，弹出某点坐标和地址信息。这里要仔细阅读高德地图的逆编码API，同时要注意的是，这种转换在中国很好用，到了欧美国家就不好使了。同时这个底图是天地图的图像和标记。
-
element中calendar组件自定义显示（例如：日期上面显示工作负责人）vue+element自定义日历
文章浏览阅读70次。element中calendar组件自定义显示（例如：日期上面显示工作负责人）vue+element自定义日历
-
文章浏览阅读171次。这个方法来调取render函数的，react在每个class上面都继承了这个方法，很大的优化了整个程序的流程。使用react给我们提供的生命周期方法。同时react也提出来高级组件。props 没有变化时不重新渲染，提高性能。当使用memo组件的时候可以使用在。
-
文章浏览阅读204次。时，打开第一次没什么问题，但是关闭弹框在打卡时报错。在第一个子组件中 也就是打开弹框所展示的组件中。只能关联一个图例，我们之前已经关联了。这里的解决办法为：清楚掉之前的。然后新增一个与之前一样的。
-
文章浏览阅读312次，点赞4次，收藏4次。作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref 定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组。
-
文章浏览阅读147次，点赞5次，收藏4次。在Vue中，每个组件都会有一个对应的虚拟DOM数，在更新时，Vue会通过对比新旧虚拟DOM，找出需要更新的节点，并将其更新到真实DOM中。其中，v-bind能够绑定Vue实例中的数据到DOM元素中，v-model则能实现双向绑定，v-for可以实现循环渲染，v-if则可以实现条件渲染等功能。总的来说，Vue的template语法是非常强大和灵活的，Vue能够通过将其解析成虚拟DOM，实现高效的数据更新，让我们不需要关注手动操作DOM的细节，让我们专注在数据处理和业务逻辑上。
-
文章浏览阅读190次，点赞3次，收藏3次。下面的子组件通过 memo 进行包裹之后，返回一个新的组件MemoSon, 只有传给MemoSon的props参数发生变化时才会重新渲染。, 但是因为组件App俩次渲染生成了不同的对象引用list，所以传给MemoSon组件的props视为不同，子组件就会发生重新渲染。传递一个引用类型的prop 比较的是新值和旧值的引用是否相等 当父组件的函数重新执行时，实际上形成的是新的数组引用。进行比较，针对于对象数据类型，只会对比俩次的引用是否相等，如果不相等就会重新渲染，React并不关心对象中的具体属性。
