- 博客(11)
- 收藏
- 关注
RSS订阅原创 借助axios的拦截器实现Vue.js中登陆状态校验的思路
然而，单纯这么来做并不靠谱，首先，token可以用户自己伪造，其次，有可能token在前端存在，但是由于登陆时间过长， 已经超出登陆最长时效期，这时，后端中，这个token已经失效。借助axios的拦截器，我们不但前端做了登陆校验，而且每次请求后端接口的时候，都会携带数据让后端再次做登陆校验，这样的一个登陆校验流程就很标准了。在做Vue中的登陆校验时，思路应该是这样的：先确定一个路由页面是否需要登陆才能访问，如果需要，就需要用户登陆，如果不需要，用户直接可以访问。
2023-06-08 16:43:33
188
原创 学习前端需要了解的网络安全协议和web漏洞
CSRF攻击是让用户访问攻击者构造的网页，执行网页中的恶意脚本，伪造用户的请求，对用户有登录权限的网站空间实施攻击。攻击者向目标计算机发出数量众多的攻击数据包，消耗目标计算机大量的网络带宽和计算机资源，使得计算机没有剩余带宽为用户提供服务，攻击严重可使计算机瘫痪。如何防范：在系统开发时，遵循数据与代码分离的原则，对用户输入的数据进行过滤加判断是完全可以避免注入漏洞。攻击条件：第一用户可以自主编写输入的数据，第二是web程序的执行代码被拼接了用户输入的数据。主要包含：SQL注入，代码注入，命令注入。
2023-05-29 11:00:00
356
1
原创 最全最新web前端面试题（80多道题范围较广）
Model-View-ViewModel 即模型-视图-视图模型。模型指数据，视图指html页面，视图模型是MVVM的核心，指vue实例。ViewModel扮演监听者，数据发生改变时，通知视图做自动更新，视图发生改变时，通知数据做改动。这就实现了数据的双向绑定。优点：低耦合，可复用，独立开发MVC分为:Model(模型),View(视图),Controller(控制器)。Controller是Model和View的协调者,View和Model不直接联系。基本都是单向联系。
2023-05-19 09:01:59
360
1
原创 Vue很适合创建单页面应用，那什么是单页面应用?优缺点是什么?
单页面应用(SPA)是指只有一个主页面的应用，浏览器一开始要加载所有必需的 html、js、css。但在编写的时候，还是会分开写(页面片段)，然后在交互的时候由路由程序动态载入，单页面的页面跳转，仅刷新局部资源。(2)首屏加载过慢。单页面首次加载，需要将所有页面所依赖的CSS和JS合并后统一加载，所以CSS和JS文件会较大，影响页面首次打开的时间。(3)减轻服务端压力，服务器只需要提供API接口，不用管理页面逻辑和页面的拼接，吞吐能力会提高几倍。因为页面数据都是前端异步加载的方式，不利于搜索引擎的抓取。
2023-04-23 10:22:16
428
原创 docusaurus的使用曾构建过小邮助手（邮储银行交易操作文档说明）
Docusaurus 能够帮助你建立并发布 美观的文档网站。是一个静态网站生成器。它发挥了 React 的全部功能来构建具有快速客户端导航的 单页应用，从而赋予你的网站交互性。它提供了开箱即用的文档功能，还能用于创建任何类型的网站（例如个人网站、产品介绍、博客、营销页等等）示例博客主页大概就是上面那个样子，可以设置自己的主题，分类，写自己的文章，做笔记等需要支持docusaurus的环境，可以去docusaurus中文官网看，基本需要nodeJS14版本以上，我们这里主要就说一下项目结
2023-04-18 16:55:53
281
原创 原生js书写纵向导航三级菜单demo（附代码）
有梦想，有干货，微信搜索【半糖学前端】关注这个生活有点苦的半糖。先来看下demo的样子：大概就是这个样子了，很简单。为什么写这个demo呢？主要是最近的项目用到了一个这样的功能，而我们已经很习惯的找组件像什么elementUi，BJui等一些UI框架都有这样的功能人家封装好的直接就拿来用了，平时为了工作效率也就那样做了但是后面呢就想不用框架也写一个demo吧，万一谁能用到呢所以就有了今天的例子了，话不多说，直接上代码html部分<div class=..
2021-09-08 17:51:20
1005
原创 5分钟知道git如何使用？（git入门）
这里引用一下“菜鸟教程”对git的描述Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。学习目标： 提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、..
2021-08-22 12:07:00
357
原创 纯js实现的表格分页组件公共方法
/** * @name getTableData * @desc * @param {Number} page 当前页码，默认1 * @param {Number} pageSize 每页最多显示条数，默认10 * @param {Array} totalData 总的数据集，默认为空数组 * @return {Object} { data, //当前页展示数据，数组 page, //当前页码 pageSize, //每页最多显示条数
2021-04-14 20:49:23
267
1
原创 偶然发现，Javascript中双重否定的写法
JS 是一种灵活且轻量级的语言，这种特性让我们经常觉得它是一门最简单的语言，也是最难掌握的语言。虽然经常使用，但我仍然偶然发现一些我不知道的隐藏语法或技巧。在处理错误时，我偶然发现了以下代码。return !!(this.isFirstOverall() || this.get('videoId')我非常确定这是一个错误，这就是该错误的根源。否定否定没有任何意义。但是经过一番谷歌搜索后，我发现Javascript中存在诸如消极负数之类的问题。简而言之，其目的是将任何表达式转换为实际的true/f
2020-07-17 10:31:17
483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人