前端工作两年经验总结以及技术分享

素颜马尾好姑娘i 2023-10-09 15:01 43阅读 0赞

前端这个技术行业，吃的就是一门技术活，基础不牢，地动山摇，没有好的基础，就不能应对工作的提出的各种需求

## **博主不易，点个赞，关注一下再走啊（长期更新，下面列出几个常见的，后续详细的请翻看我的博客栓Q）** ##

下面将会给大家分享总结下工作时可能会遇到的需求

## 1.（可直接复制使用）vue2+高德地图poi搜索和高德组件，可以地图选点，经纬度，比例尺，卫星图，路网，路况等等 ##

[（可直接复制使用）vue2+高德地图poi搜索和高德组件，可以地图选点，经纬度，比例尺，卫星图，路网，路况等等\_\_揽的博客-CSDN博客][vue2_poi_-CSDN]

## 2.（富文本常用）js遇到需要正则匹配来修改img标签+清除行内样式 ##

## [（富文本常用）js遇到需要正则匹配来修改img标签+清除行内样式\_\_揽的博客-CSDN博客\_js 正则匹配img][js_img_-CSDN_js _img] 3.【无标题】vue动态绑定class ##

[【无标题】vue动态绑定class\_\_揽的博客-CSDN博客][vue_class_-CSDN]

## 4.(可以直接复制)vue-cropper裁剪图片 vue ##

[(可以直接复制)vue-cropper裁剪图片 vue\_\_揽的博客-CSDN博客\_vue-cropper][vue-cropper_ vue_-CSDN_vue-cropper]

## 5.css img图片在一个盒子里面自适应 ##

[css img图片在一个盒子里面自适应\_\_揽的博客-CSDN博客\_cssimg图片自适应][css img_-CSDN_cssimg]

## 6.关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题 ##

[关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题\_\_揽的博客-CSDN博客][vue_JSON.parse_JSON.stringify_..._-CSDN]

## 7.nginx常用命令大全 ##

[nginx常用命令大全\_\_揽的博客-CSDN博客\_nginx常用命令][nginx_-CSDN_nginx]

## 8.nginx部署vue项目（成功详细版本） ##

[nginx部署vue项目（成功详细版本）\_\_揽的博客-CSDN博客\_nginx部署前端vue][nginx_vue_-CSDN_nginx_vue]

## 9.Nginx反向代理解决Vue跨域问题 ##

[Nginx反向代理解决Vue跨域问题\_\_揽的博客-CSDN博客\_vue nginx反向代理解决跨域][Nginx_Vue_-CSDN_vue nginx]

## 10.（最简单详细）关于nginx配置解决页面刷新以后404 Not Found和403 Forbidden ##

[（最简单详细）关于nginx配置解决页面刷新以后404 Not Found和403 Forbidden\_\_揽的博客-CSDN博客\_nginx404notfound网页怎么办][nginx_404 Not Found_403 Forbidden_-CSDN_nginx404notfound]

## 11.解决vuex页面刷新数据丢失问题（简单有效） ##

[解决vuex页面刷新数据丢失问题（简单有效）\_\_揽的博客-CSDN博客\_vuex刷新页面数据丢失怎么解决][vuex_-CSDN_vuex]

## 12.vue elementUI select下拉框设置默认值 ##

## [vue elementUI select下拉框设置默认值\_\_揽的博客-CSDN博客\_elementui下拉框默认值][vue elementUI select_-CSDN_elementui] ##

## 13.传入时间戳导出当前时间函数 ##

[传入时间戳导出当前时间函数\_\_揽的博客-CSDN博客][-CSDN]

## 14.uniapp H5 公众号微信自定义分享qq，微信带图片标题内容 ##

[uniapp H5 公众号微信自定义分享qq，微信带图片标题内容\_\_揽的博客-CSDN博客][uniapp H5 _qq_-CSDN]

## 15.uniapp封装request请求（有需要看着改就行） ##

[uniapp封装request请求（有需要看着改就行）\_\_揽的博客-CSDN博客\_uniapp的request的请求封装][uniapp_request_-CSDN_uniapp_request]

## 16.页面埋点H5 大数据uniapp 按需要更改代码就行 ##

[页面埋点H5 大数据uniapp 按需要更改代码就行\_\_揽的博客-CSDN博客\_h5 大数据][H5 _uniapp _-CSDN_h5]

## 17.最方便正则验证手机号 ##

[最方便正则验证手机号\_\_揽的博客-CSDN博客\_最新正则验证手机号][-CSDN 1]

