web前端
关注
分享
扫一扫
文章平均质量分 70
蔚蓝色的风暴
我很想改变什么，但我得不到救赎
展开
-
Cookie Session Token的各种知识
通常也称为JSON令牌JWT主要用于下面两点1、认证 （Authorization） 这是使用JWT最常见的一种情况，一旦用户登录，后面每个请求都会包含JWT，从而允许用户访问该令牌所允许的路由、服务和资源。单点登录时当今广泛使用JWT的一项功能，因为它的开销很小2、信息交换 JWT是能够安全传输信息的一种方式，通过使用公钥、私钥对JWT进行签名认证。原创 2024-09-30 17:37:38 · 911 阅读 · 0 评论 -
vue中引入图片的方法
记录一下vue中引入图片的写法原创 2023-02-20 19:50:41 · 4232 阅读 · 0 评论 -
Vue笔记（五）：路由基础
路由用于组件间的跳转首先定义组件：const Foo = { template: '<div>foo</div>' }const Bar = { template: '<div>bar</div>' }这是我们现在实例用的组件，实际项目中一个组件可能就是一整个页面接下来我们创建一个路由对象const routes = [ { path: '/foo', component: Foo }, { path: '/bar', component原创 2021-09-09 21:10:22 · 125 阅读 · 0 评论 -
Vue笔记（四）：axios
Vue中可以通过axios来访问APIAxios 是一个基于 promise 的 HTTP 库本质上讲是ajax请求基本写法new Vue({ el: '#app', data () { return { info: null } }, mounted () { axios .get('https://api.coindesk.com/v1/bpi/currentprice.json') .then(response =&g原创 2021-09-09 10:40:58 · 166 阅读 · 0 评论 -
Vue笔记（三）：深入理解组件
在Vue笔记（二）中简单看了一下组件 现在做一个更详细的学习来看一个经典的组件代码（来源于Vue官网）// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} tim原创 2021-09-07 20:44:40 · 344 阅读 · 0 评论 -
Vue笔记（二）：条件渲染 列表渲染 事件绑定 表单输入绑定 组件 路由
条件渲染使用v-if v-else-if v-else来实现条件渲染示例如下<div v-if="type === 'A'">A</div><div v-else-if="type === 'B'">B</div><div v-else-if="type === 'C'">C</div><div v-else>Not A/B/C</div>如图所示，在vue类中对 type赋值，即可决定是否进行渲原创 2021-08-30 20:59:45 · 403 阅读 · 0 评论 -
CSS笔记（一）：语法 选择器 伪类
基本语法 <head> <meta charset="UTF-8" /> <title>Document</title> <style> p { color: red; font-size: 30px; text-decoration: underline;原创 2021-08-30 11:37:41 · 186 阅读 · 0 评论 -
Vue笔记（一）:基本语法 实例 生命周期 指令 style绑定
基本语法<div id="app"> {{ message }}</div>div的id是app，内容为一个名为message的变量在js代码块内：var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})声明一个名为app的对象，该对象是一个vue对象，其中element使用id选择器，选择了id为app的代码块，并为变量message赋值"hello vue"完成原创 2021-08-28 20:27:19 · 293 阅读 · 0 评论 -
JavaScript笔记（二）：正则表达式 事件
正则表达式定义：正则表达式用于定义一些字符串的规则。作用：计算机可以根据正则表达式，来检查一个字符串是否符合指定的规则；或者将字符串中符合规则的内容提取出来。 var 变量 = new RegExp("正则表达式"); // 注意，参数是字符串 var 变量 = new RegExp("正则表达式", "匹配模式"); // 注意，两个参数都是字符串示例只传一个参数时 var reg = new RegExp("a"); // 定义一个正则表达式：检查一个字符串中是否含有 a var原创 2021-08-21 15:32:49 · 214 阅读 · 0 评论 -
JavaScript笔记（一）：语法 函数 对象
之后需要自己梳理的/有疑问的CSS盒子模型 （梳理）• width和height：内容的宽度、高度（不是盒子的宽度、高度）。• padding：内边距。• border：边框。• margin：外边距。流动原创 2021-08-20 20:55:45 · 109 阅读 · 0 评论 -
HTML学习（六）：列表 表格 表单
列表标签列表标签有三种（1）无序列表<ul>在无序列表中，每一项为 <li><ul> <li>yoyo</li> <li>yoyo</li></ul>结果为 yoyo yoyo注意 <li>必须在<ul>中<ul>具有属性值 type 其中 dics为实心圆点 square 为实心方点 circle 为空心圆<li>也有相同的属性值，原创 2021-08-19 11:58:00 · 177 阅读 · 0 评论 -
HTML学习（五）：图片
img标签<img src="URL" />表示一张图片能够插入 jpg gif png bmp等格式不能往网页中插入 psd ai等专用软件的格式HTML不直接插入图片 而是插入图片的引用地址 因此要将图片上传至服务器<img src="https://w.wallhaven.cc/full/pk/wallhaven-pk8pzj.png" />得到的是同样，图片的引用可以使用相对路径当前页面所在路径<img src="2.jpg"><im原创 2021-08-18 20:42:07 · 189 阅读 · 0 评论 -
HTML学习（四）：文字
转义字符 ：空格 （non-breaking spacing，不断打空格）<：小于号（less than）>：大于号（greater than）&：符号&"：双引号'：单引号©：版权©™：商标™下划线 中划线 斜体<u> 下划线<s>或<del> 删除线<i>或<em> 斜体上标原创 2021-08-18 20:20:44 · 173 阅读 · 0 评论 -
HTML学习（三）：排版
排版标签<h1><p><hr /><br /><div><span><center><pre>标题标签<h1>至<h6>为标题标签，对应从大到小，align属性决定它的位置，如<h1 align="center">hihi</h1>代表居中注释<!-- hihi -->段落标签<p>为段落标原创 2021-08-18 19:58:29 · 1230 阅读 · 0 评论 -
HTML学习（二）：HTML基础
HTML基本概念HTML 全称为 HyperText Markup Language，译为超文本标记语言。HTML 不是一种编程语言，是一种描述性的标记语言。作用：HTML是负责描述文档语义的语言。所谓的超文本，有两层含义：（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。（2）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。HTML 不是一种编程语言，是一种描述性的标记语言。这主要有两层含义：（1）标记语言是一套原创 2021-08-18 14:46:08 · 159 阅读 · 0 评论 -
HTML学习（一）：web基础
前言形色匆匆，如今我又开始挑战新的内容了。两年前下定决心开始学习python的时候还历历在目。两年过去，我也使用python写了好多东西，完成了让自己自豪的SDN控制器的开发。现在的我，能够真正的被称为一个程序员了吗？但这还是远远不够的，python也还需要成体系的去学习前端后端等等各种框架，而且在就业时发现相比于C++、java，python的使用率是相当低的。即便是使用python搭建的后端，等到框架变大之后还是需要java重新搭建一遍。为了以后的挑战，我至少还需要掌握一门常用的开发语言。现原创 2021-08-17 20:34:18 · 400 阅读 · 0 评论