模块联邦 微前端方案什么是微前端微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。具备以下三个特点: 无技术栈限制 应用单独开发 多应用整合 在讲MF之前,我们先对比当前常见的几种微前端方案,以更好地对比它们之间的优劣: iframeframe是html提供的标签,能加载其他web应用的内容,并且它能兼容所有的浏览器,因此,你可以用它来加载任何你想要加载的web应用。 优点: 2022-11-23 #webpack #微前端
Rollup简易教程 Rollup是什么Rollup是一个JavaScript模块打包工具,相对于Webpack更侧重于应用打包,Rollup更适合用来构建库。Rollup有着简单易用的API、支持Tree-shaking的特性,若你只是想为你的库构建出一个bundle包,Rollup会是非常不错的选择,业内不少优秀框架,如React、Vue都使用Rollup构建,本文将简单介绍Rollup的使用。 安装1npm in 2022-10-25 #打包工具
React应用判断mp4文件是h264、h265编码的方法 日常开发中,遇到一个需求是视频文件上传之前,判断用户选择的 mp4 文件编码格式,若不是期望的编码,则不予上传。分析一下,这是一个比较 basic 的需求,我们只需要获取到视频文件的 MINE 信息,就可以判断视频编码。由于网上没有比较完整的文章,所以著文分享。 2021-05-27 #前端开发 #React #音视频
2020年终总结 生活2020年我的生活发生了翻天覆地的变化,在COVID-19的影响下,被迫降薪了三个月,从计划换工作开始,到最后签offer,经过了整整四个月。那段时间饱受煎熬,不少公司锁了HC,投了没反应,甚至很长一段时间在考虑是否进外包公司,最后戏剧化地在做了外包公司入职体检之后,接受了现公司的offer。新公司很有意思,入职之后需要做半个月的服务员,这种纯体力活对我来说毫无意义,也算是丰富了人生的体 2021-01-10
Electron-Vue 01:项目初始化 因业务需要开了新坑,选型为Electron-Vue,发展到现在比较成熟了,但是没想到项目初始化都启动不了,把一些小坑记录下来。 Get Started安装vue-cli1npm install -g vue-cli 通过vue-cli初始化项目模版1vue init simulatedgreg/electron-vue my-project 安装依赖并运行开发模式123cd my-projec 2020-07-16 #Electron #Vue
macOS卸载Xcode导致git报错的解决方法 因为macbook空间不足卸载了没怎么用的Xcode,导致下班前提交代码时发现git报以下错误:1xcrun: error: invalid active developer path (/Applications/Xcode.app/Contents/Developer), missing xcrun at: /Applications/Xcode.app/Contents/Developer/ 2019-07-16 #git #macOS
微信小程序使用贝塞尔曲线绘制加入购物车动画 定义 贝塞尔曲线(Bézier curve),又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线,贝兹曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。 用途以上介绍摘自百度百科,看起来有点晦涩难懂,一年多以前我第一次接触到这个名词便心生抗拒之意。然而在前端开发中,我们在实现抛物线 2019-06-27 #微信小程序 #前端开发
微信小程序使用苹方字体 最近的一个改版需求设计师在设计稿中使用了苹方字体,在网上找了一下解决方案,无外乎两种方式: 第一种方式,base64 encode如果字体比较小,如各种英文字体,可以把字体上传到 https://transfonter.org/ 转换成base64格式,然后直接在样式中使用。具体使用可参考 【微信小程序】如何引入外部字体样式一文。 第二种方式,官方API如果字体比较大,如各种中 2018-12-22 #前端开发 #小程序
2018广州国际车展 今年的首发新车数量比往年多了不少,由于精力问题只去了部分展馆,大众、奥迪全系都换完了代,给人焕然一新的感觉。A6、新A class、新X5、新卡罗拉、ES是本届的超人气车型。连续五年去看车展,不容易啊~ 2018-11-17 #车展
解决jQuery无法添加监听 在最近的项目开发中,用Webpack做了一套脚手架,用jQuery作为主要工具库,一顿操作猛如虎,一看代码2w5。😅今天在这里记一下无法给Dom绑定监听的小问题。 谈起jQuery绑定事件,这里以最常用的点击事件为例,常见的两种写法有: 1234567891011method one:$('.selector').on('click',()=> 2018-11-14 #前端开发 #jQuery