## 18.（可直接复制，踩坑以及解决方法，成功版本）uniapp H5地图选点经纬度，地址详细信息[（可直接复制，踩坑以及解决方法，成功版本）uniapp H5地图选点经纬度，地址详细信息\_\_揽的博客-CSDN博客\_uniapp地图选点][uniapp H5_-CSDN_uniapp] ##

## 19.css超出部分省略（单行、多行，多种方法实现） ##

[css超出部分省略（单行、多行，多种方法实现）\_\_揽的博客-CSDN博客\_css 超出部分][css_-CSDN_css]

## 20.（H5小程序页面html）页面跳转参数丢失 ##

[（H5小程序页面html）页面跳转参数丢失\_\_揽的博客-CSDN博客][H5_html_-CSDN]

## 21.uniapp开发H5及app监听返回事件（以及监听不到的处理方法） ##

## [uniapp开发H5及app监听返回事件（以及监听不到的处理方法）\_\_揽的博客-CSDN博客\_uniapp监听物理返回键][uniapp_H5_app_-CSDN_uniapp] 22.uniapp小程序地图选点uni.getLocation() uni.chooseLocation() ##

[uniapp小程序地图选点uni.getLocation() uni.chooseLocation()\_\_揽的博客-CSDN博客\_uni.getlocation][uniapp_uni.getLocation_ uni.chooseLocation_-CSDN_uni.getlocation]

## 23.uniapp微信小程序登陆流程（前端详细） ##

## [uniapp微信小程序登陆流程（前端详细）\_\_揽的博客-CSDN博客\_uniapp登录流程][uniapp_-CSDN_uniapp] 24.uniapp的picker日期转时间戳多8小时问题 ##

[uniapp的picker日期转时间戳多8小时问题\_\_揽的博客-CSDN博客][uniapp_picker_8_-CSDN]

## 25.（uniapp跳转回显）,A页面进入B页面，B页面返回A页面，并传值给A页面（技巧绝对好用慢慢看） ##

## [（uniapp跳转回显）,A页面进入B页面，B页面返回A页面，并传值给A页面（技巧绝对好用慢慢看）\_\_揽的博客-CSDN博客\_uniapp 返回传值][uniapp_A_B_B_A_A_-CSDN_uniapp] 26.uni-app:刷新当前页面 ##

[uni-app:刷新当前页面\_\_揽的博客-CSDN博客\_uniapp 刷新当前页][uni-app_-CSDN_uniapp]

## 27. uniapp微信小程序如何返回上一页的左上角小房子的坑 ##

[uniapp微信小程序如何返回上一页的左上角小房子的坑\_\_揽的博客-CSDN博客\_uniapp左上角返回][uniapp_-CSDN_uniapp 1]

## 28.js给一个空数组赋值后数组的变化 ##

[js给一个空数组赋值后数组的变化\_\_揽的博客-CSDN博客\_js给空数组赋值][js_-CSDN_js]

## 29. js获取当前日期，并将其格式化为YYYY-MM-DD，并且自定义返回 ##

[js获取当前日期，并将其格式化为YYYY-MM-DD，并且自定义返回\_\_揽的博客-CSDN博客\_js获取当前日期并格式化][js_YYYY-MM-DD_-CSDN_js]

## 30.uniapp微信小程序登陆-升级版，登陆加登录信息过期以后的无痕登陆 ##

## [uniapp微信小程序登陆-升级版，登陆加登录信息过期以后的无痕登陆\_\_揽的博客-CSDN博客\_uniapp小程序登录][uniapp_-_-CSDN_uniapp] 31.（最简单）uniapp微信小程序生成二维码图片插件 ##

[（最简单）uniapp微信小程序生成二维码图片插件\_\_揽的博客-CSDN博客\_uniapp生成二维码插件][uniapp_-CSDN_uniapp 2]

## 32.（成功最详细版本，自定义传参失败，跳转出现空白页面，校验文件失败）微信小程序扫码跳转小程序指定页面保姆级教程 ##

## [（成功最详细版本，自定义传参失败，跳转出现空白页面，校验文件失败）微信小程序扫码跳转小程序指定页面保姆级教程\_\_揽的博客-CSDN博客\_小程序二维码校验文件][-CSDN 2] 33.input 每输入一次都会失去焦点需要再次点击才能输入 ##

[input 每输入一次都会失去焦点需要再次点击才能输入\_\_揽的博客-CSDN博客\_input失去焦点][input _-CSDN_input]

## 34.uniapp中showToast之后延迟跳转页面，解决提示在真机中一闪而过 ##

