备注：个人学习笔记，仅用于个人学习，侵权勿删目录备注：个人学习笔记，仅用于个人学习，侵权勿删1.python安装（略）2.变量和简单数据类型2.2变量2.2.1变量命名规则：2.2.2使用变量名时避免命名错误2.3字符串2.3.1将串中字母大小写(title、upper、lower)2.3.2拼接字符串，用+号2.3.4删除空白符（rstrip、lstrip、strip）2.3.5python2和

背景使用vue3.0引入element-ui第一步npmielement-ui-S第二步在main.js配置如下:importElementUIfrom"element-ui";import"element-plus

目录前言一、概述1、IonicVue概述2、Vue版本支持3、Vue工具4、原生工具5、安装Ionic二、快速开始1、什么是Ionic框架2、使用IonicCLI创建项目3、使用TypeScript或JavaScript构建4、一个Vue组件5、初始化路由器6、有样式的组件7、创建新路由8、在组件上调用方法9、添加图标（1）在组件中导入（2）全局引入10、优化您的构建（1）本地组件注册（推荐）（2

/details/123789098参考视频：https://www.imooc.com/learn/1300官方文档查看文档：https://v3.cn.vuejs.org/1：ref定义单个数据在vue3.0

Vue3.0中Treeshaking特性？举例说明？

OpenLayers是一个用于开发WebGIS客户端的高性能、功能丰富的JavaScript库,用于在Web上创建交互式地图。OpenLayers支持的地图来源包括GoogleMaps、Yahoo、Map、微软VirtualEarth等，用户还可以用简单的图片地图作为背景图，与其他的图层在OpenLayers中进行叠加，在这一方面OpenLayers提供了非常多的选择。除此之外，OpenLayer

课程来整理的，有兴趣可以购买一下哦购买地址5-12邂逅Vue1、认识vue一套用于构建用户界面的渐进式框架渐进式：表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目2、vue3.0

$npmconfiggetregistry设置淘宝镜像地址$npmconfigsetregistryhttps;//registry.npm.taobao.ort/创建项目：使用vue-cli创建一个vue3.0

手动安装vue和vite相关的依赖包；3、npmrundev运行项目常见问题1、devrundev运行项目时，报错：‘vite’不是内部或外部命令，也不是可运行的程序或批处理文件；原因：使用vite创建vue3.0

使用Vue3.0的时在模块类中声明方法的时候抛出了如下的异常:cannotredeclareblock-scopedvariable解决办法检查是否集成了Vetur插件,若存在禁用或卸载即可,该插件Vue3.0

ElasticSearch1、ElasticSearch学习随笔之基础介绍2、ElasticSearch学习随笔之简单操作3、ElasticSearch学习随笔之javaapi操作4、ElasticSearch

ElasticSearch1、ElasticSearch学习随笔之基础介绍2、ElasticSearch学习随笔之简单操作3、ElasticSearch学习随笔之javaapi操作4、ElasticSearch

本章记录一些有关回溯算法的一些较为经典或者自己第一次做印象比较深刻的算法以及题型，包含自己作为初学者第一次碰到题目时想到的思路以及网上其他更优秀的思路，本章持续更新中......回溯算法：回溯算法其实本质上是一种暴力穷举的算法，一听到暴力穷举，第一感觉就是效率不高，那为什么还是要使用回溯算法呢？因为有一些问题的规模是非常大的，一个for循环可以写，2个for循环嵌套也还行，3个for循环嵌套也忍了

今天是StylianosLagarakis在这四天课程中的最后一天。昨天晚上困，不想动了，所以没有洗澡。不知道从什么时候开始，养成了每天洗澡的习惯，一天不洗澡就不舒服。今天一大早就起床洗澡，洗澡的时候自己呼吸不畅，有点要晕倒的状态。洗完澡的时候，发现自己头皮很不舒服，所以我又继续洗头发，在抹上洗发液低头洗发时，也感觉要晕倒了，我坚持了一下，可是发现不行，自己还在洗澡，不要让自己在这种状态下晕倒。头

JVxeTable实践第一章插入行和合并单元格应用vue3.0文章目录JVxeTable实践前言一、实现目标二、代码实现1.JvxeTable标签2.实现方法前言JvxeTable是在JEECGBOOT

文章目录一、参考链接二、代码实现1.引入库一、参考链接https://www.jianshu.com/p/f4668a0da259二、代码实现1.引入库代码如下（示例）以颜色选择器组件为例：import{defineComponent,ref}from'vue';import{JVxeComponent,JVxeTypes}from'/@/components/jeecg/JVxeTable/ty

TypeError:ConvertingcircularstructuretoJSON-->startingatobjectwithconstructor'ComputedRefImpl'|property'effect'->objectwithconstructor'ReactiveEffect'---property'computed'closesthecircleatJSON.stringi

$refs.CascaderRef.dropDownVisible=falseelement-plus的关闭面板方式vue3.0写法CascaderRef.value.togglePopperVisible

弹窗优化目前进入订单页面后，是直接弹窗，但实际使用效果是点击“提交订单”后再弹窗。优化如下：src\views\orderConfirmation\Order.vue实付金额¥{{calculations.totalPrice}}提交订单确认离开收银台请尽快完成支付，否则将被取消取消订单确认支付import{ref}from'vue'import{useCommonCartEffect}f

/App.vue';constapp=createApp(App);app.mount('#app');以下例子用于解释在vue3.0的main.js中挂载公共的方法（foo）//main.js文件//

