正在使用PWA,是否安装到桌面? x

chaihongjun.me

【今日新文】vue3获取异步数据并渲染模板demo

假设条件 使用axios从服务器获取数据,返回的数据: {status:200,msg:获取图书列表成功,data:[{id:1,bookname:西游记,author:吴承恩,publisher:北京图书出版社},{id:2,bookname:西游记,author:吴承恩,publis

最新发布第页

vue3获取异步数据并渲染模板demo
javascript

vue3获取异步数据并渲染模板demo

chaihongjun未知

假设条件 使用axios从服务器获取数据,返回的数据: {status:200,msg:获取图书列表成功,data:[{id:1,bookname:西游记,author:吴承恩,publisher:北京图书出版社},{id:2,bookname:西游记,author:吴承恩,publis...

Vite+Vue3+Vue-Router@4+Pinia 快速起步
javascript

Vite+Vue3+Vue-Router@4+Pinia 快速起步

chaihongjun未知

Vite+Vue3+Vue-Router@4+Pinia 快速起步 安装vite vite 相当于 vue-cli 脚手架,因此应该首先安装它: npmcreatevite@latest 然后按照提示选择选项完成创建 接着进入项目目录 vite-project ,并安装一下依...

pinia快速入门 (一)
javascript

pinia快速入门 (一)

chaihongjun未知

通过一个简单的Demo体验并入门 pinia ,脚手架环境为 vite 安装 安装脚手架vite 首先确保使用的脚手架是 vite // 安装vite npm init vite@latest 经过一番交互完成脚手架的搭建准备 安装状态管理...

Vue-cli3配置多接口和sourcemap调试
javascript

Vue-cli3配置多接口和sourcemap调试

chaihongjun未知

//vue.config.jsmodule.exports={devServer:{proxy:{//电影信息/api:{//这里的`/api`是自定义的target:https://api.iynn.cn/film/api/v1/,//这里是真实的接口baseURLchangeOrigin:true,ws:true,pathRewrite:{^/api/:,//这里的`^/api`也...

使用logrotate切割inotify自定义监控日志文件
linux

使用logrotate切割inotify自定义监控日志文件

chaihongjun未知

2019年写过一篇文章《 inotify-tools工具inotifywatch实时监控网站目录 》,当时为的是监控在敏感目录是否有木马文件生成,随着时间的推移,那篇文章介绍的监控方法会导致监控文件越来大...

Geoip2在nginx服务器上的应用
linux

Geoip2在nginx服务器上的应用

chaihongjun未知

很久之前写过一篇文章《 nginx搭配GeoIP数据屏蔽访问 》,最近在整理服务器查看访客日志的时候,发现参照那篇文章读起来有点不顺畅,当时,可能记录的比较的仓促,于是又重新梳理...

javascript事件调用机制
javascript

javascript事件调用机制

chaihongjun未知

虽然javascript是单线程的,但是可以创建多个子线程去执行一些操作(DOM操作除外),javascript的事件循环机制来调度事件执行。 functiona1(){console.log(a1)setTimeout(function(){console.log(a2)},6000)}fun...

Vue路由跳转组件生命周期变化
javascript

Vue路由跳转组件生命周期变化

chaihongjun未知

结合前面一篇《 Vue中父子组件的生命周期 》,这篇总结一下页面组件切换适合的生命周期变化。 创建另外一个子组件 About.vue templatedivclass=abouth1Thisisanaboutpage/h1/div/templatescriptexportdefaul...

Vue中父子组件的生命周期
javascript

Vue中父子组件的生命周期

chaihongjun未知

利用Vuecli脚手架搭建一个Demo: App.vue templatedivid=navrouter-linkto=/Home/router-link|router-linkto=/aboutAbout/router-link/divrouter-view//templatescriptexportdefault{name:App,beforeCreate(){console.log(AppbeforeCreate,this.$data...