前端开发-技术框架
对前端开发中的技术框架的总结记录
Amber8080
前端程序媛~~
展开
-
npm run build命令行传参
前言使用webpack打包,通常需要区分测试环境与生产环境,来配置不同的资源路径。由于项目使用了线上打包,如何在npm run build时传入当前的环境参数呢?经过查阅资料,用以下方法实现,记录一下~实现在npm run build后使用- -实现参数传递。npm run build --evnmode=$PROC_ENV这样就可以在webpack的配置文件中,获取到参数。var publicPath = process.env.npm_config_evnmode == "stagi原创 2021-06-14 16:33:40 · 5140 阅读 · 3 评论 -
1像素线的实现与兼容
前言移动端1像素线之所以是个问题,是因为移动端有像素比的概念。什么是像素比(devicePixelRatio)呢?像素比 = 物理像素/设备独立像素 其中,物理像素是指设备屏幕所拥有的实际像素点,其值是固定的,在设备出厂时就设置好了的。设备独立像素,顾名思义就是独立于设备的用于逻辑上衡量像素的单位,又称为逻辑像素。在开发时,你会发现用样式写了1px线后,在移动端设备上看起来会变粗,这就是因为像素比大于1,导致在移动端实际展示的线是大于1px的。实现目前移动端1px线变粗的方法,有以下几种:原创 2021-03-27 14:18:37 · 292 阅读 · 0 评论 -
前端布局之——粘连布局+自适应布局
前段时间修复了一个bug,筛选试错了好多种方式,最终用到粘连布局解决了问题。查询资料时发现,网上关于几种布局的实现方式比较杂乱,故将前端常用的几种布局方式整理一下,以备后续参考使用。1. 粘连布局粘连布局是指,当页面的main元素内容较长时(超出屏幕高度),footer紧跟在内容后面;当页面的main元素内容较短时,footer能够粘连在屏幕底部。HTML部分:<div id="wrap"> <div class="main"> <div>mi原创 2020-12-23 16:49:32 · 295 阅读 · 0 评论 -
ng-repeat中使用jquery的datepicker不触发日期选择框
问题原因在angular项目中,有个场景需要使用ng-repeat重复生成多条日期选择框。但当使用id选择器来生成时,发现无法正确触发datepicker的日期选择框。经查询发现出现这个问题的原因在于,在点击添加多行之前,日期组件就已经初始化完成了,无法再操作新增的DOM。解决方法方法1:设置监听函数设置一个监听函数,在其内部初始化日期组件:js部分:// 初始化日历组件 initDatePicker(i) { ** $('body').on('focus',".myd原创 2020-12-16 17:55:03 · 343 阅读 · 0 评论 -
获取异步请求返回promise中的数据
为什么我们都知道,在项目中,由于JS 的单线程机制(可了解微任务、宏任务)异步请求的数据是无法立即使用的,ES6提供的promise机制可以很好的解决这个问题。那么如何使用promise来获取异步请求返回的数据呢,以下。1. 单个promise对象——.then获取function f(){ return new Promise((resolve, reject) => { //调用resolve函数返回数据data resolve(data); });}p = foo(原创 2020-11-19 19:33:56 · 9709 阅读 · 0 评论