随笔分类 - vue
摘要：前沿 在进行文件上传功能前，我分析了一下腾阿里的文件存储服务功能，流程都基本类似都是申请XXX云账号，开通文件存储对象功能，对接sdk，开始编码等。 现在开始申请自己的账号：阿里云有免费3个月 的试用期 哈哈哈 可以做做实验 下面图文说明： 申请你的对象存储OSS 创建你的桶名： Bucket 选中
阅读全文
摘要：前沿 vite 页面引入worker 在src 新建一个 worker.d.ts 文件 declare module '*.worker.ts' { class WebpackWorker extends Worker { constructor(); } export default Webpac
阅读全文
摘要：前言 网格布局真的现在很流行，当然flex也行，当时吧真的有些布局真的适合网格 让我秘制 忘不掉的间距24px的布局，麻了麻了 实现边距都是24，且一行只有2个元素，有多行的 提供2种布局： grid <!DOCTYPE html> <html lang="en"> <head> <meta cha
阅读全文
摘要：前沿 在vue3 中引入 Highcharts 但是在你要是这么引入的话最新的版本 Highcharts 然后就在 main.ts下引入就会报错 // Use the HighchartsVue plugin, register <highcharts> component // @ts-ignor
阅读全文
摘要：前言 vue3.0的页面组件之前切换的动画效果，在移动端H5页面，交互体验比较好， 就是带Vue3的Transition 组件 之前的写法是 Transition 的组件要包在 routerView 外面， 但是3.0的语法就是要在 在里面了，不然会黄色警告 <div class="animatio
阅读全文
摘要：介绍 watchEffect有两个参数，一个回调函数，一个是对象(设置配置项) watchEffect执行传入的一个函数，同时响应式追踪其依赖，并在依赖更新时重新运行该函数 watchEffect是非惰性的，会默认自动调用一次的 import { watchEffect, ref } from 'v
阅读全文
摘要：前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明： <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组
阅读全文
摘要：定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http =
阅读全文
摘要：前沿 关于Vue 表单中的一些小tip 在运行的时候可以很有助更快的开发，下面就一起来看看吧 1.多个表单提交 或者是 数组循环的，必须要验证 let arrForm=[]//哪些表单需要做校验 let arrModel=[]//表单的值 let newArr = [] //承接promise的返回
阅读全文
摘要：前沿 学习Vue3.0也有一段时间啦，现在就是整理下关于Vue3.0， 假期在家 晚上用1-2个小时看下代码然后整理下，说实在的，真的完全太喜欢春节了，好了 先看下关于Vue3.0的知识点吧 要怎么获取组件实例 setup里面this指向window，composition的文档中没有提到怎么获取组
阅读全文
摘要：前言 TS的一些用法其实官网介绍的很明白了，只不过如何去使用，在项目中如何搭建， TS跟正常的Vue项目还是或多或少有不少差距的，js是一门弱类型的语言， 是在变量赋值时，永远都是给变量直接赋值各种类型值来初始化， 线上一些隐藏的bug就冷不防会暴露出来。把这种错误扼杀在项目开发编译阶段而非上线阶段
阅读全文
摘要：前言 vue 2.0跟3.0的区别原理， 结构: 2.0用Flow ,3.0用 TypeScript。 性能: 3.0优化了Virtual Dom的算法。 响应式原理:2.0用 Object.defineProperty,3.0用Proxy Vue2.0和Vue3.0实现原理 Vue 2.0 Vue
阅读全文
摘要：前言 已经用TS写了半年了多了，然后总结下如何如何在vue项目中使用ts吧，好复习 主要内容包含：组件，axios请求，vuex，父子组件传值，Mixins等。 vue中常用功能点代码用js/ts写法分开书写，这样会好区别和理解 一、新建项目 vue create vue-ts-admin 按步骤开
阅读全文
摘要：前言 vue3.0 发布了，啊啊啊啊 刺激啊 （学哦） 博客平台、公众号、朋友圈基本都被传闻了， 可见 Vue3.0 的被期待程度，因为 React 16 发布的时候，也米有那么疯狂，让我有点震惊的是 Vue 有 130 万的使用者。 其实在4月的时候就已经出来，只不过在9月的时候正式发布了，前面也
阅读全文
摘要：前言 现在的时代就是vue 和react 的天下，当然在2者之间切换，有时候会忘了一些语法， 那么下面就比较下2者的语法，啊哈 Render React.js ReactDOM.render(<App />, document.getElementById("root")); Vue.js new
阅读全文
摘要：前言 昨天不是尤雨溪 不是刚在B站 直播玩了，分享了vue-next v3.0.0-beta.1 版本 哈哈， 不要太刺激哦 6大亮点 Performance：性能更比Vue 2.0强。 Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。 Composition API
阅读全文
摘要：前言 科技总是在进步，技术也要往前走，所以这不是开始学习TS了，Java还在学习基础中，前端真的是变化莫测， 所以开始吧新的学习路程： 第一步，如果你之前没有装vuecli，可以直接执行下面命令 npm install --global @vue/cli 注：这里我install 的时候不成，于是我
阅读全文
摘要：前言 2020新年的第一篇问题 其实也不是第一次遇到这个问题， 主要是在vue 项目里面应用 factclick ， 一个报错红色警告： [Intervention] Unable to preventDefault inside passive event listener due to targ
阅读全文
摘要：前言 用Vue来写了 移动端 3D轮播 带缩略图 ,在加 动画翻卡效果 ，其实也不是太难吧，也就做了一下午，哈哈， 船到桥头自然直，这样才可以， 首先看下做好的效果图 可以 点击 滑动 ，可以触摸滑动， 可以点击 缩略图滑动， 最后 在点击那个 选中的 翻卡的 那个有翻卡 的3D效果 代码： <te
阅读全文
摘要：前言 Nuxt.js 是一个基于 Vue.js 的通用应用框架。 ssr 渲染服务端 可以看官方文档 https://zh.nuxtjs.org/guide/ nuxt 与平常 jsonp 不一样 ，jsonp点击跳转是跳转到新的页面 而 Nuxt 而是打开路由，在一个页面里 这就是 取了中间件 好
阅读全文
浙公网安备 33010602011771号