![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 90
山上有个车
这个作者很懒,什么都没留下…
展开
-
vue——按键修饰符、checkbox单选与多选、radio、v-model修饰符、vue生命周期、vue与后端交互
@keydown 当用户按下键盘键时触发,如果按住不放的话,会重复触发此事件@keyup 当用户按下键盘键当按键恢复时触发,如果按住不放的话,会重复触发此事件@keypress 当用户释放键盘上的字符键时触发,对退格没有响应触发顺序 keydown>keypress>keyup 在vue中只有keydown能够赶上数据双向绑定的刷新速度二、checkbox单选与多选单选:通过v-model来设置其对应的变量,value来对应选中后之前所对应变量的值多选:通过v-model来设置其对应的变量,v原创 2022-07-06 18:56:19 · 773 阅读 · 0 评论 -
vue——条件渲染、v-for、key、数组的检测与更新、事件修饰符、js的四种for循环方式
vue中对标签使用v-if、v-else-if、v-else使用时与if判断相仿v-if中的值来决定该标签的显示二、v-forv-for 循环对象是一个字符串时,结果为字符串的第一个字母到最后一个v-for 循环对象是一个数值型时,结果为1到该数值v-for 循环对象是一个数组时,结果为数组第一个到数组最后一个v-for 循环对象是一个对象时,结果为对象的vlaue值从第一个到最后一个(js中对象是以vaue,key 的形式来的)三、keykey在vue中是唯一值的形式存在的,为标签原创 2022-07-06 15:57:43 · 488 阅读 · 0 评论 -
vue——前端发展、vue介绍、mvvm模式、组件化开发、单页面开发、模板插值语法、文本指令、事件指令、属性指令
1.使用HTML(5)、CSS(3)、JavaScript(ES5、ES6)编写一个个的页面发送给后端(PHP、Python、Go、Java)后端嵌入模板语法,后端渲染完数据,返回数据给前端,在浏览器中查看2.Ajax的出现,后台发送异步请求,Render+Ajax混合3.单用Ajax(加载数据,DOM渲染页面),前后端分离的雏形4.Angular框架的出现(1个JS框架):出现了“前端工程化”的概念(前端也是1个工程、1个项目)5.React、Vue框架:当下最火的2个前端框架(Vue:国人喜欢用,Rea原创 2022-07-05 21:22:47 · 370 阅读 · 0 评论 -
vue——vue项目创建、vue项目目录结构、vue cli的运行说明、es6导入导出语法、vue-router使用、vue项目使用bootstrap和jQuery、element-ui
`创建一个vue项目之前,我们需要知道纯前端作为一个项目时需要node.js的支持,所以需要先安装一个node.jsnode.js中文官网下载的时候以长期支持版本为主,长期支持版本随时间会变更,此图只能参考安装时最好使用msi,这样安装完毕后会自动配置node和npm环境变量vue cli官方网以官方网安装为主,此文章安装方式再后续时间段可能不是主流安装了,安装之前请阅读下面的引用部分vue cli安装指令 本文以window为主使用npm安装很慢的话,可以考虑cnpm安装时可能会失败,或者报原创 2022-06-30 18:07:43 · 462 阅读 · 0 评论 -
vue——计算属性、侦听属性、组件、组件通信、ref属性、数据总线、动态组件、插槽
函数编写在computed中后将被编入vue实例中,可以作为一个属性直接使用,计算属性只有在它的相关依赖发生改变时才会重新求值。如果编写时使用箭头函数this不再指向vue实例,不过可以添加一个参数,该参数为vue实例一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。三、组件扩展 HTML 元素,封装可重用的代码,目的是复用,每个组件都有自己的html、css、js组件创建可以有自己的template、data、methods、match等需要注意的是:1.原创 2022-06-29 22:01:06 · 260 阅读 · 0 评论 -
前端——jQuery操作标签、jQuery事件操作、jQuery动画效果、bootstrap基础使用
文章目录一、jQuery操作标签1. class操作2.样式操作3.位置操作4.文本值操作5.属性操作6.文档处理二、jQuery事件操作1.事件操作2.悬浮事件3.监听事件4.阻止后续事件5.事件冒泡6.事件委托三、js动态效果四、bootstrap基础使用1. bootstrap框架介绍2. bootstrap版本3. bootstrap基本使用4. bootstrap文件组成5. 布局容器6. 栅格系统7.表格样式8. 按钮9. 图标样式10.bootstrap基础使用总结一、jQuery操作标签原创 2022-05-02 18:12:04 · 1216 阅读 · 0 评论 -
前端——DOM操作标签、js事件、jQuery
文章目录一、DOM操作标签1.1 创建、添加标签1.2 标签值获取1.2.1 获取普通值数据1.2.2获取文件数据1.3 属性操作1.3.1 类属性操作1.3.2 样式操作二、js事件2.1事件使用方式2.1.1 创建事件后标签绑定事件2.1.2 创建事件同时绑定事件2.1.3 常用事件类型三、jQuery3.1 jQuery介绍3.2 jQuery优势3.3 jQuery版本区别3.4 jQuery使用3.5 jQuery查找标签3.6 jQuery链式操作一、DOM操作标签在起变量名的时候 如果该原创 2022-04-29 20:02:42 · 1004 阅读 · 0 评论 -
前端——运算符、流程控制、函数、自定义对象、内置对象、BOM与DOM操作
文章目录@[TOC](文章目录)一、运算符1.1 算数运算符1.2 比较运算符1.3 逻辑运算符1.4 三元运算符二、流程控制2.1 if判断2.2 while循环2.3 for循环三、函数3.1 无参函数3.2 有参函数3.3 匿名函数3.4 箭头函数四、自定义对象五、内置对象5.1 Date5.2 JSON对象六、BOM与DOM操作6.1 BOM操作6.1.1 浏览器操作6.1.2 弹窗操作6.1.3 计时器操作6.2 DOM操作一、运算符1.1 算数运算符+ 加法运算符:除了数字型之间加法运原创 2022-04-28 20:14:09 · 463 阅读 · 0 评论 -
前端——溢出属性、定位、z-index、JavaScript
文章目录一、溢出属性二、定位1.静态定位2.相对定位3.绝对定位4.固定定位三、z-index四、JavaScript1.javascript简介2.注释、结束符号3.变量3.1 var3.2 let3.3 const4.数据类型4.1 数值类型4.2 字符类型4.3 布尔类型4.4 对象一、溢出属性文本内容超出标签范围时使用overflow可以隐藏超出部分或者让超出部分可以滚动查看overflow: hidden 隐藏文本overflow: auto\scroll 提供滚动条查看二、定位1原创 2022-04-27 18:28:52 · 1410 阅读 · 0 评论 -
前端——伪类选择器、选择器优先级、css修改文字属性、css背景、css边框、display属性、div、浮动、浮动清除
文章目录一、伪类选择器二、选择器优先级三、css修改文字属性四、css背景五、css边框六、display属性七、div1.外边距2.内边距八、浮动一、伪类选择器1.修改首个字体样式 p:first-letter { color: red; font-size: 48px; }2.在文本开头添加内容 p:before { content: 'css开头'; color: blue;原创 2022-04-26 18:16:21 · 736 阅读 · 0 评论 -
前端——form表单、网络请求方式、css
文章目录一、form表单1.属性action2.input标签3.select标签4.textarea标签5.lable标签二、网络请求方式1.get请求2.post请求三、css1.语法结构2.语法注释3.多种引入css的方式4.基本选择器4.1标签选择器(范围查找)4.2类选择器(范围查找)4.3id选择器(精确查找)4.4通用选择器4.5组合选择器4.5.1儿子选择器(关键符号是大于号)4.5.2后代选择器(关键符号是空格)4.5.3毗邻选择器(关键符号是加号)4.5.4弟弟选择器(关键符号是小波浪号原创 2022-04-25 20:23:46 · 1333 阅读 · 0 评论 -
前端——http协议、html简介、head标签、body标签、列表标签、表格标签
文章目录前言一、http协议1.1 四大特性1.2 数据格式1.3 响应状态码二、html简介三、head标签四、body标签五、列表标签六、表格标签前言前端:任何与用户直接打交道的界面都可以称之为前端前端知识脉络:HTML、CSS、 JavaScript、 jQuery(框架)、 Bootstrap(框架)一、http协议1.1 四大特性基于请求、响应服务端永远不会主动给客户端发消息 必须是客户端先请求服务端被动响应基于TCP/IP作用于应用层之上的协议应用层协议:HTTP原创 2022-04-22 19:02:47 · 2612 阅读 · 0 评论