Sandy_zhi的博客

node node-sass sass sass-loader

昨天是挫败感较大的一天，因为好久没有真正的精进技术了，事件循环机制 、nextTick 之前条件反射都会想到的问题，昨天竟然被困住了。问题背景项目中用到了el-table的树形结构，table 设置了 stripe 栅格属性，但是由于有展开行，展开后table 按照展开后的所有数据进行了栅格设置，但当展开收起时，栅格的设置是没变的，会导致看上去有写地方栅格失效。如下图：在ElementUI 文档看了el-table 的方法，没有什么可以设置的，项目中用的懒加载，数据也不在tableDa..

新工作中，第一个手生的功能，遇到了很多诡异的问题，今天终于解惑了。最终原因还是对代码没有透彻的了解，jquery的运用也不熟练导致的。小心的记录一下。原始功能 对项目列表中的元素进行拖拽，拖拽到一定的位置，根据放置位置做一些相应的处理（具体不分析）。实际使用时根据自己需求作相应处理就可以了。官方参考及常用APIHTML 拖放 API - Web API 接口参考 | MDN项目中用到的事件方法dragstart : 开始拖拽一个元素，被拖拽元素监听事件drag...

> webpack-dev-server internal/modules/cjs/loader.js:960 throw err; ^ Error: Cannot find module具体错误使用的版本 "webpack": "^5.36.2", "webpack-cli": "^4.7.0", "webpack-dev-server": "^3.11.2"问题原因webpack-cli 版本和 webpack-dev-server 版...

业精于勤 荒于嬉需求：element 的 穿梭框el-transfer 使用起来样式很受限制，一般我们需要根据自己的需求实现数据的灵活选择，左右穿梭，就需要用到自定义的穿梭框了思路：封装自定义的穿梭框，要考虑的是自己的需求样式，以及数据展示格式A：什么样式？Q：穿梭框样式，一般分为左右两侧，此处不多说，根据自己的 UI 画页面就可以了A：展示的数据格式？Q : 主要是根据自己的页面展示，分析自己需要的是什么样的数据，A : 其他逻辑功能分析？Q：你需求的穿梭框需..

BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。Box：css布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display

积跬步 至千里Array.prototype.filter()filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。需求：自定义table穿梭框，数据左右切换时，左侧的数据顺序保持不变思路：左侧数据+右侧数据 = 所有数据 ，保持顺序不变 准备一个所有数据的数组，每次右侧删除变动，可以右侧删除后，左侧数据 = 所有数据.filter（右侧数据）,这样会保持原来的数据顺序不变代码示例 关键代码let tableData = allDat...

业精于勤 荒于嬉Array.prototype.map()数组的 map 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。需求：从当前数组中提取出由id/no 组成的新数组并拼接成字符串很多时候在向服务端提交数据时，为了防止异步操作，服务端只接受提交数据的 id ,其他信息服务端通过id 自己查取获得 因此只需要通过 id 拼接的字符串示例代码 let array = [{ name: 'aaa', ..

问题来源此问题的来源，在于使用element ui 的穿梭框时 默认穿梭框的header 部分 点击后会默认全部选中，在隐藏了checkbox 选中元素后 点击header 部分 仍然会全部选中问题解决css 中找到 对应的类名 header 或者 checkbox 都可以设置：pointer-events: none;...