女王控的博客

全部

198 篇文章

React16新特性

React16 新特性 引言 于 2017.09.26 Facebook 发布 React v16.0 版本,时至今日已更新到 React v16.6,且引入了大量的令人振奋的新特性,本文章将带领大家根据 React 更新的时间脉络了解 React16 的新特性。 概述 按照 React16 的更新时间,从 React v16.0 ~ React v16.6 进行概述。 React v16.0 render 支持返回数组和字符串、Error Boundaries、createPortal… »

前端js模块化发展

引言 如今,Javascript 模块化规范非常方便、自然,但这个新规范仅执行了 2 年,就在 4 年前,js 的模块化还停留在运行时支持,10 年前,通过后端模版定义、注释定义模块依赖。对经历过来的人来说,历史的模块化方式还停留在脑海中,反而新上手的同学会更快接受现代的模块化规范。 但为什么要了解 Javascript 模块化发展的历史呢?因为凡事都有两面性,了解 Javascript 模块化规范,有利于我们思考出更好的模块化方案,纵观历史,从 199… »

记一次组件打包为链接的实践

需求背景 最近要做一个将第三方聊天库打包为链接,以便于顾客端使用,类似于这个样子 , 以实现将代码嵌入到顾客端网站的 标签之前即可完成部署,开发过程中遇到诸多难点 需求难点 打包工具选型 最容易想到的办法就是沿用公司之前的 webpack 框架,这里升级到了 webpack4(见之前的文章 Webpack 配置笔记 ),考虑到打包后可能会包含一些 webpack 的多余代码,因此不是最优方案。但迫于技术的不成熟以及开发时间的压力,还是把 webpack… »

webpack 配置笔记

webpack4 配置一览 基于 react-boilerplate 技术栈 antd + react + less 不断更新 前端的发展 模块化 模块化是指把一个复杂的系统分解到多个模块以方便编码。 挂载到变量 jQuery 库把它的 API 都放在了 下,在加载完 jQuery 后其他模块再通过 去使用 jQuery 命名空间冲突,两个库可能会使用同一个名称,例如 Zepto 也被放在 下; 无法合理地管理项目的依赖和版本; 无法方便地控制依赖的加载顺序。 CommonJS… »

UI自动化测试疑难点

项目背景 最近帮平台组做 UI 自动化测试,在多次调研下,选定阿里的 macaca 作为技术栈,参考 sample-nodejs ,在模板 macaca-nodejs-boilerplate 的基础下进行 UI 自动化测试的开发 前期准备 因为 UI 自动化测试需要用到 CSS 选择器,为了查找的方便,要在做自动化测试的项目中设置锚点,本人以 属性作为自动化测试的锚点 研究过程以及疑难点 查看报告结果 目标:在 macaca 编译成功输出报告后打开相应的浏览器查看 安装 open… »

0%