vue学习知识点记录

Vue 学习记录与案例总结

Vue学习记录与案例总结https://gitee.com/pikachu2333/vue-learning
WalkingWithTheWind～·2023-09-14 01:22

新服务器搭建docker跑mysql+java项目

最近自己新买了个服务器，然后需要自己尝试跑下前端vue和后端springboot项目，小知识点记录如下dockerps没有东西出来报错CannotconnecttotheDockerdaemonatunix
蜗牛使劲冲·2023-09-13 16:12

Vue学习笔记-Vue的指令

二、指令文章目录二、指令1.内容渲染指令v-text{{}}v-html2.属性绑定指令3.使用JavaScript表达式4.事件绑定指令事件对象event绑定事件并传参$event事件修饰符①.prevent②.stop③.capture④.once⑤.self按键修饰符5.双向绑定指令v-model指令的修饰符6.条件渲染指令v-if和v-show的区别v-else7.列表渲染指令使用key维
不会挂科i·2023-09-13 11:02

Vue学习笔记-Vue项目的搭建

一、初识vue文章目录一、初识vue1将vue.js下载到本地的方式创建2安装vue调试工具vue-devtools3使用vite安装vue项目结构1将vue.js下载到本地的方式创建将下载好的vue源码放在项目中引入vue声明要被vue控制的DOM区域创建vue的配置对象在配置对象中创建数据创建一个应用，将配置对象传进去，并将要操作的DOM区域进行了挂载在DOM区中操作Document{{num
不会挂科i·2023-09-13 11:01

Vue学习笔记---初识组件

前言在Vue中，万物皆组件，学习组件乃是Vue的根基所在，假如一个页面相当于一张图，那么组件就是一个小小的拼图，通过组件可以拼出各式各样的图，这也是Vue的魅力所在。正文基本示例Vue.component('button-counter',{data(){return{count:0}},template:'Youclickedme{{count}}times.'})上面我们创建了一个全局的名字为
邓生的邓生·2023-09-12 21:39

ES6——知识点记录

这里写目录标题1.字符串支持1.codePointAt——根据字符串码元的位置得到其码点2.includes——判断字符串中是否包含指定的子字符串3.startsWith——判断字符串中是否以指定的字符串开始4.endsWith——判断字符串中是否以指定的字符串结尾5.repeat——将字符串重复指定的次数，然后返回一个新字符串6.模板字符串2.函数2-1.参数默认值使用[扩展]对argument
叶浩成520·2023-09-12 03:44

vue学习之事件绑定

事件绑定创建demo5.html,内容如下Documentcountvalue:{{count}}+1+1constvm={data:function(){return{count:0,}},methods:{addCount(){this.count+=1},},}constapp=Vue.createApp(vm)app.mount('#app')效果展示
赴前尘·2023-09-11 06:39

vue学习之列表渲染

列表渲染创建demo8.html,内容如下Documentindex:{{i}}name:{{user.name}}constvm={data:function(){return{userList:[{id:1,name:'zs'},{id:2,name:'ls'},{id:3,name:'ww'},]}},}constapp=Vue.createApp(vm)app.mount('#app')效
赴前尘·2023-09-11 06:16

vue学习之 v-for key

v-forkeyVue使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素。创建demo9.html,内容如下Document添加index:{{i}}name:{{user.name}}constvm={data:function(){return{userList:[{id:1,name:'zs
赴前尘·2023-09-11 06:16

vue学习之v-if/v-else/v-else-if

v-else/v-else-if创建demo7.html,内容如下Document随机数:{{num}}0.5">随机数大于0.5随机数小于或等于0.5优秀良好一般差测试点击constvm={data:function(){return{num:Math.random(),a:false,type:'A',}},}constapp=Vue.createApp(vm)app.mount('#app'
赴前尘·2023-09-11 06:16

vue学习之条件渲染

条件渲染用于控制组件显示创建demo6.html,内容如下DocumentToggleFlagv-if:requestsuccessv-show:requestsuccessconstvm={data:function(){return{flag:false,}},}constapp=Vue.createApp(vm)app.mount('#app')效果展示
赴前尘·2023-09-11 06:14

vue学习之属性绑定

内容渲染采用：进行属性渲染创建demo3.html,内容如下Document必应constvm={data:function(){return{//超链接地址link:"https://cn.bing.com/",//文本框提示内容inputValue:'请输入内容...',//图片srclinkimgSrc:'https://i2.3conline.com/images/piclib/20110
赴前尘·2023-09-10 20:13

vue学习之Javascript 表达式内容渲染和属性绑定

Javascript表达式内容渲染和属性绑定创建demo4.html,内容如下Document{{number+1}}{{ok?'true':'false'}}{{message.split('').reverse().join('')}}xxx{{user.name}}constvm={data:function(){return{number:10010,ok:true,message:'te
赴前尘·2023-09-10 20:13

vue学习之基本用法

1.前期准备安装vscodeIDE，vscode安装插件openinbrower新建vue-learning文件夹vscodeIDE打开文件夹2.基本用法创建demo1.html文件,内容如下Document{{message}}//3.创建vue实例对象const{createApp,ref}=VuecreateApp({setup(){constmessage=ref('Hellovue!')
赴前尘·2023-09-10 20:43

vue学习之内容渲染

内容渲染创建demo2.html,内容如下Documentname:{{username}}age:{{age}}constvm={data:function(){return{username:'zs',age:18,desc:'必应'}}}constapp=Vue.createApp(vm)app.mount('#app')效果展示右键，在默认浏览器打开，效果如下
赴前尘·2023-09-10 20:42

使用Python日志处理模块logging打印及保存日志信息

坚持写博客，分享自己的在学习、工作中的所得给自己做备忘对知识点记录、总结，加深理解给有需要的人一些帮助，少踩一个坑，多走几步路尽量以合适的方式排版，图文兼有如果写的有误，或者有不理解的，均可在评论区留言如果内容对你有帮助
ayiya_Oese·2023-09-10 17:07

sql：SQL优化知识点记录（十四）

（1）索引失效行锁变表锁建立2个索引索引是失效后，系统性能会变查，如果涉及到锁的话，行锁会变表锁有一个问题，当session1用b字段做查询条件因为是varchar类型，需要加双引号，但是没有加，MySQL底层会做类型转换，导致这个字段建立的索引失效，此时session2在更新别的行，会出现阻塞，是因为：行锁变成了表锁session1提交后session2才能读取到：然后session2再提交（c
项目題供诗·2023-09-10 09:22

sql：SQL优化知识点记录（十五）

（1）MySQL主从复制我们这里配置一Windows上的MySql做主机，Linux上的MySql做从机，搭建一主一从测试以下是否能够拼通：从Linux上：167，连接Windows的165从Windows的165连接Linux上：167，看是否拼通修改配置文件：首先Windows：my.ni主机配置文件修改：从机配置文件修改：注释掉server-id，打开下面的server-id重启服务器：查看
项目題供诗·2023-09-10 09:21

Vue学习的第十天

组件#全局注册可以通过以下方式创建一个Vue实例newVue({el:"#some-element",//选项})要注册一个全局组件可以使用Vue.component(tagname,options)，组件在注册之后，便可以作为自定义元素在一个实例的模板中使用。注意确保在初始化根实例之前注册组件Vue.component("my-component",{//选项})#局部注册不必把每个组件都注册到
Easy_Dream·2023-09-10 02:27

I2S/PCM知识点记录

目录1.常见的音频采样率有两类，一类是48Kdomain，另一类是44.1KHzdomain2.常见采样深度【即单声道和单slot位宽】8/12/16/24/32bit3.帧结构4.I2S/PCM允许实际有效采样位宽比传输的位宽小5.ddr存储对齐6.sclk和mclk以及adifclk的产生6.1误差率分析6.2只有偶数分频7.能否直接用sclk采样sdata、fs/ws8.信号同步及采样问题9
cy413026·2023-09-09 03:16

Vue学习笔记 之 Svg图标组件的实现步骤

1、安装依赖  首先需要安装svg-sprite-loader依赖，命令如下，这在在学习的过程中，就是因为没有下载该依赖，导致图标一直无法正常显示。npminstallsvg-sprite-loader--save-dev--force2、配置svg图片处理规则  通过使用svg-sprite-loader组件，将svg的图标文件生产雪碧图（Sprite），在vue.config.js文件中进行配
姠惢荇者·2023-09-08 20:47

Vue学习笔记 之 History 路由 和 Hash 路由的区别 及 History 模式时，Nginx的配置方式

一、History模式、Hash模式  VueRouter是Vue.js官方的路由管理器，用于构建单页应用的前端路由。它允许你通过定义路由配置来映射不同的URL到对应的组件，实现页面间的跳转和导航。VueRouter支持两种路由模式：history模式和hash模式。1、History模式  在History模式下，VueRouter通过使用HTML5HistoryAPI来管理路由，不会在URL中
姠惢荇者·2023-09-08 20:47

Vue学习:vue-resource 基本使用

GET请求getInfo(){this.$http.get('http://yapi.demo.qunar.com/mock/64532/bbyy_employee/user/aboutAs').then(function(result){console.log(result);console.log(result.body);//拿到服务器返回成功的数据console.log(result.da
Merbng·2023-09-08 05:15

VUE学习之实例属性$root, $parent

Vue子组件可以通过$root属性访问根实例的属性和方法Vue子组件可以通过$parent属性访问父组件实例的属性和方法下面写个简单的demo：Vue.component("first-child",{data:function(){return{msg:"firstchilddata"}},template:"",methods:{}});Vue.component("second-child"
夜跑者·2023-09-07 11:04

sql：SQL优化知识点记录（十二）

（1）读锁案例讲解加读锁和写锁查看是否上锁：In_use：变成了1读写锁对我们数据产生哪些影响：读锁：是共享锁，其他线程可以查看：加了读锁：session1不能修改自己，也不可以读其他表但是session2窗口可以读其他表session2：此时对加锁的表进行更改操作，它会进入阻塞状态session1：进行解锁后，session2才能完成更新操作，等待45秒session1加了读锁：此时sessio
项目題供诗·2023-09-07 03:12

Vue学习笔记

文章目录前端框架Vue基础知识环境搭建线上尝试CDN使用VueCLIVite开发准备安装Vue工具VueCLI创建一个项目运行项目安装Vue高亮插件模板语法文本原始HTML属性Attribute使用javascript表达式条件渲染v-ifv-elsev-show列表渲染用v-for把一个数组映射为一组元素维护状态事件处理监听事件事件处理方法内联处理器中的方法表单输入绑定双向数据绑定修饰符组件基础
sober30·2023-09-06 18:45

sql：SQL优化知识点记录（十一）

（1）用ShowProfile进行sql分析新的一个优化的方式showProfile运行一些查询sql：查看一下我们执行过的sql显示sql查询声明周期完整的过程：当执行过程出现了下面这4个中的时，就会有问题导致效率慢8这个sql创建了临时表导致sql变慢（2）全局查询日志ShowProfile：记录了我们后台要开启的一些sql，全局查询日志呢，有时候也帮助我们调sql，但是它只是在测试环境用，不
项目題供诗·2023-09-06 17:09

浅谈ASP.NET Core中IOC与DI的理解和使用

使用过ASP.NETCore的人对这两个概念一定不陌生，早前，自己也有尝试过去了解这两个东西，但是一直觉得有点很难去理解，总觉得对其还是模糊不清，所以，趁着今天有空，就去把两个概念捋清楚，并将学习过程的知识点记录下来
dotNET跨平台·2023-09-06 00:42

ASP.NET CORE 内置的IOC解读及使用

使用过ASP.NETCore的人对这两个概念一定不陌生，想必很多人还是很难去理解这两个东西，所以，趁着今天有空，就去把两个概念捋清楚，并将学习过程的知识点记录下来。一、概念1.1什么是IO
Jlion8·2023-09-06 00:10

[Vue学习]Vue开发(一)开始一个vue项目

开始项目前先在cmd或者git运行node-v和npm-v确认node和npm已安装并确认版本较新安装vue-cli(vue脚手架)国内使用npm速度慢的话,可以使用npminstall-gcnpm--registry=https://registry.npm.taobao.org安装淘宝镜像,之后只要使用cnpm就可以了然后安装vue-clicnpminstall-gvue-cli安装完成后运行
音无级鹦鹉螺号·2023-09-05 17:33

JAVA 小知识点记录 (一)

Question1.关于trycatchfinal执行顺序问题:*java面试题20--如果catch里面有return语句，finally里面的代码还会执行吗？*/publicclassFinallyDemo2{publicstaticvoidmain(String[]args){System.out.println(getInt());}publicstaticintgetInt(){inta
fushuang·2023-09-05 12:46

sql：SQL优化知识点记录（十）

（1）慢查询日志Groupby的优化跟Orderby趋同，只是多了一个having开启慢查询日志：演示一下慢sql：4秒之后才会出结果查看一下：下方显示慢查询的sql（2）批量插入数据脚本函数和存储过程说白了就是用sql脚本语言写的数据库编程，它的功能可以用来完成了一批次数据的插入，函数和存储过程的区别是函数有返回值，存储过程没有返回值我们往数据库存入1000万数据，这样大数据呢一次性的插入呢，我
项目題供诗·2023-09-05 09:29

sql：SQL优化知识点记录（九）

（1）小表驱动大表对sql调优的分析：排序优化：数据库的连接方式，里面的数据尽量这样连接，尽量选择第一个方式，因为两个表的连接一共建立5次连接，第二个建立1000次连接，从小表驱动大表方式来说选择第一种B相当于部门，A是员工，通过部门id在部门表里面，部门是少量的，员工是大量的，先得到小表B中的id数据，在得到id=部门id的数据使用exist当A中的数据小于B时使用exist（2）in和exis
项目題供诗·2023-09-03 19:56

项目总结知识点记录-文件上传下载（三）

（1）文件上传代码：@RequestMapping(value="doUpload",method=RequestMethod.POST)publicStringdoUpload(@ModelAttributeBookHelperbookHelper,Modelmodel,HttpSessionsession)throwsIllegalStateException,IOException,Pars
项目題供诗·2023-09-03 19:56

sql：SQL优化知识点记录（八）

（1）索引面试题分析所谓索引：就是排好序的快速查找数据结构，排序家查找是索引的两个用途select*在where使用到了索引，当select*有模糊查询%在左边索引会失效当select*where后面索引的顺序发生变化，也会用到索引4个我们where后面倒着排序，也会使用到索引4个上面，因为有MySql查询优化器，它会把Msql的命令自动的调整和优化，已达到最佳效果查询*，where后面c3>a3
项目題供诗·2023-09-03 19:55

Vue学习记录

Vuevue是一套用于构建用户界面的渐进式JavaScript框架构建用户界面：使用某种方式拿到数据，将数据放到合适的位置渐进式：可以自底向上逐层应用vue特点：1.采用组件化开发，提高代码复用率，并且让代码更好的维护2.声明式编码，让编码人员无需直接操作DOM，提高开发效率3.使用虚拟DOM+Diff算法，尽量复用DOM节点vue安装1.直接使用script标签引入1.1直接用网址引入1.2去官
嘎嘎梨·2023-09-03 06:45

vue 循环勾选框_Vue学习笔记-遍历el-checkbox

Vue学习笔记-遍历el-checkoutv-model="checkAll":label="list.eventtypeid">全选:label="operate.actionid":key="operate.actionid
Miss豆子·2023-09-02 18:54

vue学习记录

正要学习，先记录一下学习资料，备忘1、Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）_逆境清醒的博客-CSDN博客2、vue3项目搭建教程（基于create-vue，vite，Vite+Vue）vue3项目搭建教程（基于create-vue，vite，Vite+Vue）_vue3搭建_逆境清醒的博客-CSDN博客
mangge08·2023-09-02 15:30

sql：SQL优化知识点记录（七）

（1）索引优化5（2）索引优化6（3）索引优化7查询*，百分号加右边，否则索引会失效没建立索引之前都是全表扫描没建立索引建立索引：建立索引id是主键，他也可以从主键上取覆盖索引要到了name，索引没有失效覆盖索引要到了age，索引没有失效不使用*查找，覆盖索引没有失效使用*查找：个数上超过索引，索引失效使用多个字段，但是查询的字段比创建的索引多一个，建立的索引不能覆盖了（4）索引优化8当输入整型的
项目題供诗·2023-09-02 02:58

sql：SQL优化知识点记录（六）

（1）索引优化1查看一下有没有建立索引：用到索引中的一个：type中的ref决定访问性能用到索引中的两个：通过key_len的长度可以看出来，比第一个大一点。或者通过ref：中用到了两个常量const用到了三个索引：key_len比第二个又大了一点，用到了三个常量const一下的结果都能查出，但是中间的过程对mysql影响还是比较大的，数据量大的时候全表扫描十分影响性能。但是建立的索引用不上有问题
项目題供诗·2023-09-02 02:26

Vue学习的第六天

条件渲染v-ifYesNo#在元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上titleparagraph#v-else可以使用v-else指令来表示v-if的else块0.5">NowyouseeNowyouv-else元素必须紧跟在带v-if或者v-else-if的元素的后面，否则它将不会被识别#v-else-if充当v-if的“else-if块”，可以连续使
Easy_Dream·2023-09-01 11:19

陪孩子备战高考第一五十九天

我跟孩子谈讨了一会儿为啥用记忆本：有助于帮助孩子充分利用平时将老师教过的知识点记录并背诵下来，再通过阶段性复习巩固知识点。这样就可以不用占用大块时间去背诵，而且也是减少负担的一种方式。
想入非非的棋子·2023-09-01 04:11

Vue学习笔记router-link

组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名组件的属性有：1、to（必选参数）：类型string/location表示目标路由的链接，该值可以是一个字符串，也可以是动态绑定的描述目标位置的对象如下几种示例//下面是字符串的形式Home//下
少甜的草莓牛奶·2023-08-31 01:08

vue学习笔记 - 组件通信01

组件是vue最核心的功能，组件化你的前端页面，能大大的提高重用性，让代码可复用，维护起来简直爽的飞起，举例来说就比如一些评论输入框。在vue中使用组件Vue.component('input-number',{template:'-=max">+',props:{max:{type:Number,default:Infinity},min:{type:Number,default:-Infinit
我永远喜欢结城明日奈·2023-08-30 10:49

C#基础知识点记录

目录课程一、C#基础1.C#编译环境、基础语法2.Winform-后续未学完课程二、TimothyC#底层讲解一、类成员0常量1字段2属性3索引器5方法5.1值参数（创建副本，方法内对值的操作，不会影响原来变量的值）5.2引用参数（传的是地址，方法内对值的操作，出了方法后原来的值也被修改）5.3输出参数(普通方法一次调用只产出一个返回值，但希望一次调用返回多个输出值，所以用输出参数)5.4数组参数
Mr DaYang·2023-08-29 22:20

vue-vue2核心1

vue学习1-初识vue文章目录vue学习1-初识vuevue介绍初识vue模板语法数据绑定el与data两种写法理解MVVM数据代理回顾Object.defineproperty方法何为数据代理Vue
飘然渡沧海·2023-08-29 22:12

sql：SQL优化知识点记录（五）

（1）explain之例子（2）索引单表优化案例上面的功能已经实现，但是分析功能，使用explain分析这条sql：发现type为AllExtra：有Usingfilesort（文件内排序）这两个是影响性能的查看下这张表：只有一个主键索引为这几个字段建立一个符合索引：建立完索引后，在使用explain进行分析一下：type变成了range，但是Extra还是留着Usingfilesort因为com
项目題供诗·2023-08-29 10:58

Vue学习笔记|路由、详细、入门

目录1.什么是路由2.前端路由和后端路由的区别3.路由应用实例4.嵌套路由5.路由传参6.路由缓存方式7.router相关函数8.组件不被销毁9.路由守卫10.路由器的两种工作模式11.注意点1.什么是路由路由是一组映射关系（key-value）key是路径，value可能是function或者component2.前端路由和后端路由的区别2.1后端路由1）value是function，用于处理客
***无名小卒·2023-08-28 22:18

Vue学习笔记(四)——Vue路由

vue是一个单页面程序应用，即使有无数个vue文件，也只是vue页面中的组件svue-router是vue的一个插件，用来提供路由功能，通过路由的改变动态加载组件，达到开发单页面程序的目的设置了路由之后，不需要再注册组件，只需要注册了路由之后，通过path、name进行组件之间的切换路由应用1.声明组件letcom={data(){return{}},template:``,}2.声明路由rout
hsy_siying·2023-08-28 22:15

项目总结知识点记录（二）

1.拦截器实现验证用户是否登录：拦截器类：实现HandlerInterceptionpackagecom.yx.interceptor;importorg.springframework.web.servlet.HandlerInterceptor;importorg.springframework.web.servlet.ModelAndView;importjavax.servlet.http
项目題供诗·2023-08-28 09:48
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他