女王控的博客

前端

115 篇文章

构建多平台轻量化组件的实践

需求背景 需求背景接上文 记一次组件打包为链接的实践 框架搭建接上文 Webpack脚手架搭建笔记——记一次新项目搭建 组件轻量化 在将客服组件上线后,由于未考虑到加载的组件包的大小,尤其是初始加载的包比较大,即使是压缩过初始加载也有600多k… »

Webpack脚手架搭建笔记——记一次新项目搭建

接上文 Webpack升级优化——记一次产品端升级 最近需要开发一个新产品,此时需要一个新框架来承载新产品的开发,根据前端主管的建议,建议我在他已经开发出的新框架上进行改造,这里记录一下改造的关键点 babel 编译兼容 IE 在 .babelrc 文件里加上标红代码,防止ie某些方法报错 脚本运行颜色 在将 npm script 写成 nodejs 脚本时,脚本颜色是灰色,此时需要加上 参数 webpack 加速构建 在 webpack.base.babel.js 文件中添加 hard… »

CommonJS规范总结与扩展

出发点 主要是为了弥补当前JS没有标准的缺陷,以达到像Python、Ruby和Java具备开发大型应用的基础能力。CommonJS API是以在浏览器环境之外构建 JS 生态系统为目标而产生的项目,比如服务器端JS应用程序、命令行工具、桌面图形界面应用程序等。如今,规范涵盖了模块、二进制、Buffer、字符集编码、I/O流、进程环境、文件系统、套接字,单元测试、Web服务器网管接口、包管理等。 CommonJS的模块规范 CommonJS对模块的定义主要分为模块引用、模块定义和模块标识… »

React之createContext入门学习

初识 context 在典型的 React 应用中, 数据 是通过 props 属性显式的由父及子进行 传递 的,但这种方式,对于复杂情况(例如,跨多级传递,多个组件共享)来说,是极其繁琐的。 第一种解决方式是: 组件的封装与组合,将组件自身传递下去 在项目中,我们在父层获取数据,不同层级的子组件访问时,我们可以使用 将子组件的公共组件封装,将公共组件传递下去 。例如 这种对组件的 控制反转 减少了在应用中要传递的 props… »

0%