敲代码改变不了中国

摘要： 监测对象的变化： Object.defineProperty（） (vue2) Proxy (vue3)Object.defineProperty（） Object.defineProperty(object, key, { value: 18, // 赋值 enumerable: true, // 阅读全文

摘要： // js 获取dom元素距离顶部的位置 let divOneTop = document.getElementById('div-one').getBoundingClientRect().top let divTwoTop = document.getElementById('div-two') 阅读全文

摘要： 最近做一个项目，需要树形结构中 id 相同的数据，选中或取消一个，其他的也要选中和取消。 上网查案例，有一个需求相同的，但是需要修改源码。我觉得不靠谱。于是乎，自己写了一个，供大家参考。 效果图如下： 代码我就不放了，我写了一个整体的案例放到了我gitee里，有需要自取 git 地址：https:/ 阅读全文

摘要： 创建vue项目 报错：ERROR command failed: yarn 解决方法一：Win+R 输入cmd进入到命令行界面 输入命令 npm install -g yarn 成功后重新创建vue-cli4项目便可以解决了。 解决方法二： 进入到Windows环境中C:/users/adminis 阅读全文

摘要： CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距margin，边框border，填充padding，和实际内容content。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 box-sizing:content-box（W3C盒模型，又名标准盒模型）：元素的宽高大小表现 阅读全文

摘要： 方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;） 图片展示： 代码如下： div{ background:red; position: absolute 阅读全文

摘要： IE： trident 内核 Firefox: gecko 内核 Safari: webkit内核 Opera: 以前是presto内核，Opera现已改用Google Chrome 的Blink内核 Chrome: 基于webkit 阅读全文

摘要： 响应式布局 响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是css写的比较多。 响应式设计与自适应设计的区别： 响应式开发一套界面，通过检测视口分辨率，针对不同客户端再客户端做代码处理，来展示不同的布局 阅读全文

摘要： 当我们想要确保某代码再 谁 之后 执行时，我们可以利用函数调用栈，将我们想要执行的代码放入回调函数中； function sencondFun() { console.log('这次我先运行,firstFun再运行'); } function firstFun(sencond) { console. 阅读全文

摘要： Promise 的重要性，四个字：必！须！掌！握！。 1.Promise为什么会出现？ 在实际的使用中，有非常多的应用场景我们不能立即知道应该如何继续往下执行。 最常见的一个场景就是Ajax请求。 通俗来讲，由于网速的不同，可能你得到返回值的时间也是不同的，这个时候我们就是需要等待； 结果出来之后才 阅读全文