首页 分类 前端 下的文章
uinapp或者前端打包后出现两个静态资源文件夹解决方案

uinapp或者前端打包后出现两个静态资源文件夹解决方案

　我们在使用uinapp编写项目后打包后发现出现了两个静态文件如两个图片文件夹 img和image 两个 字体文件夹 font 和 fonts 等等。问题　通过 uinapp 打包后出现两个重复的图片文件夹 img 和 image 主要是应为代码内引用路径导致的。解决　我们只需要将绝对路径换成相对路径即可. 　以上就是uinapp打包后出现两个相同的静态文件夹以及图片文件夹的解决方案。
前端,解决方案 2023-06-05 PM 135次 0条
实现滑动窗口限流算法

实现滑动窗口限流算法

　下面我们通过php使用redis实现一个简单通用的滑动窗口限流算法解决问题　滑动窗口算法主要解决了传统计数限流算法的阶段突发性流量问题。具体实现创建redis对象并定义缓存键$redis = new \Redis(); $redis->connect("127.0.0.1"); $key = "aaaaa";定义每分钟最大请求数量$max_count = 320; $total_s = 60; $current_time = time();计算平均值用于限制每秒请求数量$avg_count = ceil($max_count / $total_s);限制每秒请求数量$range_count = $redis->zRangeByScore($key, $current_time, $current_time); if (count($range_count) > $avg_count) { exit('请求太过频繁,请稍后 -1'); }限制每分钟请求数量$redis->zRemRangeByScore($key, 0, $current_time - 59); $c...
PHP,Golang,前端,.Net,解决方案,其他 2023-03-17 PM 191次 0条
最新jetbrains全家桶及phpstorm激活方法支持全系列全版本支持更新永久有效

最新jetbrains全家桶及phpstorm激活方法支持全系列全版本支持更新永久有效

　 继 IDE Eval Reset 失效后,今天我们分享一个最新的jetbrains全家桶及phpstorm激活方法,并且支持全系列,全版本可更新使用并且有效。　我们知道 jetbrains 家的产品用过的都知道非常好用,其中包括 phpstorm , goland , pycharm , webstorm , intellij idea 等等这些都是非常强大及好用的开发工具,但是奈何 jetbrains 系列的工具都是要收费激活的虽然淘宝上有便宜的 学生邮箱 和 破解版 但是这些非常 容易被封 ,博主已经入了两次淘宝的坑了。　博主之前分享的 phpstorm及jetbrains永久免费激活工具插件无限试用使用 奈何对2021年6月份之后的版本已经无效了,插件的开发者已经停止对激活插件的更新了所以说2021年6月份之后的版本就不能再使用了。最新jetbrains全家桶激活方法　原理是我们主要通过代码搜索其他授权服务器进行永久激活激活。方式一 通过censyshttps://search.censys.io/主要用到的代码services.http.response.head...
PHP,软件工具,Golang,前端,解决方案 2022-03-23 AM 11308次 0条
利用js焦点事件实现用户离开页面提示

利用js焦点事件实现用户离开页面提示

