heroxiao

第一次在掘金发文章，有点啰里啰嗦，大家见谅。 当前大部分UI框架设计的Webpack配置都相对复杂，例如Element、Ant Design Vue和Muse-UI等Vue组件库。例如Element，为了实现业务层面的两种引入形式（完整引入和按需引入），以及抛出一些可供业务层面…

1. JavaScript模块化简述👦 一个复杂的项目肯定有很多相似的功能模块，如果每次都需要重新编写模块肯定既费时又耗力。同样，某个功能别人已经造好了轮子，我们就调来用用就好，这时就要引用别人编写模块，引用的前提是要有统一的「打开姿势」，如果每个人有各自的写法，那么肯定会乱…

当时的角度主要注重产品体验上。现在入职蚂蚁1年左右，对其又产生了一些新的想法。虽然前端的能力越来越强，技术栈要求也越来越高。但从工程角度出发，前端目前还处在一个较低的阶级水平。 我刚毕业的时候，在一家创业公司做全栈，职称是web开发工程师。当时前后端未分离，而我内心的工程，就是…

浏览器从去年年底开始，已经开始支持浏览器的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。 scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。 我们先看一个…

直接回想起来的就是 cmd amd commonJS 这三大模块管理的印象。但是大家清楚 cmd amd commonJS 为什么会出现么？接下来，我们就一起来瞅瞅这具体是啥情况。 通过立即执行函数，让外部根本没有时间从外部去修改内部的属性，从而达到一定的防御作用。 以上就是我…

最近在前端论坛闲逛，看到了一些讲parcel、webpack的文章，就突然很好奇，每天都在用的打包工具，他们打包的原理究竟是什么。只有知道了这一点，才可以在众多的打包工具里，找到最适合的那个它。在了解打包原理之前，先花一些篇章说明了一下为什么要使用打包工具。 前端产品的交付是基…

相信很多的用vue的人都知道vue双向绑定的原理建立在，给属性绑定了getter和setter，在属性被改变的同时触发视图的再渲染。而本期也是借助这两个内置方法实现vue内的watch getter 是一种获得属性值的方法，setter是一种设置属性值的方法。 而 consol…

内容来源：2017年6月24日，腾讯前端高级工程师郭润增在“腾讯Web前端大会 TFC 2017”进行《微信支付大规模前端外包实战》演讲分享。IT 大咖说（微信id：itdakashuo）作为独家视频合作方，经主办方和讲者审阅授权发布。 业务高速发展离不开各种配套运营系统的高效…