TypechoJoeTheme

Toasobi的博客

搜索到 11 篇与 的结果 ———
2023-09-19

ElementUI快速上手

ElementUI快速上手
引入相关文件ElementUI的布局模式elementUI也有Flex布局风格的自成布局模式el-row el-col布局: gutter是el-col之间的间隔 span是el-col的权重(span一共24个权重)Element:按钮提供了各种样式的按钮,下面演示了颜色,形状上不同的按钮plain:默认为true,表示朴素按钮,无背景色Element:输入框elementUI的输入框能输入的前提是使用v-model绑定了数据clearable属性表示有一键清除功能Element:下拉框下拉框数据可以使用多个el-option写死,也可以使用单个el-option,v-for动态绑定默认是现实label属性,没有则显示value属性。二者同时出现时,label是现显示,value是实际绑定值(这里是select2)filiterable表示可搜索的@change为这里的绑定事件,是在绑定的值发生改变后触发(这里是控制台打印)Element:联想建议输入框coffee为联想对象数组,联想对象数组一定要带value属性名称联想建议函数中过滤对象数组中符合的对象,并且通过cb(cal...
2023-09-19

前端小白

0 阅读
0 评论
2023年09月19日
0 阅读
0 评论
2023-09-18

JavaScript语法记录

JavaScript语法记录
创建对象并赋值let user = {} user.age = 10 user[age] = 10对象拷贝let teacher = user //浅拷贝,不安全! object.assign(teacher,user) //user 赋值给teacher 深拷贝! Json.parse(JSON.stringify(user)) //深拷贝! 通过将对象转为字符串再转为JSON实现拷贝特殊的语法//不确定a是否为undefine,可以用这个防止访问报错 let a = null let b = a ?.name //a对象存在则取其name属性 //其中一个为null则取另外一个 let a = null let c = 1 let b = a ?? c //a = undefined,则b = c = 1 // 防止访问报错,res为null则为{} let res; let res1 = res || {} console.log(res1.name) //a为undefine则用b,b为undefine则用a let a; let b; console.log...
2023-09-18

前端小白

0 阅读
0 评论
2023年09月18日
0 阅读
0 评论
2023-09-15

VUE语法速通

VUE语法速通
**1.简单使用开始**el表示绑定vue实例于哪个divvue实例放在vue.js引入之下,单独使用script包起尽量不要在{{}}里面进行数值操作(++等)应该在script中算好了再拿过来渲染**v-html 渲染html**vue如何渲染html**v-model 双向绑定数据**v-model双向绑定数据,二者同步变化,实时更新**v-if 满足则渲染**if判断变量是否满足,不满足不渲染**v-bind 动态跳转**动态跳转,根据变量内容变化,可以从后端取值然后动态绑定<a v-bind:href="url">点击</a>**v-on 事件绑定**例子使用原生js改变css样式同时,v-on还可以实现点击一个元素触发另一个元素的动作(原生js找id)**v-for**:key 唯一值**动态绑定class**:class , 'active'是一个css样式,此外还有动态绑定style
2023-09-15

前端小白

0 阅读
0 评论
2023年09月15日
0 阅读
0 评论
2022-10-14

Html--a标签(超链接)

Html--a标签(超链接)
链接的 HTML 代码很简单。它类似这样:链接文本(行内元素,不会自动换行)href 属性描述了链接的目标,此为必须标签,如果未设置该属性,则该链接与普通文本没有区别实例:访问Github还可以访问相对路径访问绝对路径如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。不写的话默认都是当前窗口打开("_blank")target="_blank":在新窗口中浏览新的页面。target="_self":在同一个窗口打开新的页面。target="_parent":在父窗口中打开新的页面。(页面中使用框架才有用)target="_top" :以整个浏览器作为窗口显示新页面。(突破了页面框架的限制a标签实现锚点(返回页面最上面) 锚点 锚点 //跳转到当前页面 内容1 或者 .... 回到内容1菜鸟跳转
2022-10-14

前端小白

0 阅读
0 评论
2022年10月14日
0 阅读
0 评论