JavaScript 和 Gulpfile Gulp 允许你使用现有 JavaScript 知识来书写 gulpfile 文件，或者利用你所掌握的 gulpfile 经验来书写普通的 JavaScript 代码。根目录 gulpfile.js 的作用，在运行 gulp 命...
前端开发
@antv/x6、@antv/x6-react-components X6 图编辑引擎在 react typescript 项目中实践
X6 图编辑引擎 X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建 DAG 图、ER 图、流程图等应用。 说明文档：https://x6.antv.vision/zh/docs/tut...
@antv/x6、@antv/x6-vue-shape X6 图编辑引擎在 vue 中实践
X6 图编辑引擎 X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建 DAG 图、ER 图、流程图等应用。 说明文档：https://x6.antv.vision/zh/docs/tut...
vue 自定义指令大全
应用场景 代码复用和抽象的主要形式是组件当需要对普通 DOM 元素进行底层操作，此时就会用到自定义指令但是，对于大幅度的 DOM 变动，还是应该使用组件 钩子函数 bind：只调用一次，指令第一次绑定到元...
vue 如何开发封装自己的公共组件库，并发布到 npm 上
一、全局安装 vue-cli 脚手架，使用 vue init webpack-simple yyl-npm-practice 初始化项目 初始化项目后 npm install ; npm run dev，项目就能跑起来了。下面我们来试着封装一个属于我们自己的公用组件 Bu...
CSS BFC 详解及运用
BFC 概念 Formatting context(格式化上下文) 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC 即 Bl...
js 数组方法详解及类数组（arguments）如何转换成数组
join()push()pop()shift() unshift()sort()reverse()concat()slice()splice()toString() includes() （ES5新增）indexOf()（ES5新增）lastIndexOf() （ES5新增）forEach() （ES5新增）map() （ES5新增...
webpack 构建缓存之 hash、chunkhash、contenthash 详解
hash hash是跟整个项目的构建相关，构建生成的文件hash值都是一样的，所以hash计算是跟整个项目的构建相关，同一次构建过程中生成的hash都是一样的，只要项目里有文件更改，整个项目构建的hash值都会更改。 ...
js EventLoop 事件循环、微任务、宏任务
EventLoop 事件循环 主线程循环：即主线程会不停的从执行栈中读取事件，会执行完所有栈中的同步代码。 当遇到一个异步事件后，并不会一直等待异步事件返回结果，而是会将这个事件挂在与执行栈不同的队列中...
浏览器缓存之强缓存与协商缓存
缓存直接会影响到网站性能和用户体验的，它是必要存在的。 优点 减少了不必要的数据传输，节省带宽减少服务器的负担，提升网站性能加快了客户端加载网页的速度用户体验友好 缺点 资源如果有更改但是...