## [uniapp中showToast之后延迟跳转页面，解决提示在真机中一闪而过\_\_揽的博客-CSDN博客][uniapp_showToast_-CSDN] ##

## 35.js条件逻辑判断-德摩根定律 ##

[js条件逻辑判断-德摩根定律\_\_揽的博客-CSDN博客][js_-_-CSDN]

## 36.（最简易版本1）js笛卡尔积生成商品SKU多规格算法 ##

## [（最简易版本1）js笛卡尔积生成商品SKU多规格算法\_\_揽的博客-CSDN博客][1_js_SKU_-CSDN] 37.（最简易版本2）js笛卡尔积生成商品SKU多规格算法 ##

[（最简易版本2）js笛卡尔积生成商品SKU多规格算法\_\_揽的博客-CSDN博客\_js 多规格][2_js_SKU_-CSDN_js]

## 40.js数据什么时候是null什么时候是undefined ##

[js数据什么时候是null什么时候是undefined\_\_揽的博客-CSDN博客\_js什么时候返回null][js_null_undefined_-CSDN_js_null]

## 41.（最简单，详细，直接上手）uniapp/vue中英文多语言切换 ##

[（最简单，详细，直接上手）uniapp/vue中英文多语言切换\_\_揽的博客-CSDN博客\_uniapp设置语言][uniapp_vue_-CSDN_uniapp]

## 42.（巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析 修改 和新增，替换功能 ##

[（巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析 修改 和新增，替换功能\_\_揽的博客-CSDN博客][URl_URl_js URl_ _ _-CSDN]

## 43.携带固定参数，进行页面的多次跳转 ##

[携带固定参数，进行页面的多次跳转\_\_揽的博客-CSDN博客\_site:csdn.net][-CSDN_site_csdn.net]

## 44.微信公众号H5【微信网页授权快照页】复现情况，以及解决方法（详细，成功，forcePopup，forceSnapShot，is\_snapshotuse） ##

## [微信公众号H5【微信网页授权快照页】复现情况，以及解决方法（详细，成功，forcePopup，forceSnapShot，is\_snapshotuse）\_\_揽的博客-CSDN博客][H5_forcePopup_forceSnapShot_is_snapshotuse_-CSDN] 45.（简单详细）uniapp实现自定义海报内容并生成海报二维码图片（可拖拽，可调节大小） ##

[（简单详细）uniapp实现自定义海报内容并生成海报二维码图片（可拖拽，可调节大小）\_\_揽的博客-CSDN博客][uniapp_-CSDN]

## 46.字符串匹配 正则表达式函数之match、test、exec、search、split、replace使用详解 ##

[字符串匹配 正则表达式函数之match、test、exec、search、split、replace使用详解\_\_揽的博客-CSDN博客][_match_test_exec_search_split_replace_-CSDN]

## 47.vue挂载运行webpack打包好dist的文件 ##

[vue挂载运行webpack打包好dist的文件\_\_揽的博客-CSDN博客][vue_webpack_dist_-CSDN]

## 48.vue2 axios跨域解决方法 和nodejs+express跨域 ##

[vue2 axios跨域解决方法 和nodejs+express跨域\_\_揽的博客-CSDN博客\_axios express 跨域][vue2 axios_ _nodejs_express_-CSDN_axios express]

## 49.vue中watch监听数据 [vue中watch监听数据\_\_揽的博客-CSDN博客][vue_watch_-CSDN] ##

