js
木有是我
这个作者很懒,什么都没留下…
展开
-
百度地图落点方法总结
vue项目百度地图落点功能原创 2022-07-08 12:28:30 · 697 阅读 · 0 评论 -
webpack配置polyfill 按需引入配置踩坑记录
文章目录polyfill 按需导入ES6语法转换polyfill 按需导入ES6语法转换1、我们在webpack打包得过程中都会遇到ES6语法转ES5的问题,而ES6转ES5分为两部分,一部分是let、箭头函数等语法转换; 另一部分是ES6新增像Promise、async等方法的转换。2、语法转换配置简单如下:3、新增方法转换如下:当然记得提前下载对应的依赖4、在通过上图配置转换ES6语法有一个问题,转换后的内容引入全部新增语法,而实际开发中你可能只用到了一小部分,这会造成不必要的资源浪费原创 2021-12-15 20:01:47 · 2307 阅读 · 0 评论 -
webpack学习第二天-代码分离
代码分离:当项目太大时,为了首次加载得速度,我们可能会需要模块得按需加载和分模块闲时加载,此时就需要代码分离。代码分离得方式:多入口打包:使用entry配置手动分离(缺点:不同入口使用重复得模块会被分别打包)因为多入口打包会有公用代码重复打包得问题,所以需要配合Entry dependencies 或者 SplitChunksPlugin提取公共模块,该配置会让打包后生成一个公共部分模块,示例如下:entry: { index: { import: './原创 2021-12-09 09:39:49 · 540 阅读 · 0 评论 -
element ui Table组件内容自适应的情况下实现表头相对页面固定
一、element ui Table 只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。此时有一个弊端,如果页面布局内容较多,会出现两个滚动条,一个table的一个页面的,我们的需求是页面高度随着数据数量而自适应撑开,而不是固定table视窗的高度二、效果图对比如下三、实现步骤1、首先监听页面滚动事件、因为滚动事件触发太过频繁我就带了500毫秒的节流mounted() { window.addEventListener('scroll',原创 2021-07-12 19:37:33 · 1886 阅读 · 1 评论 -
JS各数组循环方法得区别及不同应用场景
1、forEach()语法:(来自mdn文档)// Arrow functionforEach((element) => { ... } )forEach((element, index) => { ... } )forEach((element, index, array) => { ... } )// Callback functionforEach(callbackFn)forEach(callbackFn, thisArg)// Inline callback原创 2021-05-13 02:16:41 · 609 阅读 · 0 评论 -
路径资源统一处理、加工、拼接方法
1、不知道大家有没有遇到同样的问题,后台接口传来的图片资源有带http的资源前缀,也有三方库返回的不带http资源前缀,而且后台换一次人,多张图片资源有传字符串用逗号分隔的,也有用数组格式传的,而且多张图片同样有带http,也有不带http的,且该问题往后上传的图片同样存在这个问题(原因是移动端和后台管理传的时候没做统一),之前同事简单封装老出问题,后来自己重写方法,方法如下:2、注意事项:该方法如果在html部分调用,可能会出现在imgUrl资源加载完成之前调用,就会执行最后else部分console.原创 2021-03-18 15:46:21 · 153 阅读 · 0 评论 -
js金额格式化方法,包括加千分符、小数后2位,不足补0
今天分享一个常用格式化金额的方法我自己用了带千分符号,前保留2位小数的,需要注意,小数是采用截取的方法相当于Math.floor的效果,代码如下:moneyFormat(num) { if(Number(num).toString() !== 'NaN') { //添加千分符 let _n = Number(num).toLocaleString() if(_n.indexOf('.') !== -1) { _n = _n + '00' } else { _n = _n +原创 2021-01-22 22:51:18 · 968 阅读 · 2 评论 -
简单数据校验函数封装
数据校验是项目开发中经常遇到的问题,为了项目的精简,所以自己对基本的数据校验做简单封装。代码如下:class Formvalidate { constructor(rules) { this.rules = rules; }//不为空的校验规则 requirde(val = '') { return val.length > 0; }//最小长度为6的校验规则 minlength(val = '') { return val.length >=原创 2021-01-17 19:27:58 · 257 阅读 · 0 评论