在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其实就是指BFC中的FC。FC(Formatting Context)，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的...

Typescript工具类型已经内置在es5类型声明中，无需定义即可使用。不需要一次记住所有工具，只需留下印象，将来需要时再来查阅即可。文章目录已经组织成易于查阅的形式。函数工具ConstructorParameters {代码...} 输入构造函数的类型，输出构造函数的参数的类型。例子...

一、例子 {代码...} props.children ： React.Children.map(props.children, item => [item, [item, [item]]] ： 看到一个有趣的现象，就是多层嵌套的数组[item, [item, [item]]]经过map()后，平铺成[item,item,item]了，接下来以该例解析React.Child.map() 二、R...

我们公司目前开发的项目是使用 Vue 搭建的后台管理应用. 随着同质的项目慢慢的变多, 原先维护在一个项目里的组件在其他项目也会用到, 而组件会随着业务的要求, 进行相应的升级和修改. 这就导致修改一个组件需要同步代码到其他项目. 所以非常需要一个组件仓库的存在, ...

众所周知，使用 vue-cli 可以快速初始化一个基于 Vue.js 的项目，官方提供了 webpack、pwa、browserify-simple 等常用 templates。

el-select数据过多处理方式 在日常项目中el-select组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式. 远程搜索 组件提供了远程搜索方式, 也就是按照你输入的结果匹配选项. 下拉懒加载loadMore 下拉懒加载, 当select滚动到底部时, 你再...

Vue自定义指令的妙用这篇文章更详细，也有 npm 包直接下载使用希望可以帮到更多的人，如果有帮助可以点个 Star新添加了 npm 包，vue-element-utils，在 element-ui 添加了一些自定义指令，拖拽位置、宽高，下拉框滚动加载，剪切板等等功能突然有个人问起vue如何做滚...

因为项目缘故，需要实现一个数组转树形结构的数据，主要是用于树组件的渲染。一开始没有去网络上找相关的成熟的算法，自己思考自己写了一个，可以用，也用了一段时间。但是有一次，数据量特别大，数据又有些特别（非特殊的树形结构，子节点判断一部分是通过 parentId...

-u, --upgrade根据 template目录下模板，生成新的文件，更新到当前组件中。使用的是覆盖策略，默认覆盖的文件定义在 update-files.js。常用于使用最新版本vue-sfc-cli对旧组件的配置进行升级

当我们去点击一个输入框的时候，实际上它会产生一个选中对象-selection（就是我们可以看到的文字变成蓝色的那个区域），selection在火狐浏览器可以直接用 window.getSelection()获取，在HTML里面，selection只有一个的，并且selection是一个区域，你可以想象成一个长...

Selection对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区，可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。要获取用于检查或修改的Selection对象，请调用 window.getSelection()。

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理及JSBridge的封...

已解决，eCharts3有属性可以单独对每根柱子上的数据定义位置，只当判断两个数据要重叠的时候才进行位置的移动[链接]

扩展阅读 有哪些鲜为人知，但是很有意思的网站？ 一份攻城狮笔记 每天搜集 Github 上优秀的项目 一些有趣的民间故事 超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集 网站之最 第一个网站（世界上第一个网站）：[链接] 水滴（世界上最小的网站）：[链接] ...

原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。

原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。

本脚手架主要致力于前端工程师的快速开发、一键部署等快捷开发框架，主要目的是想让前端工程师在一个阿里云服务器上可以快速开发部署自己的项目。本着前端后端融合统一的逻辑进行一些轮子的整合、并加入了自己的一些脚手架工具，第一次做脚手架的开发，如有问题，请...

因为自己有个需求，特别的痒，昼夜难免。第二天就开始起手做这个项目，利用业余时间，大概持续了10天时间（因为边学边做），从设计到数据（包括解析物理文件）到前端。总于把我想要的效果做出来了。因为数据涉及到版权问题，所以只搞了部分数据来做演示，哈哈。

整体上来讲，React生命周期分为了 挂载（装配） 、 更新 、 卸载 以及 捕错 四个状态阶段。每种状态里需要执行若干个生命周期函数，这些函数可能会在不同的阶段里重新被调用。

环境变量切换在 vue-cli3 中，环境变量是通过 '.env.XXX' 的隐藏文件来配置的，可在 环境变量和模式 中找到解决方案。 所以就直接项目情况，建立了两个文件: .env {代码...}