摘要: canvas canvas 是 HTML5 的新特性,它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。 canvas标签 <canvas>标签只是图形容器,相当于一个画布,canvas元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成,相当 阅读全文
posted @ 2022-03-14 10:45 wanglei1900 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 1.Vue模板中style的scoped属性的作用:加上scoped后只作用于当前的组件有用(样式) 对于某一个组件,如果style添加上scoped属性,给当前子组件的结构都接天上一个data-v-xxxx自定义属性 会发现vue是通过属性选择器,给需要添加的元素添加上样式 h3[data-v-3 阅读全文
posted @ 2022-03-13 16:26 wanglei1900 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 1.配置项props 适用于:父传子组件,props 如果传递的是函数,本质是子组件给父组件传递数据 如果传递的数据(非函数),本质就是父组件给子组件传递数据 书写方式三种 功能:让组件接收外部传过来的值 (1)传递数据: <Demo :your-name="xxx"/> (2)接收数据 第一种方法 阅读全文
posted @ 2022-03-09 17:29 wanglei1900 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 跳转【Vue2】基础知识一 跳转【Vue2】基础知识二 脚手架文件结构 |—— node_modules |—— public | |—— favicon.ico: 页签图标 | |—— index.html: 主页面 |—— src | |—— assets: 存放静态资源 | | |—— log 阅读全文
posted @ 2022-03-09 11:23 wanglei1900 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 跳转【Vue2】基础知识一 跳转【Vue2】基础知识二 Vue的特点? 组件化复用维护更好,MVVM模型无需直接操作DOM,虚拟dom+diff算法,复用dom节点。 Vue中有2种数据绑定的方式 1.单向绑定(v-bind):数据只能从data流向页面 2.双向绑定(v-model): 数据不仅能 阅读全文
posted @ 2022-03-09 10:53 wanglei1900 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 后台管理项目中,在页面切换时(不同场景共用一个展示界面)不同数据需要共用一个input框等,就会出现因取消或者保存结束后,切换到其他场景时还会出现上一个页面输入(绑定)的数据(因为响应式数据data里没有清除) 解决办法:如果涉及到data中的响应式数据只有一个,可以一个一个手动赋值为空来初始化。但 阅读全文
posted @ 2022-03-06 13:47 wanglei1900 阅读(1410) 评论(4) 推荐(0) 编辑
摘要: 一、判断数据的类型,了解一些常用的方法(结尾为总结判断数组和对象的推荐方法) 1.typeof运算符 typeof属于运算符不是函数,所以可以不用加括号 typeof() 只能区分基本类型,即 “Number”,”String”,”undefined”,”Boolean”,”Object”,“Fun 阅读全文
posted @ 2022-03-02 17:33 wanglei1900 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 一般深浅拷贝只针对复杂数组和对象,即引用类型,理解什么是深浅拷贝,为什么要用深浅拷贝 比记住方法更重要。这样才能在工作中知道何时应该用深浅拷贝,方法百度到处是。 什么是赋值,什么是深拷贝,什么是浅拷贝 1.赋值: 强行赋值,将两个对象的指向同一块内存地址,两个对象将发生联动。(基本数据类型不在此考虑 阅读全文
posted @ 2022-02-23 17:53 wanglei1900 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 使用用户头像上传组件, 注意图片上传路径action路径问题,图片上传控制台报404错误,控制台 network选项卡查看请求。思考,发现请求路径不对,这里需要完整路径 el-upload 组件里的两个事件回调 图片上传:之前验证图片,大小、格式 图片上传:成功把服务器返回数据给表单 修改品牌名称和 阅读全文
posted @ 2022-02-22 22:53 wanglei1900 阅读(1456) 评论(0) 推荐(0) 编辑
摘要: 初步印象,和bootstrap一样,通过类名控制样式。个人感觉比bootstrap更为简单,但是可能没有bootstrap灵活。 表格 Table <el-table :data="data" style="width: 100%"> <el-table-column prop="prop" lab 阅读全文
posted @ 2022-02-20 21:48 wanglei1900 阅读(220) 评论(0) 推荐(0) 编辑