- 博客(264)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前后端身份认证：session身份认证，JWT认证
什么是身份认证身份认证（Authentication）又称“鉴权”，是指通过一定的手段，完成对用户身份的确认。生活中常见的身份认证有：高铁的验票乘车、手机密码或指纹解锁，支付宝或微信的支付密码验证等。而在Web开发中，涉及到用户身份的认证，例如：各大网站的手机验证码登录、邮箱密码登录，二维码登录等。为什么要身份认证HTTP是一种无状态的协议，为了分辨链接是谁发起的，需要浏览器自己去解决这个问题。有些情况下即使是打开同一个网站的不同页面也都要重新登录。
2023-05-06 21:20:55
1215
原创 css初入门：网页布局之网格布局-grid
网格列（Grid Columns）网格行（Grid Rows）网格间隙（Grid Gaps）通过以下属性来调整网格间隙。// 竖直间隙// 水平间隙// 是 row-gap 和column-gap 属性的简写属性列线与竖线列之间的线称为列线（column lines）。行之间的线称为行线（row lines）。
2023-04-25 11:28:54
4826
原创 初学Vue（全家桶）-第n天（vue2）：关于v-bind=“$attrs“、v-bind=“$props“ 和v-on=“$listeners“的使用
可以将父组件的所有props下发给它的子组件,子组件需要在其props:{} 中定义要接受的props。: 将调用组件时的组件标签上绑定的的属性(class和style除外)向下传递。在(避免父作用域的不被认作props的特性绑定应用在子组件的根元素上)。：通过，将底层级的信息往高层级传递。
2023-02-12 00:00:00
5703
原创 JavaScript面试题：聊聊this的指向问题
这个this的指向实在让人脑阔痛，害我掉了3根头发，目前也才弄懂了一丢丢，其他情况以后遇到在补充。。。首先，我们先看普通函数和箭头函数this指向的特点：普通函数总是代表直接调用者，直接调用者就是它的直接上层作用域，再往上就不算了。默认情况下，如果没有直接调用这，this执行window严格模式下（设置use strict），this为undefined当使用call，apply，bind绑定对象时，this指向绑定的对象箭头函数沿着作用域链一层层往上找，直到找到合适的对象.
2023-02-07 06:00:00
1008
原创 html面试题：关于在h5中style标签所处位置带来的影响
前面两者样式使用的位置基本是固定的，第三个嵌入式的位置可以随意插入到文档的任意位置，页面都能够将样式渲染出来。你可以将style标签放在head标签中，也可以将之放到body标签之内任何一个位置，也可以放在body结束标签之后，html结束标签之前，甚至可以放在html结束标签之后。，假如你把style标签放置在body标签中，或者放到html结束标签之后，当文档加载解析到了style标签的时候，发现他给页面的某些标签设置了样式，于是浏览器。，在这个过程中，时间明显的浪费了，这也就导致页面的加载速度变慢。
2023-02-07 00:30:00
1468
原创 html面试题：关于h5文档中script标签所处位置带来的影响
当把标签放在尾部时（body结束标签前），确实会先解析完整个页面再进行下载js文件，这样确实能解决放在head标签中带来的页面卡顿问题，但如果遇到一些页面渲染高度依赖于js的网页，那么页面的显示效果就相对不好了，所以将script放在尾部也不是最优解。的，当发现script的时候，会先下载已经发现的这些script标签对应的js文件，下载完之后才会继续向下解析，如果没有下载完js，那么浏览器就会暂停其他标签的解析工作，并且。，是谁先加载完到时执行的时候谁就先执行（2）js文件的执行是在文档所有的。
2023-02-06 00:00:00
590
原创 JavaScript面试题：消息订阅与发布的简单实现
发布订阅其实是一种，当。（1）把自己想订阅的事件 注册到（2）发布该事件到调度中心，也就是该事件触发时，由订阅者注册到调度中心的处理代码。
2023-02-05 00:30:00
564
原创 在vue项目中使用mockjs模拟接口和数据
在项目下创建一个mock文件夹，在这个文件夹下面创建index.js文件。4、 在main.js文件中导入创建的index.js。3、往index.js中添加mock语法，例如。npm安装之后，依赖会自动引入。2、 创建mockjs文件夹。5、应用mockjs写的接口。
2023-02-04 00:00:00
737
原创 端口被占用的解决方式
方式一：停掉占用该端口的服务占用提示：Port 端口号 was already in use解决：首先查看当前进程ps -ef找到你要停止服务的对象，根据进程号停止该服务kill -9 进程号运行你要运行的服务nohup java -jar xxx.jar &方式二：更改端口号java -jar xxx.jar --server.port = 端口号;
2023-02-03 03:45:00
1666
原创 Web开发模式简介
（3）当然，除此之外，有时候为了同时兼顾首页的渲染速度和前后端分离的开发效率，一些网站采用了首屏服务器端渲染 + 其他页面前后端分离的开发模式。前端可以专注于UI页面的开发，后端专注于api的开发，且使得前端有更多的选择性（例如使用Vue，react框架，ElementUI库等）尤其是移动端，更省电。因为完整的HTML页面需要在客户端动态拼接完成，所以爬虫无法爬取页面的有效信息。因为服务器端相应的是完整的HTML页面内容，所以爬虫更容易爬取获得信息。的广泛应用，简而言之，前后端分离的Web开发模式，
2023-02-03 03:30:00
449
原创 github入门指南
开源给使用者更多的控制权，能一起解决存在的代码问题，同时让学习变得容易，开源才有真正的安全开源是软件开发领域的大趋势，拥抱开源就像站在了巨人的肩膀上，不用自己重复造轮子，让开发越来越容易。GitHub 是全球最大的开源项目托管平台，只支持 Git 作为唯一的版本控制工具，故名 GitHub。在Github中可以进行如下操作：（2）为自己喜欢的开源项目做贡献（pull request，简称pr）（3）和开源项目的作者讨论bug和提出需求（issues)
2023-02-01 10:57:04
1024
原创 JavaScript：数组对象去重的几种方法
元素是对象类型的数组的去重我这粗分为两类，一类是当数组中整个元素一样时的去重（这里说的一样是指元素对象中的属性和值都一样），第二类是，元素对象中的某一个属性的值一样时进行去重。
2023-01-31 18:17:17
2777
原创 Mockjs入门基础概念与使用
Mockjs是前端用来模拟后端接口的一个工具，是让前端独立于后端进行开发的好帮手，在后端未完成接口开发之前咱们都可以用mockjs来简单自己做个接口，避免影响开发进度【mockjs官网】下面是官网介绍的特点：（1）前后端分离。让前端工程师独立于后端进行开发（2）增加单元测试的真实性。通过随机数据模拟各种场景（3）开发无入侵。不需要修改既有代码，就可以拦截Ajax请求，返回模拟数据（4）用法简单。（5）数据类型丰富。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等（6）方便扩展
2023-01-04 15:00:00
880
原创 git入门指南
版本控制系统（version control system）,是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。主要作用是帮助开发团队的开发人员协同工作，并存档他们工作的完整历史记录。版本控制系统有两类，一类是集中化版本控制系统（CVCS），一种是分布式版本控制系统（DVCS）。集中化版本控制系统都有一个单一的集中管理的服务器，用来保存所有文件的修订版本。协同工作的人们都通过客户端连接到这台服务器，获取最新的文件或者提交更新。但集中化的缺点就是，
2022-12-30 22:00:00
997
1
原创 JavaScript：内置对象Date的使用
Date()是js中的一个内置对象，专门用于获取时间的。Date 对象基于 Unix Time Stamp（即自 1970 年 1 月 1 日（UTC）起经过的毫秒数）我们先了解下下面几个与时间有关的概念：（1）GMT【格林威治标准时间】，以伦敦格林威治的子午线为基线，以地球自转为标准，全球都以此标准设定时间。（2）UTC【时间协调时间/世界标准时间】，是当前世界时间的标准，在时刻上尽量接近于格林威治标准时间，并且大多数用途来说，UTC时间被认为可以和GMT时间互换，他们两者基本相等。
2022-12-30 17:16:23
725
原创 json-server的学习笔记
json-server 是一款小巧的接口模拟工具，一分钟内就能搭建一套 Restful 风格的 api，尤其适合前端接口测试使用。只需指定一个 json 文件作为 api 的数据源即可，使用起来非常方便开源地址主页地址Github项目地址创建一个文件。{\\?id=:id中的\\是转义使用--routes选项启动JSON 服务器。现在可以使用其他路线访问资源。1、返回一个 Express 服务器。2、返回 JSON 服务器使用的中间件。options选项static静态文件的路径logger。
2022-12-23 00:27:49
1974
1
原创 JSON+JSON5介绍
JSON，全称：javascriip对象表示法（JavaScript Object Notation），类似于XML，是轻量级的存储和交换文本信息的语法格式，并且JSON一段文本内容，JSON比XML存储更小、读写速度更快、更易解析，并且比XML更易于人阅读，JSON独立于语言，基本所有语言都支持JSON。在开发Panda Api的最初版本，文档是用json来写的，但json语法不支持注释，不支持字符串换行，所有的key都必须双引号，末尾不能有多余的逗号…等等，一大堆极其严格的要求和不支持的功能。
2022-12-20 09:11:19
2457
原创 初学Nodejs（6）：Express模块*（基本使用+路由+中间件）
什么是ExpressExpress是基于Node.js平台，快速、开发、极简的Web开发框架.通俗的理解就是express作用和Node.js中内置的http模块类似，就是专门用来创建web服务器的，但Express的功能远比http强大。Express本质npm的第三方包，提供了快速创建Web服务器的便捷方法既然有了http内置模块，为什么还要有Express？http内置模块用起来很复杂，开发效率低，Express是基于内置的http模块进一步封装出来的，能够哦极大的提高开发效率。
2022-12-08 09:53:10
1010
原创 elemenUI 2.x：日期时间控件设置禁用日期
查看官网，可以看到有个叫做picker-options的组件属性，没错，就是借助他来完成禁用指定日期的操作该属性值传入的是一个对象，对于时间选择器、日期选择器、日期时间选择器分别传入不同的配置值来设置禁用功能，咱们一个一个看时间选择器的属性picker-options属性可选的值如下：功能如表格描述一样，咱写个小demo测试下就好了，不过要注意，时间选择器中只有el-timer-picker可以禁用指定时间范围之外的值，而el-timer-select只是设置取值范围，范围之外不显示。日期选
2022-12-05 05:00:00
2141
1
原创 初学Nodejs（5）：npm包管理器与包的发布
下载包引入包如何卸载包初次装包之后多了哪些文件（1）node_modules的文件夹存放所有已安装到项目的包。require导入包时，就是从这个目录中查找并加载包。（2）package-lock.json的配置文件记录node_modules目录下的每一个包的下载信息，包括包的名字，版本号，下载地址等。安装指定版本的包2、包管理配置文件package_json作用用来记录与项目有关的一些配置信息，例如：- 项目的名称、版本号、描述等- 项目用到的包- 哪些包只在开发期间会
2022-12-05 00:02:13
348
原创 初学Nodejs（2）：Buffer缓冲区
Buffer是nodejs全局上的一个内置模块，可以直接在不用引入就可以直接调用的模块。buffer的结构和数组很像，操作的方法也和数组类似。但普通数组类型不能存储音频，视频，图片等二进制文件，Buffer就是用来解决这个问题的。Buffer能够让javascript直接操作二进制数据，因此Buffer常常和流、管道、IO联系在一起。
2022-12-01 23:30:00
613
原创 初学Nodejs（4）：http模块
什么是客户端与服务端在网络节点中，负责消费资源的电脑，叫做；负责对外提供网络资源的电脑叫做http模块是Nodejs官方提供的、用来。通过http模块提供的方法，就能方便的把一台普通的电脑变成一台web服务器，从而对外提供web资源服务。
2022-11-17 22:00:00
554
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人