- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue 中通过添加原生 input 实现文件上传
文件上传是通过 input 框 且 type = 'file' 来实现的文件上传功能，在页面标签合适位置添加<input type="file" name="avatar" accept="image/gif,image/jpeg,image/jpg,image/png" style="display:none" @change="changeImage($event)" ref="avatarInput" /><!-- 在点
2021-12-30 17:45:00
4610
2
原创 vue3.0 入门基础
vue3前置为什么学vue3目标：了解vue3现状，以及它的优点，展望它的未来Vue3现状：vue-next 2020年09月18日，正式发布vue3.0版本。但由于刚发布周边生态不支持，大多数开发者处于观望。现在主流组件库都已经发布了支持vue3.0的版本，其他生态也在不断地完善中，这是趋势。element-plus 基于 Vue 3.0 的桌面端组件库vant vant3.0版本，有赞前端团队开源移动端组件库ant-design-vue Ant Design Vu.
2021-12-18 19:15:00
645
翻译 使用 Vue.js 构建 VS Code 扩展
使用 Vue.js 构建 VS Code 扩展Visual Studio (VS) Code 是开发人员在日常任务中最喜欢使用的代码编辑器之一。它的构建考虑到了可扩展性。在某种程度上，VS Code 的大部分核心功能都是作为扩展构建的。您可以查看 VS Code 扩展存储库 ( https://github.com/microsoft/vscode/tree/main/extensions ) 以了解我在说什么。VS Code 在底层是一个电子 ( https://www.electronjs.org
2021-12-17 19:30:00
1269
4
原创 vue2 与 vue3 生命周期对比
周期对比vue2vue3beforeCreatesetupcreatedsetupbeforeMountonBeforeMountmountedonMountedbeforeUpdateonBeforeUpdateupdatedonUpdatedactivetedonActiveteddeactivetedonDeactivetedbeforeDestoryonBeforeUnmountdestoryedonUn
2021-12-16 15:15:00
1086
转载 vue中keep-alive的使用及详解
vue中keep-alive的使用及详解概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在 render（页面渲
2021-12-13 17:35:42
332
原创 vue 中 v-if 和 v-show 指令的共同点与不同点
vue 中 v-if 和 v-show 指令的共同点与不同点共同点：都可以用来控制元素的显示与隐藏不同点：v-if 指令是通过动态的删除或者添加 DOM 元素，来控制元素的显示与隐藏，比较消耗性能，如果元素不是经常显示隐藏切换，可以考虑用 v-if 。v-show 指令是通过控制 css 样式中的 display: none/display: block，来控制元素显示与隐藏，适用于频繁显示隐藏切换的场景v-if<tamplate> <div>
2021-12-10 14:25:49
727
原创 用 typescript 做一个贪吃蛇小游戏
typescript 做一个贪吃蛇小游戏搭建环境创建 tscofig.json 文件配置如下{ "compilerOptions": { "target": "es2015", "module": "es2015", "strict": true, "outDir": "./dist", "noEmitOnError": true }}创建 webpack.config.js 文件安装 webpacknpm i webpack webpa
2021-12-08 10:26:08
3122
2
原创 JS获取元素位置与大小
JS获取元素位置与大小位置clientX / clientY鼠标相对于浏览器可视窗口的坐标位置e.clientXe.clientYoffsetX / offsetY鼠标相对于元素自身左上角的坐标位置e.offsentXe.offsetYpageX / pageY鼠标相对于文档区域的坐标位置e.pageXe.pageYscreenX / screenY鼠标相对于屏幕的坐标位置e.screenXe.screenYoffsetTop /
2021-12-06 14:52:42
591
原创 typescript 入门
typescript 入门typescript 是 JavaScript 的超集，熟悉 JavaScript 的人都知道JavaScript 是弱类型语言，比如声明一个变量可以为这个变量赋任意类型的值，后面可能会产生未知错误很难排查，而 ts 是强类型语言，重点就在其类型上面，可以说它是加强升级版的 js ，弥补 js 的不足typescript 环境搭建下载并安装 node官网地址： https://nodejs.org/zh-cn/download/ （安装64位或者32位 看自己电.
2021-12-02 15:10:11
614
原创 typescript 入门
typescript 入门typescript 是 JavaScript 的超集，熟悉 JavaScript 的人都知道JavaScript 是弱类型语言，比如声明一个变量可以为这个变量赋任意类型的值，后面可能会产生未知错误很难排查，而 ts 是强类型语言，重点就在其类型上面，可以说它是加强升级版的 js ，弥补 js 的不足typescript 环境搭建下载并安装 node官网地址： https://nodejs.org/zh-cn/download/ （安装64位或者32位 看自己电.
2021-12-01 14:59:41
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人