首页
文章
爱发电
留言板
友情链接
主题展示
Pix
Hao
Joe3
Walker
Stellar
Oyiso
Heolink
图库
关于
新都在
行动起来,活在当下
累计撰写
175
篇文章
累计创建
37
个标签
累计收到
88
条评论
栏目
首页
文章
爱发电
留言板
友情链接
主题展示
Pix
Hao
Joe3
Walker
Stellar
Oyiso
Heolink
图库
关于
目 录
CONTENT
前端-新都在
以下是
前端
相关的文章
2023-07-26
JQuery获取客户端本地IP
此HTML页面利用JQuery库与WebRTC的RTCPeerConnection功能巧妙地获取访问者的本地IP地址。首先,通过兼容性处理创建一个RTCPeerConnection实例,适应Firefox、Chrome等浏览器。接着,建立一个空的数据通道作为触发点。关键步骤在于创建一个offer,并设置本地描述,期间分析SDP(会话描述协议)信息,从中筛选出IP地址候选。此外,代码还监听icecandidate事件,进一步捕捉IP信息。最后,定义的`getUserIP`函数接收一个回调`onNewIP`,一旦发现新的IP就会执行该回调,这里以弹窗形式展示获取到的IP地址,实现了用户本地IP的动态探测与反馈。
2023-07-26
38
0
0
前端
2023-01-02
使用Ajax动态执行模糊查询功能
该段落介绍了一个项目,它利用Ajax技术实现了动态模糊查询功能,特别针对模板的选择进行了优化。用户可以通过输入框输入关键词,系统即时反馈匹配的模板列表,提升搜索效率与用户体验。此功能模块基于jQuery和Bootstrap构建,并嵌入layui框架来处理弹出层的交互,如确认和取消按钮操作。此外,文档还涵盖了从HTML结构、CSS样式到JavaScript逻辑的全面实现细节,包括如何隐藏搜索结果、选择模板、删除已选项及最终确认提交的过程。对外部库的引用也清晰列出,便于开发者快速集成这一功能至他们的项目中。
2023-01-02
46
0
0
前端
2022-08-07
Vue动态设置路由菜单
Vue动态设置路由菜单是通过后端驱动前端配置的过程,关键在于根据用户权限从服务器获取路由信息并实时构建路由表。在vue-element-admin项目中,首先维持一组静态基本路由,如登录页和404页面;随后,在Vuex的permission模块中,利用actions异步获取后端返回的路由结构,经处理转换为Vue Router兼容的格式,并按用户角色过滤权限。通过路由守卫(router.beforeEach),在页面跳转前确保所有权限相关的动态路由被正确加载至路由系统,实现按需展示功能页面。此策略结合了前后端分离思想,提高了应用的灵活性和安全性,确保用户界面与权限设定的精确匹配。
2022-08-07
34
0
0
前端
2020-12-08
Canvas制作简易验证码
该段代码展示了如何使用HTML5的`<canvas>`元素来制作一个简易的验证码。程序初始化一个200x60像素的画布,并在其上绘制4个随机选取的字母或数字作为验证码内容,每个字符的位置、旋转角度以及颜色都是随机的,以此增加辨识难度。此外,为了进一步混淆视觉,代码还会在画布上绘制6条随机走向的干扰线和20个随机分布的干扰点,它们的颜色也同样随机选取。用户可以通过点击“点击切换”链接来重新生成新的验证码图案。此验证码实现利用了JavaScript进行动态绘图,展现了`canvas` API的基本使用方法和灵活性。
2020-12-08
50
0
0
前端