- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue本地开发环境没有问题，上线部署后登录不能跳转到首页，获取用户信息 chrome 无返回值 request not yet
今天在开发部署上线的时候遇到了匪夷所思的bug十分头疼，开发环境没有问题 ，但是打包部署后就一直转圈圈，直到浏览器卡死后端的接口也没有数据返回请求被阻塞。因为线上没有报错，一时间不知是哪的问题，不好定位，搞了好久最终还是发现原来是 vueRouter 的问题在全局路由守卫那判断了如果用户为登录状态就直接跳转到首页，如果本地没有token,就会跳转到登录页面，因为判断逻辑失误，导致页面刷新，路由变化，就一直跳转登录页，最终导致页面卡死。后端的接口数据，也没法返回。一直死循环，超出的栈的范围。
2022-01-04 22:59:47
644
原创 小伙给大家介绍比较好用的懒加载插件，有了它 ，妈妈再也不用担心首页面会卡了！！！
今天给大家分享一款自己比较用的好的懒加载插件！lozad.js 话不多说上图！！图上可见 周下载量还可以，并且3个月前还有更新，说明一直在维护，总体上感觉比较靠谱！特别的 他的使用方法也是特别简单!首先不同的安装方式，使用与各种需求使用方式也是多种多样，尤其简单，一目了然！具体事例，上图！！可以看到上图只显示两张图片的请求当我继续下移时，才会对下面的图片发起请求，已达到懒加载的目的怎么样大家，是不是感觉很好上手哇，那还等什么，用起来哇！！如果感觉对大家有用的话，别忘了一键三连哦
2020-08-29 14:22:40
382
原创 小程序原生开发遇到的坑，小伙琢磨了好久 感觉看完会避免很多坑！！
http-vue-loader：可以不通过webpack打包直接解析.vue文件https://www.npmjs.com/package/http-vue-loader npm地址需要自取小程序全局配置 app.json时不要留有空格很伤会报错，可笑这个错误找了好久，心态要崩了小程序配置页面颜色时 需要设置 下面代码才会实现wxsspage({ background-color: #eee;})设置动态标题wx.setNavigationBarTitle({ t.
2020-08-21 14:43:59
284
原创 axios在项目中遇到的坑 ，都是干货，小伙看完感觉技术又提升了
在平时的工作中前端的工作一定不可避免的是用ajax请求，后端接口返回数据，渲染页面，当然这是在前端分离的架构之下。那我自己在工作中常用的ajax方法是axios ,但是确实在使用的过程中遇到了点坑，涨了些经验，在此分享给大家，望大家各取所需今天主要分享的是axios的post请求的传值的问题像是在各自的项目中都一定会遇到使用psot请求去传值的问题，当然我也不例外，但是我这I边看到我前端传过去的值没问题 ，后端却说收不到我传过去的数据，当时的话的确找了很久，后来恍然大悟 原来是传值的格式不对 话不多说
2020-08-19 14:51:07
328
原创 深度剖析 Redux applyMiddleWare的原理，小伙看了一下午 ，头发掉了好多
简介大家在redux的编程过程中不免要使用中间件 以为reducer是纯函数，不允许在其中做一些有副作用的事情于是我们需要中间件来帮我们做这些有副作用的事。于是在创建仓库store 时 createStore 就有了第二个参数applyMiddleWareconst store=createStore(reducer,applyMiddleWare（中间件）)那么大家关注过中间件的执行原理吗？我们是否可以自己实现一个简易的中间件机制呢！话不多说 ，直接上代码 ，代码中加了许多备注 可以确保大家都
2020-08-18 16:50:12
176
原创 深入剖析redux原理 ，并自己手动实现，小伙又学会一项技能
话不多说 先说下redux流程 然后直接上代码redux 主要是状态管理工具在redux中想要修改状态 就需要去dispatch(action) 触发 reducer 根据action 的不同 返回不同状态的state同时触发subscribe的注册的回调函数 获取最新的state状态，通过redux中的createStore api 即可实现上述功能 直接上代码了 代码中会有详细的注释 帮助大家理解 如果对大家有帮助，别忘了一键三连哦 ！多谢多谢！function createStore() {
2020-08-18 09:38:41
114
原创 使用better-scroll时遇到的坑
在工作途中 在做移动端项目开发时，不免会使用batter-scroll 插件，该插件作为比较好的移动端滚动插件给我们前端开发确实提供了不少的遍历但是也会有一些坑，需要我们注意：例如他会默认阻止原生的点击事件onClick事件在做移动端的上拉加载更多的功能时 使用了该插件 获取更多的商品列表 ，但是却发现无法点击商品进入详情页面 ，找了好久 突然发现该插件会默认禁用点击事件。于是恍然大悟话不多说上图需要在创建实例时配置一下，这样点击事件就可以触发啦！！！就可以跳转到详情页啦！...
2020-08-15 10:11:04
733
原创 初探小程序云开发 ，小伙竟然！！！有点。。。
首先配置小程序云开发的环境目录如下图所示微信默认添加了4个云函数 我们需要在每个函数目录下npm install 安装下图依赖 注意每个函数都要装此依赖安装完成后 可以右键云函数 点击上传部署所有文件每个函数都需要重复上述操作哦！如果遇到了上图bug 不要慌 只要智商不滑坡，办法永远比困难多 比心如果遇到此问题 可以看看下图的依赖包是否 存在 不存在 就npm 装一下 问题就完美解决了如果想要操作数据库没错 ~ 你没听错 我们前端要操作数据库了· 嘻嘻如下图顺序，进行配置数
2020-08-12 23:24:52
140
原创 配置charles时遇到的坑 ，小伙竟因此而发疯
首先安装chaeles下载地址：window地址安装成功后将证书 安装到本地计算机 -安装到受信任的证书 文件夹中在浏览器上安装Charles Root时 需要到 chls.pro/ssl 网址去下载证书并把证书添加到Chrome 中在如下图位置 进行配置：按如下图 框住的顺序执行即可：证书文件名如下图展示最后重启Charles 就可以开开心心的抓包了!望大家 多多评论呀！！！...
2020-07-29 17:58:37
161
原创 vue 百度地图添加 ，小伙竟想不到还有如此操作！！！
一、安装vue-baidu-mapnpm-install- vue-baidu-map二、全局注册挂载import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '你申请的key'})三、主题代码<template> <baidu-map :center="center" :zoom="zoom" @ready="handler" style="height:1080px" @click="getCl
2020-07-24 14:08:13
247
原创 git reset --hard 这个害人的命令，小伙竟因此而黑化
今天 因为本人 s b操作 导致 找了一晚上啥也没干 招代码亲们牢记 git 不要用 git reset --hard 不要用！！！不要用！！！！ 不要用！！！！！下图明命令可以找回add 过后的可能被删掉的文件 慎用见上图路径 可以找回之前提交的代码 就今天晚上找了一晚上 心态一蹦 最后 还是告诫大家不要 用茨此命令 给自己添加不必要的麻烦...
2020-07-16 22:32:54
343
原创 浏览器跨域请求的几种方式
序言在谈浏览器跨域请求之前，先和大家说下，浏览器的同源策略，同源策略：指的是，同协议、同域名、同端口，正常如果这三个条件有一个不符浏览器都会阻止我们的请求响应，这里，可能有的小伙伴就要问了，我好想在正常使用浏览器时经常会通过一个网站，访问其他网站，这明显是违背同源策略的，是的没错，他们都是采用了跨域的解决方案，下面和大家简单谈下常见的跨域解决！跨域解决方式大体有这么三种一、前后端配合解决：...
2020-03-29 21:12:37
626
原创 浅谈this指向
序言this何意？翻译为”这个“，可是这个又是哪个呢？可想而知，这需要根据语境不同，”这个“也不会相同，其实在javascript中this也是这样一个特殊的存在，今天就和大家简单聊聊javascript中的"this"指向。this永远指向函数的“调用者”首先大家深刻理解下上述这句话，进一步解释这句话就是“”函数内this的取决于函数是如何被调用“”下面是日常使用过程中会分为以下的几种情况...
2020-03-22 10:19:53
170
原创 javaScript的兼容问题以及编程时出现的问题
序言：想必大家都有在编写avascript时 明明在谷歌上的代码没什么问题，但是到了IE上就会报错 那今天就和大家聊聊可能出现的兼容问题以及使用其他API时可能出现的问题。事件兼容 ele.addEventListener( type , function(evt){ var e = evt || event;}目标函数兼容： ele.addEv...
2020-03-16 12:08:19
95
原创 Dom基本信息
什么是Dom？文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。DOM树 文档：Document,每个页面都是一个文档元素：html中的标签都属于元素属性：页面中的所有节点都属于属性Dom的内容操作innerHTML和innerText两种方法： 向页面中查入信息innerHTML：插...
2020-03-16 12:07:24
293
原创 Javascript函数需要掌握的基本概念有哪些（上)？
函数创建声明式： 函数声明的关键字：function:也会在内存中开辟空间，用来存储变量值中的数据注不要忘记写函数名 function(){}语法:function函数名(条件){代码块}函数定义的规范：函数名首字母小写函数的命名规则与变量命名规则相同： 函数推荐驼峰命名 变量推荐下划线命名函数内的代码只会在函数调用时执行var foo = function(){console...
2020-03-16 12:06:50
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人