前端
关注
分享
扫一扫
前端
程序员劝退师-TAO
没事敲两行代码
展开
-
前后端分离架构下单点登陆设计方案
前言在往期文章中SpringSecurity相关文章中有提到单点登录这个概念，且有具体实现，详情请见往期文章单点登录，但是这个是前后端不分离的架构下的设计，在目前动不动微服务的大环境下，前后端往往时采用分离的架构开发模式，本文就对前后端分离的机构模式设计单点登录方案。正文项目准备：前端业务项目A，前端单点登录项目B，后端服务Server，当项目A访问需要登录权限时，服务端会返回需要权限的结果，然后前端项目A得到服务器返回的结果后做业务判断，跳转到前端单点登录项目B的URL，并且携带前端项目A当前界面的原创 2021-06-03 00:16:06 · 647 阅读 · 2 评论 -
CSS中多个文字中间加分号
这是一个关于格局的文章，过去我们要是想做到下面这种效果那都不用脑子想要么在js代码中循环加上、拼装好加分号后整体渲染，要么在html标签中v-for循环控制渲染，那么为什么文章开头是说这篇文章是关于格局的文章呢，原因如下！原创 2023-04-06 22:33:20 · 1138 阅读 · 1 评论 -
谷歌浏览器自动播放（深入分析）
前言大概是20年的时候，公司做直播项目，主要是APP端的，但是有一个H5的直播间分享功能，棒来这是前端的工作的，但是前端没空，正好我也会前端，于是就有了这篇文章，场景是这样的，用户或者主播可以在直播间内把直播间分享到微信用H5链接打开后可以直接观看直播间内容，测试了很多内核的浏览器，发现谷歌浏览器有个安全策略，禁止自动播放，当时的做法是在界面的顶层做一个模板的播放按钮，让用户点击后才能自动播放，后面研究了一下，详情如下！分析这里已经设置了autoplay为true了，但是还是在谷歌浏览器上还是不能自原创 2022-03-04 16:27:02 · 4160 阅读 · 0 评论 -
iconfont导入全部官方图标库
全部官方图标库var span= document.querySelectorAll('.icon-cover');for(var i=0 ,len=span.length;i<len;i++){ span[i].querySelector('span').click();}可能网站样式变动那么就需要修改下上面的脚本代码了。执行原创 2021-10-16 19:15:43 · 367 阅读 · 0 评论 -
H5实现防抖和节流超详细由浅到深
最近公司做一个内部的搜索系统，因为搜索框需要搜索功能需要「频繁」的去发送请求，这很明显的会给服务器带来压力，那么这时候就要用到防抖和节流的知识点了防抖函数debounce比如我们的「百度搜索」，搜索的时候有关键字的提醒，关键字的来源来自于客户端向服务端请求得到的数据，我们通过「keyup事件」去监听触发请求，如果返回值的搜索key已经不是搜索框现在的值，就丢弃掉这次返回，于是我们提出这样一个「优化需求」：「触发事件，但是我一定在事件触发n秒后才执行，如果你在一个事件触发的n秒内又触发了这个事件，那.原创 2020-12-19 11:05:55 · 1044 阅读 · 2 评论 -
移动端手机上调试Html5网页vconsole
这个小技巧在web端调试的时候特别好用，如果是PC端浏览器的话没有必要整合这个玩意了，主要是移动端设备上调试H5界面的，这篇文章将会演示uniapp和原生Html5整合vconsole；uniapp和vue的整合方式一样，不单独演示！vconsole这个玩意是腾讯开放的，这是我目前对接腾讯所有的东西中唯一我给好评的！先看看效果效果显而易见，逼传统的大alert()调试要方便太多了，也不需要借助其他外部工具插上设备调试！uniapp整合vconsole1.移入npmnpm install v原创 2020-12-18 18:48:07 · 1557 阅读 · 2 评论 -
大前端面试汇总
基础前端八股文是必看的原型链继承的实现数据类型var、const、let 对比new 的过程this 指向问题bind 实现方式闭包事件循环类型判断手写 Promise翻来覆去的题也就这些，有一些问题是可以和其他人拉开差距的，然后你需要有自己的一套理解。例如我理解js的原型链是这样的：原型链就是链表，this 其实就是链表当前指向的那个原型，bind call apply就是改变链表 next 指向。例如垃圾回收机制有新生代和老生代，可以谈谈Scavenge GC 算法，例如问原创 2020-11-22 15:22:03 · 1604 阅读 · 0 评论 -
微信分享自定义文字跟图标-JAVA-H5完整版
前言如果兄弟你有幸看到我的这篇关于微信分享自定义文字跟图标的文章还是对接不好，那基本上你是可以转行了！环境准备1.微信公众平台账号2.公网服务器开撸1.注册微信公众平台账号公众平台账号-注册/登录2.修改基本配置这里的url就是微信公众平台验证服务器调用我们自己的接口，并返回对应数据，这个会在后面说到！这里的token自己随便设置，EncodingAESKey可以点击随机生成，加密方式自定义，我这里就选择明文！这里先别点提交！还要准备服务器验证接口！3.编写服务器检验接口我原创 2020-09-24 00:33:33 · 874 阅读 · 0 评论 -
H5播放SVGA动画
废话不多说，直接上代码html<!DOCTYPE HTML><html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #box{ margin: 0px; padding: 0px;原创 2020-09-04 17:05:27 · 3884 阅读 · 0 评论 -
JS的字符串/数组使用indexOf()开始位置为-1,查找内容为““,开始位置大于字符串长度
JS的indexOf用法，这里先看看W3C的介绍:W3C-indexOf官方介绍了常规用法，但是并没有告诉我们fromindex为负数，或者fromindex大于字符串长度，再或者searchvalue为""这些情况的用法！！！这些非常规情况一般人很难想到这么尝试，当然咯，我也是一般人，所以这中写法并不是我想到的，是一个道友晚上问我，我看了一下，乍一看这不就是indexOf查找么，简单，但是仔细一看，有点想不通，于是就查了一下资料，当场还没查出来，就给了她一个我猜想的答案，但是我知道这个答案有点站不住原创 2020-07-14 15:15:44 · 1115 阅读 · 0 评论