前端开发
-
登录鉴权 概念 认证 用户名密码登录邮箱发送登录链接手机接收验证码 实现授权的方式 cookiesessiontokenOAuth 凭证 实现认证和授权的前提是需要一种媒介标记访问者的身份token令牌可以表明身份 Cookie 如何工作 网页发HTTP请求时，浏览器会先检查是否有相应的cookie，有则自动添加在request header中的cookie字段中。 作用 HTTP是无状态的协议，需要cookie或session保存状态，告知服务器前后两个请求是否来自同一浏览器 问题 存储在co
2024-12-02 -
在Vue.js应用中，特别是使用Vue Router进行页面路由管理时，router.beforeEach是一个非常有用的导航守卫（Navigation Guard）。它允许你在路由跳转之前执行一些逻辑，比如权限验证、页面跳转前的数据加载、滚动位置重置等。这里的代码示例展示了如何使用router.beforeEach来在每次路由跳转前将页面滚动到顶部。 router.beforeEach((to, from, next) => { window.scrollTo(0, 0); n
2024-12-02 -
效果： 起因： 上头觉得直接插入新数据没有交互感，下令调整表格的动感。开始我还以为是小case，没想到一波三折，从原生tabel表格大体效果实现，被批没有可复用，到结合el-tabel优雅实现效果，主要实现思路是拿取表格实例对象监听元素可视高度与元素垂直滚动高度之和，来和元素总高度做对比。 学习啦： scroll 家族包含了一些用于控制和管理滚动的属性和事件，应用于动态内容加载、滚动动画、滚动监听等场景。 平滑返回顶部案例： 运行效果： 代码片段： <template> <div c
2024-12-02 -
不管组件之间是什么关系，都可以去使用。这个文件相当于一个中转站，使用$bus去传值非常方便。如果用props去父子传值，组件不刷新值也不会刷新，用$bus可以实时刷新组件内的值。 1.$bus文件的创建--bus.js import Vue from 'vue' export default new Vue() 2.$bus文件的引入 import Bus from '@/..' 3.$bus的使用 this.$Bus.$emit() //相当于上车 this.$Bus.$on() //相当于下
2024-12-02 -
前言 上一篇已经记录了，既然是SDK，最终都是给外部人员使用的。调研了一下市面上的前端SDK，最终都是编译成一个 js 文件。我猜理由大概是 js 文件之间的调用都是需要网络加载的，所有内容都在一个文件里避免出现加载慢等问题。 SDK 打包 经过调研，前端的编译大多数使用 webpack 打包，webpack 官网：https://www.webpackjs.com/concepts/ 安装 webpack npm init -y # 初始化 npm 项目 npm i
2024-12-02 -
在javascript编程中，setInterval可以帮助我们实现一个定时器的功能，能够让我们定时执行某一项操作，如果不需要继续执行了，我们只需要调用clearInterval函数，清除定时器即可。 这里要重点说的是清除定时器的时机，我们一般是需要进行一个条件判断，比如 var count=5,我们定时执行count--操作，当count==0的时候，清除定时器，一般情况下，我们的代码是这样写的。 这段代码，逻辑上没有什么问题， 就是当count==0的时候，我们清除定时器。我们运行这段代码
2024-12-02 -
1、找到浏览器的图标 2、右键点击属性 3、在目标栏后边加上–autoplay-policy=no-user-gesture-required即可解决
2024-12-02 -
#!/usr/bin/env python # _*_ coding:utf-8 _*_ # 导入相应模块 import geoip2.database import requests,re def Iplocation(ip): response = geoip2.database.Reader("./GeoLite2-City.mmdb").city(ip) headers = { 'User-Agent': 'Mozilla/5.0 (X11; Fedor
2024-12-02 -
这一篇主要介绍awk的高级用法，因为awk可以单独作为一门语言来使用，所以它有很多高级用法 awk高级用法 awk控制语句—if-else判断 （1）语法 if(condition){statement;…}[else statement] 双分支 if(condition1){statement1}else if(condition2){statement2}else{statement3} 多分支 （2）使用场景：对awk 取得的整行或某个字段做条件判断 （3）演示 演示文本awkdem
2024-12-02 -
随着数字媒体的普及，图像和视频的编辑变得越来越重要。一个常见需求就是去除图片和视频中的水印，这些水印可能是文字、图案或徽标，通常覆盖在媒体内容之上。对于网站开发者、图像编辑者以及需要清理视觉内容的专业人士而言，能够轻松去除这些水印是非常重要的。 一个功能强大的去水印小程序，它可以帮助用户从图片和视频中快速移除水印和不需要的标记。该程序的源码可以被开发者用来集成到自己的应用程序中，或者被那些希望了解和学习图像处理技术的人士用作教育目的。 主要特点： 自动化处理：该程序利用高级算法自动检测和处理多种
2024-12-02