[vue2_poi_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/124849955?spm=1001.2014.3001.5501
[js_img_-CSDN_js _img]: https://blog.csdn.net/qq_59747594/article/details/124822379?spm=1001.2014.3001.5501
[vue_class_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/124667641
[vue-cropper_ vue_-CSDN_vue-cropper]: https://blog.csdn.net/qq_59747594/article/details/124907284?spm=1001.2014.3001.5501
[css img_-CSDN_cssimg]: https://blog.csdn.net/qq_59747594/article/details/125054689?spm=1001.2014.3001.5501
[vue_JSON.parse_JSON.stringify_..._-CSDN]: https://blog.csdn.net/qq_59747594/article/details/125131580?spm=1001.2014.3001.5501
[nginx_-CSDN_nginx]: https://blog.csdn.net/qq_59747594/article/details/125275505?spm=1001.2014.3001.5501
[nginx_vue_-CSDN_nginx_vue]: https://blog.csdn.net/qq_59747594/article/details/125275639?spm=1001.2014.3001.5501
[Nginx_Vue_-CSDN_vue nginx]: https://blog.csdn.net/qq_59747594/article/details/125286882?spm=1001.2014.3001.5501
[nginx_404 Not Found_403 Forbidden_-CSDN_nginx404notfound]: https://blog.csdn.net/qq_59747594/article/details/125354970?spm=1001.2014.3001.5501
[vuex_-CSDN_vuex]: https://blog.csdn.net/qq_59747594/article/details/125383241?spm=1001.2014.3001.5501
[vue elementUI select_-CSDN_elementui]: https://blog.csdn.net/qq_59747594/article/details/125462635?spm=1001.2014.3001.5501
[-CSDN]: https://blog.csdn.net/qq_59747594/article/details/125502063?spm=1001.2014.3001.5501
[uniapp H5 _qq_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/125580044?spm=1001.2014.3001.5501
[uniapp_request_-CSDN_uniapp_request]: https://blog.csdn.net/qq_59747594/article/details/125582991?spm=1001.2014.3001.5501
[H5 _uniapp _-CSDN_h5]: https://blog.csdn.net/qq_59747594/article/details/125583037?spm=1001.2014.3001.5501
[-CSDN 1]: https://blog.csdn.net/qq_59747594/article/details/125636542?spm=1001.2014.3001.5501
[uniapp H5_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/125669181?spm=1001.2014.3001.5501
[css_-CSDN_css]: https://blog.csdn.net/qq_59747594/article/details/125785845?spm=1001.2014.3001.5501
[H5_html_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/125826100?spm=1001.2014.3001.5501
[uniapp_H5_app_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/125833093?spm=1001.2014.3001.5501
[uniapp_uni.getLocation_ uni.chooseLocation_-CSDN_uni.getlocation]: https://blog.csdn.net/qq_59747594/article/details/125891173?spm=1001.2014.3001.5501
[uniapp_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/125892951?spm=1001.2014.3001.5501
[uniapp_picker_8_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/125954570?spm=1001.2014.3001.5501
[uniapp_A_B_B_A_A_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/125954924?spm=1001.2014.3001.5501
[uni-app_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/125962049?spm=1001.2014.3001.5501
[uniapp_-CSDN_uniapp 1]: https://blog.csdn.net/qq_59747594/article/details/126041769?spm=1001.2014.3001.5501
[js_-CSDN_js]: https://blog.csdn.net/qq_59747594/article/details/126085480?spm=1001.2014.3001.5501
[js_YYYY-MM-DD_-CSDN_js]: https://blog.csdn.net/qq_59747594/article/details/126093092?spm=1001.2014.3001.5501
[uniapp_-_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/126132278?spm=1001.2014.3001.5501
[uniapp_-CSDN_uniapp 2]: https://blog.csdn.net/qq_59747594/article/details/126187589?spm=1001.2014.3001.5501
[-CSDN 2]: https://blog.csdn.net/qq_59747594/article/details/126327145?spm=1001.2014.3001.5501
[input _-CSDN_input]: https://blog.csdn.net/qq_59747594/article/details/126363900?spm=1001.2014.3001.5501
[uniapp_showToast_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/126476638?spm=1001.2014.3001.5501
[js_-_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/126576812?spm=1001.2014.3001.5501
[1_js_SKU_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/126775103?spm=1001.2014.3001.5501
[2_js_SKU_-CSDN_js]: https://blog.csdn.net/qq_59747594/article/details/126775217?spm=1001.2014.3001.5501
[js_null_undefined_-CSDN_js_null]: https://blog.csdn.net/qq_59747594/article/details/126924090?spm=1001.2014.3001.5501
[uniapp_vue_-CSDN_uniapp]: https://blog.csdn.net/qq_59747594/article/details/127098502?spm=1001.2014.3001.5501
[URl_URl_js URl_ _ _-CSDN]: https://blog.csdn.net/qq_59747594/article/details/127151053?spm=1001.2014.3001.5501
[-CSDN_site_csdn.net]: https://blog.csdn.net/qq_59747594/article/details/127151135?spm=1001.2014.3001.5501
[H5_forcePopup_forceSnapShot_is_snapshotuse_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/127197171?spm=1001.2014.3001.5501
[uniapp_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/127407200?spm=1001.2014.3001.5501
[_match_test_exec_search_split_replace_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/125579624
[vue_webpack_dist_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/124696230
[vue2 axios_ _nodejs_express_-CSDN_axios express]: https://blog.csdn.net/qq_59747594/article/details/124455366
[vue_watch_-CSDN]: https://blog.csdn.net/qq_59747594/article/details/124454688