组件化。 拥有强大的开源社区。 拥有大量第三方库解决大部分问题。 拥有大量现成的第三方组件。 拥有浏览器拓展/工具帮助快速 debug。 友好的支持单页应用。 不，这些都不是根本原因，最多算前端框架的营销手段。作者给出的最根本原因是： 解决 UI 与状态同步的难题。 作者假设了…

管理平台的表格页面一般包含这几部分功能：1.操作按钮（添加，批量删除等）；2.表格数据筛选项（常用的有select过滤，时间过滤，搜索过滤等）；3.表格主体；4.分页。 需求满足了，但是只是个妥协之计，该怎么在format返回的标签字符串上面绑定方法呢，如有想法，不胜感激，解决…

模块化的开发方式可以提高代码的服用效率，方便进行代码的管理。模块化主要体现的是一种分而治之的思想。分而治之是复杂系统开发和维护的基石，模块化则是前段最流行的分治阶段。 在最开始的阶段，JS 并没有模块化机制，各种 JS 到处飞，也就是所谓的野生代码，得不到妥善的管理。后来前端圈…

最近项目中多次用到了Popover弹出框，在使用时，也遇到了一些坑，比如如何控制显示和隐藏，及在表格数据中如何针对当条数据进行显示和隐藏，所以对Popover相关知识做了一个总结。 Popover 有四种激活方式，主要支持四种触发方式：hover，click，focus 和 m…

前端目前比较主流的框架有react，vuejs，angular等。 比如ant-design是基于react搭建的UI组件库，而elementUI则是基于vuejs搭建的组件库。 虽然目前社区有相关工具，提供框架之间的转化服务，比如讲vuejs组件转化为react组件。 但是毕…

1. 调用后端接口导出文件 会打开一个新窗口，开始下载后会自动关闭新窗口。Safair 下载后没有关闭新窗口。 在HTML中，iframe 的属性用src，但在JS中，只有部份浏览器支持修改src(读是没问题)，真正通用的是要修改对应框架的href值。 HTML5中给a标签增加…

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

想象有这样的一个场景，类似资料卡的东东，需要在页面中展示头像和用户的名称。 姓名在右，字号16px，垂直居中。 此时，我们完成了需求，一切都没有什么不对的，但是一个很现实的问题。 不会有这么简单的页面存在的，就算简洁如 Google 首页，也用到了400左右的DOM元素。 很难…

相信很多刚入门的小伙伴，经常会写很多重复的代码，而这些代码一般情况下也都是大同小异，在这种情况下，如何让开发和学习变得更加高效，组件化的思想就显得尤为重要。这里通过设计一个简单的弹出框，给小伙伴们分享组件化的应用。 在实际的开发中，我们应该避免去编写重复的代码，将精力放在更…