29 2022-05 JavaScript HTML5事件—visibilitychange页面可见性事件监听 无意中注意到的这个有意思的api,visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome... 阅读全文 2022年05月29日 10:53:40 周日 2022-05-29 周日 8 0 0
28 2022-05 Vue3新篇章 Vue3中defineAsyncComponent异步组件-可视区范围内懒加载 对于某些组件来说,我们并不希望一开始全部加载,而是需要的时候进行加载;这样的做得目的可以很好的提高用户体验。为了实现这个功能,Vue3中为我们提供了一个方法,即defineAsyncComponent,这个方法... 阅读全文 2022年05月28日 20:24:46 周六 2022-05-28 周六 16 0 0
27 2022-05 Vue3新篇章 Pinia如何让数据持久化存储? 所谓数据持久化存储就是当我们关闭页面甚至浏览器时候重新访问,页面数据还停留在那一刻而不会被刷新,它的根本原理还是利用H5的本地存储localstorage和会话存储sessionstorage,在vue2中我们通常会通... 阅读全文 2022年05月27日 11:00:32 周五 2022-05-27 周五 32 0 0
26 2022-05 Vue3新篇章 Pinia如何进行modules模块划分? Pinia不需要像Vuex一样使用modules分模块,Pinia可在store目录中直接定义对应模块就可以了 一、目录结构 123store/user.js store/shop.js ... 二、store/user.js 12345678910111213141516171819import ... 阅读全文 2022年05月26日 16:51:25 周四 2022-05-26 周四 14 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 周二 24 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 周一 22 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 周六 21 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 周五 26 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 周二 161 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 周三 120 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 周六 461 0 1
25 2022-03 JavaScript 浏览器控制台自动触发提交,Vue直接修改组件实例数据__vue__ 最近做了个小demo,然后想在控制台执行后自动提交触发测试,发现并没有想象的那么简单,找了很久网上最终结合其他资料信息探索到下面方法 自动提交 123456var i = 1 setInterval(function (... 阅读全文 2022年03月25日 19:37:11 周五 2022-03-25 周五 6 0 0
22 2022-03 Node+Koa 本地通过Robo 3T 连接线上腾讯云远程服务器mongodb 最近做个demo,需要后端支持,并且用了mongodb数据库,上线后一些垃圾数据不知道如何清理,于是就找到了数据库可视化管理工具Robo 3T,接下来一起看看具体怎么使用 准备工作 确保要连接的mongodb服务... 阅读全文 2022年03月22日 10:21:35 周二 2022-03-22 周二 1223 0 0
10 2021-11 JavaScript JavaScript奇怪又实用的姿势又增加了6个 今天给大家带来一些JavaScript的冷知识,可能你有所耳闻,但也有可能会让你大吃一惊。废话不多说,一起来看看吧。(注:当前文章来源于前端印象 ,作者:零一) 一、解构小技巧 平常我们需要用到一个嵌... 阅读全文 2021年11月10日 10:20:26 周三 2021-11-10 周三 3786 3 3
10 2021-10 JavaScript 兄弟,你真的会用ES6?那倒是快用啊 不是标题党,这是一位leader在一次代码评审会对小组成员发出的“怒吼”,原因是在代码评审中发现很多地方还是采用ES5的写法,也不是说用ES5写法不行,会有BUG,只是造成代码量增多,可读性变差而已。恰好... 阅读全文 2021年10月10日 10:41:21 周日 2021-10-10 周日 209 0 3
07 2021-05 Js前端框架 axios.defaults.withCredentials跨域携带cookie withCredentials:默认情况下,跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。前端通过将withCredentials属性设置为true指定某个请求应该发送凭据 123withCredentials默认值为false。 true:... 阅读全文 2021年05月07日 10:19:44 周五 2021-05-07 周五 1051 0 0