流浪のwolf

摘要： 层级的大小使用 z-inde 来定义，层级大的会覆盖层级小的 ； 举个例子，我们设计弹窗的时候，会涉及三个层面，我们把遮罩层mask放在第二层，把弹窗内容放在第一层 ，页面内容显示在第三层； 阅读全文

摘要： TypeScript 是微软基于JavaScript开发的开源编程语言，是js的超集，扩展了js语法并添加了静态类型，可以兼容js所有的运行平台； js 是弱类型语言 ， ts 是强类型语言 ； js中形参和实参不要求类型相等；ts严格要求类型对应 ，支持函数重载 ； ts不能直接被js解析器执行， 阅读全文

摘要： 基础：使用konva，首先需要创建舞台也就是stage，然后创建一个Layer图层，将图层放到舞台上，将图形等内容放到图层上 ; 第一步：创建一个Stage舞台 , 就是创建一个 stage 实例 ； 第二步：创建一个Layer图层 ，创建一个layer 实例 ； 第三步：创建一个图形， 什么图形都 阅读全文

摘要： 1. vue3 使用 proxy 替换Object.defineProperty 实现数据响应式 ，所以vue3 的性能得到了提升 ； 2. vue3 使用组合式 API 替代了 vue2 中的选项式 API ； 3. vue3 的template 中可以使用多个根标签，因为vue3新增了 frag 阅读全文

摘要： 主要实现的方式： 1. 第一种方法 ，在子组件标签使用自定义属性=“参数”和自定义事件，在子组件内使用 props 接受自定义属性 ；如果子组件要修改参数，不能直接修改，因为 vue 时单向数据流 ，要通过$emit 自定义事件在父组件修改数据，子组件自动更新 ； ps：在子组件标签使用 v-mod 阅读全文

摘要： 虚拟dom 是js模拟的一颗dom树，也是 js 对象 ； 虚拟dom 时相对于 真实dom而言的，操作真实 dom 开销太大，降低了性能，所以使用 虚拟 dom 替代真实 dom 完成操作和计算功能，极大提升了性能 ； 优点： 1. 无需手动获取dom ，操作 DOM ； 2. 跨平台： 虚拟 D 阅读全文

摘要： Vue 提供了 Vue.set (object, propertyName, value) / vm.$set (object, propertyName, value) 来实现为对象添加响应式属性。 vm.$set 的实现原理是： 如果目标是数组，直接使用数组的 splice 方法触发相应式； 如 阅读全文

摘要： 1. Proxy 可以直接监听对象而非属性；但是 ，object.defineProperty 只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。Proxy 可以劫持整个对象，并返回一个新的对象 2、proxy 不仅可以代理对象，还可以代理数组，还可以代理 阅读全文

摘要： 共同点：都是保存在浏览器端的。 区别： 1.cookie数据始终携带在同源的http请求中，即cookie在浏览器和服务器间来回传递，而sessionStorage和Localstorage不会自动把数据发送给服务器，只在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属 阅读全文

摘要： 在vue2中的内置组件： 动态路由中的 component ：作用：动态显示路由的挂载点，使用 is 属性动态显示组件 ； keep-alive ：作用：使被包裹的组件保留状态，避免被重新渲染 ； 路由中的router-link ：作用：和 超链接类似，使用 to 属性制定 url 跳转页面 ； r 阅读全文