随笔分类 - #个人成长
记录自己的成长过程
摘要：本文开始，首先我们来看这两个词的意思，provide：提供 inject：注入 用处： 父组件可以向其所有子组件传入数据，而“不管子组件层次结构有多深（非父子和父子咱都能传）” 特性： 父组件有一个provide选项来提供数据 子组件有一个inject选项来开始使用这个数据 本文参考组件层级： In
阅读全文
摘要：当我们使用vuex的时候，时不时能看到“更改Vuex中的store中的状态的唯一办法就是提交mutations”，但是有没有试想过，我们不提交mutations其实也能修改state的值？答案是可以的 我们可以直接使用如下方式； this.$store.state.num=666; 其中，这样修改的
阅读全文
摘要：用第三方组件或者UI框架会自带自身封装的事件，如keyup等，会覆盖原生的组件而无法起效果 而 .native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的 如下： <el-input v-model="QueryText" placeholder="请输入内容" id="myInput"
阅读全文
摘要：以下全部属性皆为横向（因为竖向的话只需要把x改为y即可，就不在本文列出） 1.clientWidth：元素内部宽度 =width+padding 2.offsetWidth：元素内部宽度=width+padding+border+scroll 3.clientLeft:元素左边框的宽度 4.offs
阅读全文
摘要：区别： 1.Canvas使用笔刷来绘制2D图形，而svg主要是用标签来绘制不规则矢量图的 2.Canvas画的是位图（放大会模糊），svg话的是矢量图（放大不会失真） 3.Canvas性能好一些，但写起来更为复杂，svg节点过多时，渲染会慢 4.Canvas不支持分层和事件，但可以用库来实现，svg
阅读全文
摘要：用户行为描述： 当用户点击右上角的“发布”按钮时候，会从首页发送一个值给“发布页” “发布页”接收该值 “发布页“效果图： 此时可以看到页面显示了用户是首页进来的，如何做呢？如下 动态绑定placeholder，然后利用计算属性完成该操作 如下 这样的话，如果用户不是从首页点进来的“发布页”，“发布
阅读全文
摘要：自适应布局和响应式布局的区别？ 1.响应式的概念覆盖了自适应，但响应式包含的东西更多，响应式的布局可以根据屏幕的大小自动调整页面的展示方式 2.自适应有一个致命缺点：如果屏幕尺寸太小，即使网页能够根据屏幕大小进行适配，也会感觉在小屏幕上查看，内容过于拥挤 3.响应式解决了自适应布局的问题，响应式能自
阅读全文
摘要：执行vuex中的函数，有两种方法： 1.commit，例如this.$store.commit("GETMODULESELECTLIST"); //mutations中的方法 2.dispatch，例如 this.$store.dispatch("getModuleSelectList"); //a
阅读全文
摘要：第一种解决办法： 修改组件名称为大驼峰，不要用系统中命令常见的名称 第二种解决办法： 在根目录下，打开【.eslintrc.js】文件，如果没有，就新建，代码如下： module.exports = { root: true, env: { node: true }, 'extends': [ 'p
阅读全文
摘要：报错如图所示： 原因：可能是ts-node版本过高 解决：安装低版本的ts-node 使用ts-node的低版本npm i -g ts-node@8.5.4成功解决问题
阅读全文
摘要：promise功底
阅读全文
摘要：当前core-js@2已经放弃维护了，所以要装3以上的版本。 启动的时候出现的问题为 This dependency was not found: core-js/modules/es.error.cause.js in ./node_modules/@babel/runtime/helpers/c
阅读全文
摘要：自适应和响应式区别？ 1.自适应需要开发多套界面，响应式只需要一套 2. 自适应：同一个页面用不同的设备去访问的时候，页面布局基本上是一致的，就是尺寸略有不同 响应式：同一个页面用不同的设备去访问的时候，最后看到的页面有很大的不同 3.自适应布局如果屏幕太小会发生内容过于拥挤。而响应式布局正是为了解
阅读全文
摘要：如图所示：报端口port22错误 网上解决办法： 办法一： 修改host首先到 ipaddress 输入 github.com 查找到其IP地址将查到的IP地址和网址映射放到你的本地 hosts 文件中即可，例子：140.82.112.4 github.comwindows下 host 默认地址：
阅读全文
摘要：首先MDN官网中有一句写道： assign()语法： Object.assign(target, ...sources) target：目标对象，接收源对象属性的对象，也是修改后的返回值。sources：源对象，包含将被合并的属性。下面来看例子： let s = { a: 1 } let targe
阅读全文
摘要：报错如下： 解决办法： 终端运行命令 yarn run lint --fix
阅读全文
摘要：区别一：存储数据大小不同 1.cookie的存储数据大小在不能超过4kb，每个页面最多存储20个cookie 2.localStorage能达到10mb，sessionStorage能达到5mb，虽然容量比cookie大，但是localStorage是同步执行，太大会影响渲染进度 区别二：兼容性 1
阅读全文
摘要：出现这个报错常见的有两种情况， 第一： cli4和cli3不太一样 需要引用相对应的使用的东西， 第二： vue-router版本太高， 我是用了第二种解决办法，安装低版本的路由就解决了 这种情况一般是运行npm install vue-router --save-dev 后启动报错，这是因为安装的
阅读全文
摘要：instanceOf方法：可以用来准确判断复杂引用类型，但是不能判断基础数据类型，该方法返回一个布尔值 实现原理：利用原型链知识 实现代码如下： <script> function myinstanceOf(target,classname){ //利用p当指针复制需要判断的对象 let p=tar
阅读全文
