28 2022-05 Vue3新篇章 Vue3中defineAsyncComponent异步组件-可视区范围内懒加载 对于某些组件来说,我们并不希望一开始全部加载,而是需要的时候进行加载;这样的做得目的可以很好的提高用户体验。为了实现这个功能,Vue3中为我们提供了一个方法,即defineAsyncComponent,这个方法... 阅读全文 2022年05月28日 20:24:46 周六 2022-05-28 周六 139 0 0
27 2022-05 Vue3新篇章 Pinia如何让数据持久化存储? 所谓数据持久化存储就是当我们关闭页面甚至浏览器时候重新访问,页面数据还停留在那一刻而不会被刷新,它的根本原理还是利用H5的本地存储localstorage和会话存储sessionstorage,在vue2中我们通常会通... 阅读全文 2022年05月27日 11:00:32 周五 2022-05-27 周五 488 0 0
26 2022-05 Vue3新篇章 Pinia如何modules模块划分、模块之前如何通信? 值得庆幸的是Pinia不需要像Vuex一样使用modules分模块,只需要在store目录中直接定义对应模块就可以了,因此,你可以先简单理解为它是根据文件目录划分的。文章后面还会讲到分模块后,模块之前的数据该... 阅读全文 2022年05月26日 16:51:25 周四 2022-05-26 周四 173 0 0
24 2022-05 Vue3新篇章 Vue3中Pinia实现数据状态管理state、getters、actions 其实vue数据管理的方式特别多,比如Provide和Inject,eventBus以及vuex等等,那么在学习vue3时候我们注意到一种新的方式,那就是Pinia,Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器,使用Co... 阅读全文 2022年05月24日 16:29:52 周二 2022-05-24 周二 298 0 0
23 2022-05 Vue3新篇章 Vue 3任意传送门Teleport-王者荣耀大桥传送大招上线至Vue3了 在一些场景中,比如使用modal、toast时,我们想要将modal放在具体的vue组件中,功能与位置保持一致,这样我们的modal很轻松能用到当前组件的data值,但是在展示时,又希望直接将它放在body下,方便实现... 阅读全文 2022年05月23日 08:45:05 周一 2022-05-23 周一 78 0 0
21 2022-05 Vue3新篇章 Vue3中父子组件通信以及v-model双向数据传值 组件数据传递一直是学习MVVM前端框架的重中之重,那么在vue3-setup下,props,emit怎么获取呢?setup script语法糖提供了新的API来供我们使用 defineProps父传子 父组件代码 12345678910111213<temp... 阅读全文 2022年05月21日 19:37:14 周六 2022-05-21 周六 128 0 0
20 2022-05 Vue3新篇章 Vue3中watch使用方式及watchEffect光速了解 在vue3中很多地方相比较vue2语法过于自由,也可以说零碎,本篇下面来比较下在watch在vue2和vue3中的使用过程中的语法差异性 vue2中使用watch 123456789watch: { obj: { ... 阅读全文 2022年05月20日 10:17:37 周五 2022-05-20 周五 100 0 0
09 2022-05 Vue3新篇章 【快速上手】vite打包配置详解—手把手教你配置vite Vite,一种新型前端构建工具,在大型项目开发模式下,打包速度远高于webpack,Vite性能优势主要来自对打包流程进行了优化,注意,一切的神话的背后都有着各种妖魔鬼怪,我们不应该过度神话新型产物,在... 阅读全文 2022年05月09日 23:20:14 周一 2022-05-09 周一 41 0 0
19 2022-04 HTML/CSS 仅需一行 CSS即可 实现 10 种主流布局 10 种强大的 CSS 布局,它们实现了一些非凡的工作 超级居中:place-items: center 对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center 会让... 阅读全文 2022年04月19日 11:53:51 周二 2022-04-19 周二 243 0 0
13 2022-04 Vue3新篇章 vite中引入vue-router路由vite2+vue3+TS+vue-router webpack打包过程是先打包然后再放到浏览器运行,这个打包过程随着项目代码的叠加,开发过程中等待打包的时间也会边长。而vite2是先将项目放到浏览器环境下,使浏览器接管了打包程序的部分工作,只需要... 阅读全文 2022年04月13日 10:11:31 周三 2022-04-13 周三 298 0 0
02 2022-04 Node+Koa Node.js通过tree-cli插件快速生成项目结构README.md项目目录描述 以树状格式列出目录的结构和内容。Tree-cli 是一个递归目录结构的程序,可生成深度缩进的文件列表。没有指定参数时参数,tree 会列出当前目录中的文件。给定目录参数后,可以依次列出在给定目录中找到... 阅读全文 2022年04月02日 19:54:03 周六 2022-04-02 周六 584 0 1
25 2022-03 JavaScript 浏览器控制台自动触发提交,Vue直接修改组件实例数据__vue__ 最近做了个小demo,然后想在控制台执行后自动提交触发测试,发现并没有想象的那么简单,找了很久网上最终结合其他资料信息探索到下面方法 自动提交 123456var i = 1 setInterval(function (... 阅读全文 2022年03月25日 19:37:11 周五 2022-03-25 周五 75 0 0
22 2022-03 Node+Koa 本地通过Robo 3T工具连接远程线上云服务器mongodb 最近做个demo,需要后端支持,并且用了mongodb数据库,上线后一些垃圾数据不知道如何清理,于是就找到了数据库可视化管理工具Robo 3T,接下来一起看看具体怎么使用 准备工作 本地电脑下载安装好Robo 3... 阅读全文 2022年03月22日 10:21:35 周二 2022-03-22 周二 1328 0 0
10 2021-11 JavaScript JavaScript奇怪又实用的姿势又增加了6个 今天给大家带来一些JavaScript的冷知识,可能你有所耳闻,但也有可能会让你大吃一惊。废话不多说,一起来看看吧。(注:当前文章来源于前端印象 ,作者:零一) 一、解构小技巧 平常我们需要用到一个嵌... 阅读全文 2021年11月10日 10:20:26 周三 2021-11-10 周三 3893 3 3
10 2021-10 JavaScript 兄弟,你真的会用ES6?那倒是快用啊 不是标题党,这是一位leader在一次代码评审会对小组成员发出的“怒吼”,原因是在代码评审中发现很多地方还是采用ES5的写法,也不是说用ES5写法不行,会有BUG,只是造成代码量增多,可读性变差而已。恰好... 阅读全文 2021年10月10日 10:41:21 周日 2021-10-10 周日 301 0 3
17 2021-05 心情小镇 理财就是理生活,理财和不理财的区别会有多大? 咱们今天算笔账:假如你有100万,全款买房的话,30年后,你只有一套房子。如果拿出30万做首付,贷款70万,贷款期限30年,另外70万本金做理财按照9%,那30年后你除了有一套房子,还完银行利息,还剩124... 阅读全文 2021年05月17日 13:43:47 周一 2021-05-17 周一 1891 1 4