　利用js 焦点事件 实现用户 切换网站提示 主要使用了原生 javascript 的 onfocus 事件以及 onblur 事件来实现的。效果预览实现代码window.onfocus = function() { document.title = '大爷来玩呀'; }; window.onblur = function() { document.title = '大爷慢走,下次再来'; };焦点事件　焦点事件 onfocus 与 onblur 执行相反。onfocus 事件　当输入字段或者窗体获得焦点时执行 JavaScript 脚本window.onfocus = function() { document.title = '大爷来玩呀'; };object.onfocus = function(){myScript};object.onfocus = function(){myScript};onblur 事件　当用户离开输入字段或者窗体时执行 JavaScript 脚本window.onblur = function() { documen...
前端 2022-01-08 PM 515次 0条
解决无法加载源映射： 无法加载xxxx.map 的内容:HTTP 错误: 状态代码 404

解决无法加载源映射： 无法加载xxxx.map 的内容:HTTP 错误: 状态代码 404

　当我们引用压缩过的 min.css 或者 min.js 文件时有些时候浏览器会报一下异常导致无法使用。无法加载源映射异常问题DevTools 无法加载源映射： 无法加载http://192.168.146.128:9900/assets/css/skins/skin-black-blue.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE DevTools 无法加载源映射： 无法加载http://192.168.146.128:9900/assets/js/require.min.js.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE DevTools 无法加载源映射： 无法加载http://192.168.146.128:9900/assets/css/skins/skin-black-blue.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILU...
前端,解决方案 2021-12-08 AM 7547次 0条
uniapp解决顶部状态栏重叠问题

uniapp解决顶部状态栏重叠问题

　在使用 uniapp 进行 混合app 开发的时候我们会遇到拖动页面时页面内容与手机顶部状态栏重叠的问题,下面我们来 uniapp 解决顶部状态栏重叠的问题。uniapp顶部状态栏重叠　通过以上图片可以看到现在的页面时要与手机顶部状态栏重叠的,用户体验特别不友好,下面我们对 uniapp 与手机顶部状态栏重叠进行一个优化。优化app与手机顶部状态栏重叠问题　我们只需要在开发 uniapp 的时候在 manifest.json 文件配置项里面点击源码视图 app-plus 项关闭 immersed 即可。manifest.json"app-plus" : { "statusbar": { "immersed": false } }　如果不存在可以添加 statusbar 配置项如图优化解决状态栏重叠　我们通过以上配置编辑保存完成之后 重新加载app 后可以看到顶部状态栏重叠问题已经 完全解决 了。
前端,解决方案 2021-10-30 AM 711次 0条
js获取当前网页加载状态

js获取当前网页加载状态

　有时候我们为了更好的 用户体验 通常 UI页面 设计时会在页面上展示内容 加载状态 ,这个时候我们可以通过一下 js前端代码 来实现当前网页 加载状态 。onreadystatechange 事件简单应用/*判断当前页面加载状态*/ document.onreadystatechange=function () { //获取当前网页状态 switch (document.readyState) { case "loading": //正在加载 console.log("正在加载"); break; case "interactive": //结构加载完成 console.log("结构加载完成"); break; case "complete": //全部加载完成 console.log("全部加载完成"); break; ...
前端,解决方案 2021-10-08 PM 348次 0条
使用bootstrap-table插件,设置显示隐藏列时,设置保存至cookie或者服务器

使用bootstrap-table插件,设置显示隐藏列时,设置保存至cookie或者服务器

　扩展 bootstrap-table 插件,原插件设置显示/隐藏列时只是临时的,也有 cookie 插件保存设置,但不方便保存到服务器,本插件就是对其进行扩展,默认保存至 cookie ,提供事件和参数可以将设置保存至服务器。 bootstrap 依赖bootstrap-table.jsBootstrap Table旨在减少开发时间，并且不需要开发人员的特定知识。它既轻量级又功能丰富jquery.cookie.min.jsjQuery 可以通过 jquery.cookie.js 插件来操作 Cookiebootstrap-table 使用方法　使用 bootstrap-table 插件的 bootstrapTable 方法进行初始化时,传参数 maintainColSwitch:true 即可开启保存到 cookie 的功能。$('#dataGrid').bootstrapTable({ url: 'demo.response.json', method: 'get', sidePagination: 'client'...
前端 2021-10-08 AM 310次 0条
html修复锚点位置偏移

html修复锚点位置偏移

　在使用 html锚点 时候一到那我们设置了 头部导航栏固定 ,就会出现 html锚点跳转 时候 位置偏移 , 锚点定位不准确 等问题,特别影响用户体验。　可以看到以上效果图 头部浮动 已经导致 锚点位置向上偏移 了,然后我们可以通过以下 任意两种方法 去 修复锚点 位置偏移 的问题。使用 css 的 target 选择器修复锚点位置偏移.article-deviation:target{ padding-top: 110px !important; /*或者*/ margin-top: 110px !important; }　我们通过使用 target 选择器修复锚点位置偏移,其中使用 padding 还是 margin 以及 像素大小 可以根据 具体需求进行调整 。target 完整使用示例

这...
前端,解决方案 2021-09-27 AM 1182次 0条

html使用css实现锚点平滑滚动

html使用css实现锚点平滑滚动

　本文将通过使用css 优化锚点 平滑滚动,默认我们在使用 html锚点 的时候,点击锚点链接默认是 立即跳转 到指定位置。默认html锚点效果　我们可以看到默认的 html锚点 效果是 非常僵硬 的,用户体验 非常不好,下面我们就通过css去 优化锚点 使其 平滑滚动。css滚动行为属性 scroll-behavior　我们可以通过css的 滚动行为 属性 scroll-behavior 来 快速优化用户体验 使其默认 锚点平滑滚动。属性 scroll-behavior 官方解释当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为，其他任何的滚动，例如那些由于用户行为而产生的滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。　大致意思就是当触发滚动操作时候可以通过 scroll-behavior 属性控制其行为。使用 scroll-behavior 属性优化锚点　我们只需要在 html样式 里面加入一下代码即可实现,设置smooth 就可以平滑滚动了。html{ ...
前端,解决方案 2021-09-26 PM 760次 0条
12
博主头像

老马吃草

有趣的人生,一半是山川湖海

随机文章

栏目分类

热门文章

标签云

GRPC学术资源IDEMinIO数据库委托算法Go基础破解PHPJQuery压测工具UI对象储存Edge浏览器管理工具Typecho包管理器谷歌浏览器其他JsProxyCookie密码管理TableCSharpGitGoLandzephirJetbrainsJavaCard

友情链接

© 2023 lmcc-老马吃草的博客 豫ICP备17032202号-3