使用Recorder插件可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpectedconsolestatement(no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{}，增加一行代码:"no-console":"off"示例："eslintConfig":

如果你平时有关注Vue的进展的话，可能已经知道了在Vue3.0中将会通过Proxy来替换原本的Object.defineProperty来实现数据响应式。

问题：由于我需要在后台数据还没请求回来时，在echarts图上加个加载图标，所以定义了一个全局变量来接收echarts实例。之后就发现option配置了trigger:‘axis’，但是tooltip显示不出来tooltip:{trigger:'axis'},//定义了一个全局的响应式变量，用于接收echarts实例constmyChart=ref()onMounted(()=>{myChart.

Vue3.0引入了CompositionAPI，这是对Vue2.0中使用的OptionsAPI的一个补充。

Vue3快速上手-基于Vue2基础前言Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli

一、vue2升级为vue31、卸载vue2，在命令行工具录入npmuninstallvue-cli-g，卸载旧版本2、卸载完成后，命令行录入vue-V，如果提示不是命令，即卸载成功3、安装新版本vue3，注意：首先你要确保你的Node.js的版本高于最低要求的版本（VueCLI3需要nodeJs≥8.9(官方推荐8.11.0+）。命令行录入node-v查看nodejs版本如果小于指定版本，则从新下

转载自我本人的学习随笔学习gitreset之前先了解git的四区五状态概念一张图理解四个区再是五个状态：未修改（Origin）：上次提交后就没改动过已修改（Modified）：上次提交后有修改已暂存（Staged

第一种方法onActivated+onBeforeRouteLeave方法实现1.思路页面首先要是缓存的组件实例keep-alive用onActivated才能将滚动位置缓存起来每次进入都要将存储的位置重新赋值给页面路由守卫beforeRouteLeave路由离开前记录当前的位置import{onBeforeRouteLeave}from'vue-router'constscrollRef=ref

在Vue3.0中，与Vue2.0相比，有一些改变和新的特性涉及到props。CompositionAPI:Vue3.0引入了CompositionAPI，它提供了一种新的方式来组织和重用组件的逻辑。

1.video-player安装npminstallvue-video-player-sa2.main.js引入video-playerimportVideoPlayerfrom"vue-video-player/src";import"vue-video-player/src/custom-theme.css";import"video.js/dist/video-js.css";2.1小错误示

今天研究了一下vue3.0的静态路由配置，分享一下。

在vue2.x中，我们想设置全局变量，可以在main文件中用prototype绑定vue实列，在vue3.0中，可以用app.config.globalProperties来代替prototype，具体用法如下

然后将官方提供的vue3.0的map组件也拷贝到项目中MarsMap准备就绪开始实现功能。

下面el-switch代码片段是在el-table里使用el-switch方法代码是Vue3.0框架typeScript语法格式//该引入是全局封装getCurrentInstance()方法代码在下面

恰逢Vue3.0完整版发布，本篇推文中还增加了部分Vue3.0的基础理论及面试题目。PateOne·基础篇1、简述Vue的响应式原理当一个Vue实例创建时，Vue会遍历da

vue2的双向数据绑定是利⽤ES5的⼀个API，Object.definePropert()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。vue3中使⽤了es6的ProxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控Vue2.0的生命周期：beforeCreate：在实例初始化之后，数据观测(dataobserve

文章目录一、编译阶段diff算法优化静态提升事件监听缓存SSR优化二、源码体积三、响应式系统参考文献一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图静态文本静态文本{{message}}静态文本...

文章目录一、Object.defineProperty为什么能实现响应式小结二、proxy三、总结参考文献一、Object.defineProperty定义：Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty两个属性，get及setget属性的getter函数，当访问该属性时

文章目录一、设计目标1.1更小1.2更快1.3更友好二、优化方案2.1源码2.11源码管理2.22TypeScript2.2性能2.3语法API2.31逻辑组织2.32逻辑复用参考文献一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够

目标让大家更好地理解vue3.0中对性能进行优化的机制参考尤雨溪的有关vue3.0中性能提升和新特性的分享vue3.0的目标更快更小更容易维护更容易和native集成，更好的多端支持让开发更轻松以上就是

注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非模式，使用比较少，不再讲解，可自行看官网目录一、vue3.0组合式1、vue3.0组合式prop传值:父组件传值给子组件

vue3.0特性你有什么了解的吗？

为2020年作技术储备，学习下ts，毕竟vue3.0将至{"compilerOptions":{/*BasicOptions*/"target":"es5"/*target用于指定编译之后的版本目标:'

学习视频：【编程不良人】Mybatis-Plus整合SpringBoot实战教程,提高的你开发效率,后端人员必备!自定义SQL自定义mapper文件是为了应对一些更复杂的查询场景，首先先配置映射路径mybatis-plus:mapper-locations:com/mp/dao/xml/*由于这里的mapper文件放在java文件夹中，所以要在pom.xml里进行配置src/main/java**

image.png{{element.name}}importdraggablefrom'vuedraggable'constcardList=reactive([{id:1,name:'项目列表',src:projectImg,flag:'project'},{id:2,name:'CI/CD',src:cicdImg,flag:'cicd'},{id:3,name:'日志中心',src:log

修改src\views\home\Docker.vue{{item.title}}exportdefault{name:'Docker',setup(){constdockerList=[{active:true,icon:'custom-iconcustom-icon-home',title:'首页',to:'/'},{icon:'custom-iconcustom-icon-shopping'

继续完善src\views\orderConfirmation\OrderConfirmation.vue此时需要从src\views\shop\Content.vue抄一段代码，抄过来后效果如下：src\views\cartList\CartList.vue......{{item.name}}月售{{item.sales}}件¥{{item.price}}¥{{item.pri

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0

vue3.0项目中fileUpload.ts添加下载代码exportconstdownload=(url,fileName='')=>{constxhr=newXMLHttpRequest();xhr.open