- 博客(18)
- 收藏
- 关注
原创 对前端工程化的理解
对前端工程化的理解ps:以理解原理为主1、以前为什么没有前端工程化的问题在javascript被创造后很长一段时间,js或者说前端东西(js、css、html文件,各种图片资源等),都是依附于后端页面(例如:jsp页面、.net页面),后端页面有一个特点就是,没有前端路由,这意味着一个url对于一个具体的后端页面,这就是以前所谓的多页面应用。多页面的优点在于一个页面的静态资源都是比较少量的(相对于单页面应用),纯手工就可以实现较方便的控制,这时对多页面应用做工程化控制是不实用的,也没有这方面的需求!
2021-04-22 23:45:22
1283
原创 ERROR TypeError: Cannot read property ‘upgrade‘ of undefined
ERROR TypeError: Cannot read property ‘upgrade’ of undefinedvue项目中遇到ERROR TypeError: Cannot read property ‘upgrade’ of undefined问题:1、是项目配置文件(vue.config.js)中使用了由于.env或类似文件中没有定义的变量导致.env文件NODE_ENV=productionVUE_APP_PREVIEW=falsevue.config.js文件// ..
2021-02-23 16:17:57
6458
原创 vue按需加载打包后的文件(其中之一)
ERROR TypeError: Cannot read property ‘upgrade’ of undefinedvue项目中遇到ERROR TypeError: Cannot read property ‘upgrade’ of undefined问题:1、是项目配置文件(vue.config.js)中使用了由于.env或类似文件中没有定义的变量导致.env文件NODE_ENV=productionVUE_APP_PREVIEW=falsevue.config.js文件// ..
2021-01-26 17:55:43
339
原创 vscode eslint格式化配置问题
在使用vscode编辑代码保存后,自动格式化代码。主要配置如下,但可能有其他插件会影响格式化效果,建议谨慎安装相关格式化插件:{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F "editor.format
2020-10-22 09:26:16
199
原创 webpack4打包优化
layout: posttitle: webpack4打包优化categories: webpacktags:webpack4打包优化针对vue cli3.0+,webpack4.0+,nodejs10.0+ 这几个版本打包优化一、量化、分析speed-measure-webpack-plugin 时间分析测量出在你的构建过程中,每一个 Loader 和 Plugin 的执行时长而它的使用方法也同样简单,如下方示例代码所示,只需要在你导出 Webpack 配置时,为你的原始配置包一层 .
2020-08-07 14:52:13
977
原创 封装wx.request请求
封装wx.request请求<!--http.js-->import url from './url.js';//iview微信小程序UI框架组件const { $Toast } = require('../dist/base/index');//请求的合法的接口地址const baseUrl = url.baseUrl;//项目初始化的时候,初始化storage...
2019-12-24 21:24:10
621
原创 微信小程序中wxml事件绑定传参
小程序中wxml事件绑定传参在wxml中不能在bindtap中直接绑定事件时直接传入参数,html常见的操作例如:<!--wxml--><view bindtap="selectNav(2)">2</view><!--js-->selectNav: function(num){ console.log(num)}会导致:V...
2019-11-19 08:56:22
2895
原创 h5混合开发加载优化问题
1、问题描述在项目中,存在微信公众号(即:H5页面)以及安卓和iOS等两款app,在app中调用了H5页面部分业务代码和相关设备的详情页面,但在app中设置WebView缓存的时候,发现切换页面的时候数据没有及时更新,导致app放弃了webview缓存,其结果就是每次从app进入H5都会加载H5相关资源,导致加载缓慢。WebView的四种缓存机制:// LOAD_CACHE_ONLY: 不使...
2019-10-21 19:07:56
1106
原创 关于webpack dll优化打包问题
1、为什么要使用dll在文件相对较庞大时,webpack的构建速度是非常慢的,在通常的打包过程中,你所引用的诸如:jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex 等等众多库也会被打包进 bundle 文件中。由于这些库的内容基本不会发生改变,每次打包加入它们无疑是一种巨大的性能浪费,而dll则是在预先将第三方库...
2019-08-26 18:17:57
1162
原创 关于版本迭代后用户停留在之前版本页面,导致某些功能无法使用的解决方案
1、问题发现某天发布测试版本后,测试小伙伴,反馈部分按钮点击后没有相关的交互动作,需要刷新后才能正常使用,经常在刚发版本后出现。刚收到问题的时候,第一反应就是缓存问题造成的,那就刷新一下就好了,但经常在发布版本后出现,无论对测试和用户都不能接受该处理方式,所以来研究一下2、问题分析项目采用vue(全家桶)+element-ui+webpack+axios搭建,使用vue-router的懒加载...
2019-08-22 19:08:58
611
原创 关于Web Worker应用
1、Web Worker介绍Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worker 线程完成计算任务,再把结果返回给主线程。这样的好处是,一些计算密集型或高延迟的任务,被 Worker 线程负担了,主线程(通常负责 UI 交互)就会...
2019-07-31 15:15:51
326
原创 Echarts + 中国地图+事件报警撒点
1、需要引入Echarts和China.js整个地图是给予Echarts构建,所以必须引入,至于china.js,则是中国地图的geoJson数据,并在该js中注册相关的地图,大致代码如下:(function (root, factory) { if (typeof define === 'function' && define.amd) { // AM...
2019-07-11 16:09:44
2276
原创 关于vue keep-alive组件与activated和deactivated钩子函数的应用
1、通过keep-alive和router-view实现路由缓存,具体代码如下:在app.vue: <router-view v-if="!$route.meta.keepAlive"/> <keep-alive> <router-view v-if="$route.meta.keepAlive"/> </keep-a...
2019-07-10 16:25:58
1187
原创 关于安卓和ios图片上传问题(base64、bolb、file)
关于安卓和ios图片上传问题(base64、bolb、file)1、安卓获取图片的问题 base64开头为data:img安卓获取的base64格式图片中含有"\n"字符,其中\n字符会导致base64转bolb文件失败,具体表现为window.atob(base64),报参数错误,错误信息:ailed to execute ‘atob’ on ‘window’: the string to ...
2019-06-24 14:57:18
2727
转载 javascript线程、消息队列、事件循环
javascript线程单线程模型指的是,JavaScript只在一个线程上运行。也就是说,JavaScript同时只能执行一个任务,其他任务都必须在后面排队等待。注意,JavaScript只在一个线程上运行,不代表JavaScript引擎只有一个线程。事实上,JavaScript引擎有多个线程,单个脚本只能在一个线程上运行,其他线程都是在后台配合。JavaScript之所以采用单线程,而不...
2019-05-13 16:53:17
156
原创 vue路由缓存问题及混合开发路由控制问题
问题描述(vue):1、在移动端项目中,使用了vux框架,在客户界面有三个分类,包括经销商、企业、家庭用户,三个分类均可下拉滚动加载操作,点击分类即切换查询条件,当我们切换到经销商,滚动加载到下一页后,点击某个经销商,跳转到某个界面后,点击返回,发现该客户界面被刷新了,用户无法返回点击某个经销商之前的数据状态。2、移动端为微信公众号项目,需要为安卓和iOS提供部分设备详情界面,调用方式为: h...
2019-05-07 16:54:43
602
原创 js数组循环性能问题
js数组循环性能问题1、研究循环方法有for、forEach、for in、forof、map。2、数据:let arr = [1,2,3];arr[100000] = 100000;4、公用方法提取//获取当前时间,并将其转为时间戳const getTimeFn =()=>{ return (new Date()).getTime(); ...
2019-04-26 17:40:01
1052
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人