自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 登录凭证cookie、session、token的Koa实现

Windows默认的 cmd 终端是不能直接使用的,建议直接使用 git bash 终端;在之后的作用域其他网络请求, 会自动携带cookie。cookie中信息和内容进行加密处理, 加密签名。服务器获取cookie, 并且验证cookie。Mac 直接使用 terminal 终端即可;postman 模拟客户端携带token。Koa 中默认支持直接操作 cookie。浏览器接受cookie, 并且客户端保存。3.2 获取客户端携带的token。服务器设置cookie。可以使用非对称加密,

2023-03-30 23:21:07 773 2

原创 Node操作MySQL

提高性能:将创建的语句模块发送给MySQL,然后MySQL编译(解析、优化、转换)语句模块,并且存储它但是不执行,之后我们在真正执行时会给。前面我们所有的操作都是在GUI工具中,通过执行SQL语句来获取结果的,那真实开发中肯定是通过代码来完成所有的操作的。通常我们的连接建立之后是不会轻易断开的,因为我们需要这个连接持续帮助我们查询客户端过来的请求。

2023-03-29 23:44:18 336

原创 SQL语句

DDL(Data Definition Language):数据定义语言;可以通过DDL语句对数据库或者表进行:创建、删除、修改等操作;DML(Data Manipulation Language):数据操作语言;可以通过DML语句对表进行:添加、删除、修改等操作;DQL(Data Query Language):数据查询语言;可以通过DQL从数据库中查询记录;(重点)DCL(Data Control Language):数据控制语言;对数据库、表格的权限进行相关访问控制操作;

2023-03-29 20:45:39 415

转载 Node.js koa开发web服务器

前面我们已经学习了express,另外一个非常流行的Node Web服务器框架就是Koa。Koa官方的介绍:koa:node.js的下一代web框架;事实上,koa是express同一个团队开发的一个新的Web框架:目前团队的核心开发者TJ的主要精力也在维护Koa,express已经交给团队维护了;Koa旨在为Web应用程序和API提供更小、更丰富和更强大的能力;相对于express具有更强的异步处理能力

2023-03-29 14:17:23 262

转载 Node.js express开发web服务器

json方法中可以传入很多的类型:object、array、string、boolean、number、null等,它们会被转换成json格式返回;方式四:通过post请求中的body的x-www-form-urlencoded格式(中间件使用过);我们先来学习use的用法,因为methods的方式本质是use的特殊情况;方式三:通过post请求中的body的json格式(中间件中已经使用过);方式五:通过post请求中的form-data格式(中间件中使用过);

2023-03-28 15:53:47 818

转载 Node.js http开发web服务器

什么是Web服务器?当应用程序(客户端)需要某一个资源时,可以向一个台服务器,通过Http请求获取到这个资源;提供服务器的这个服务器,就是一个Web服务器;Web服务器目前有很多开源的Web服务器:Nginx、Apache(静态)、Apache Tomcat(静态、动态)、Node.js。

2023-03-27 15:55:25 516

转载 Node.js Buffer的使用

比如我们需要读取的是一张图片数据(二进制),再通过某些手段对图片数据进行二次的处理(裁剪、格式转换、旋转、添加滤镜),Node中有一个Sharp的库,就是读取图片或者传入图片的Buffer对其再进行处理;我们会发现,对于前端开发来说,通常很少会和二进制打交道,但是对于服务器端为了做很多的功能,我们必须直接去操作其二进制的数据;程序中的流也是类似的含义,我们可以想象当我们从一个文件中读取数据时,文件的二进制(字节)数据会源源不断的被读取到我们程序中;

2023-03-27 14:28:35 668

转载 Node.js 常用的内置模块

flag的值有很多:https://nodejs.org/dist/latest-v14.x/docs/api/fs.html#fs_file_system_flags。Node文件系统的API非常的多:https://nodejs.org/dist/latest-v14.x/docs/api/fs.html。为了简化用户的工作,Node.js 抽象出操作系统之间的特定差异,并为所有打开的文件分配一个数字型的文件描述符。在常见的操作系统上,对于每个进程,内核都维护着一张当前打开着的文件和资源的表格。

2023-03-26 23:07:16 656

原创 小程序系统API 调用

页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。不要尝试修改页面栈,会导致路由以及页面状态错误。关闭当前页面,返回上一页面或多级页面。获取当前的页面栈,决定需要返回几层。

2023-03-24 16:02:33 2337

原创 小程序的事件处理

当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中。e.currentTarget.dataset.属性。

2023-03-24 09:29:22 203

原创 WXSS-WXML-WXS

wx:if :是控制组件是否渲染的。需要根据条件判断组件是否渲染,条件为true,对应的组件才会渲染出来;: 表示 for循环array中item的某个属性(property) 该property是列表中的唯一的字符串或数字,且不能动态改变。hidden:本质是通过添加hidden这个属性来控制组件的隐藏或显示,即使条件为true,对应组件也会渲染,只不过不会显示在页面中。写在 .wxs结尾的文件中 以CommonJS的方式即 modelu exports 导出 在wxml文件中引入 进行使用。

2023-03-24 09:28:23 226

原创 小程序组件化开发

小程序组件化思想

2023-03-24 09:26:45 392

原创 小程序架构和配置文件

小程序考虑到性能与安全的问题,采用了「双线程模型」的架构

2023-03-24 09:26:22 123

原创 Vue2 、vue3 监听对象的变化

vue2实现数据响应式,是通过object.defineProperty()对数据劫持侦测数据变化,发布订阅模式进行依赖收集与视图更新。object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。vue3 是使用proxy 类。之后的操作都是直接对Proxy的操作,而不是原有的对象。

2023-03-09 14:10:59 5185

原创 登陆表单验证的一个小案例

【代码】登陆表单验证的一个小案例。

2023-03-08 21:15:16 98

原创 js严格模式与非严格模式下的this的绑定

js严格模式与非严格模式下的this的绑定

2023-03-07 09:44:53 77

原创 在setup中使用mapState,mapGetters以及封装

在setup中使用mapState,mapGetters以及封装

2023-03-02 10:39:43 217

原创 数组常用更新方法

数组常用更新方法

2023-02-28 22:20:10 328

原创 手写 call / apply /bind 函数

用于 this 的显示绑定(箭头函数不绑定this)

2023-02-27 23:01:54 177

原创 js中的继承的实现方式

继承的目的是:重复利用另外一个对象的属性和方法.

2023-02-27 22:01:38 92

原创 事件代理(事件委托)

“事件代理”即是把原本需要绑定的事件委托给父元素,让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。使用事件委托可以大量节省内存,减少事件的定义,动态绑定事件。

2023-02-24 11:11:37 2083

原创 vue3 集成 Element-Plus之全局导入/按需导入

Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库

2022-11-24 15:15:16 16630 2

原创 Git 开发分支合并到develop分支用法

开发是在本地自己的分支上,提交时将自己本地分支上的内容合并到develop分支上,再提交。将自己的分支与远程develop分支合并(禁用Fast Forward模式)

2022-11-18 15:50:04 3139

转载 Apollo Fetch Policies

Apollo Client为浏览器提供了获取数据的缓存设置,避免不必要的网络请求,来提升应用的性能。不过有时候也会很复杂,因为我们可能不知道数据从哪里来的,可能是从服务端API加载最新的数据,又可能是从缓存中获取,它完全取决于你自己的设置。但是我们从缓存中获取实时数据时,如果这个数据相对服务器已经过期,问题就会更明显了。

2022-10-25 10:05:43 325

原创 Vue3学习之全局事件总线mitt

Vue3从实例中移除了 $on、$off 和 $once 方法,所以我们如果希望继续使用全局事件总线,要通过第三方的库:Vue3官方有推荐一些库,例如 mitt 2 封装eventBus.js3 使用事件总线工具3.1 导入emitter3.2 触发事件3.2 监听事件3.3 移除事件监听所有监听移除 指定监听移除......

2022-06-07 17:04:39 4787

原创 【vue】v-bind和v-for结合实现点击li变色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v.

2022-04-29 18:51:22 278

原创 setInterval 定时器实现验证码倒计时

1 运行结果2 HTML结构<body> <label for="">手机号码:</label><input type="tel" name="" id=""> <button>发送验证码</button></body>3 JavaScript 代码<script> var input = document.querySelector('input');..

2022-04-12 14:19:22 206

原创 实现倒计时 JavaScript(定时器 setInterval)

1 运行结果2 JavaScript 代码<script> //1.获取元素 var day = document.querySelector('.day'); var hour = document.querySelector('.hour'); var minute = document.querySelector('.minute'); var second = document.querySelector('.second');..

2022-04-12 13:26:58 1027

原创 品优购静态页面--注册页面

注册页面:registe.html注意:注册页面比较隐私为了保护用户信息,不需要对当前页面做seo优化。 仍需引入网站图标 注册页面的结构和样式全部重新写,只需引入自己的regist.css,以及初始化base.css即可。1 头部模块 header1.1 HTML 结构<!-- header头部模块start --> <header class="header w"> <div class="logo"> ...

2022-04-11 13:48:47 1591

原创 品优购静态页面--列表页

1 快捷导航模块 shortcut与 index.html一样,直接复制粘贴,切记引入样式表2 头部模块 header与 index.html基本一样,多一个秒杀模块,采用定位2.1 HTML 结构<!-- 列表页的秒杀模块 --> <div class="sk"> <img src="./images/sk.png" alt=""> </div>2...

2022-04-11 12:11:29 1019

原创 品优购静态页面--首页的制作

一公共样式 common.css index.html1网站图标 favicon.ico显示在浏览器的地址栏或者标签上1.1 制作favicon 图标① 将logo 图标切成 png图片②把png 转换为ico 图标,利用第三方网站比特虫 在线制作 ico图标1.2 favicon 图标放到网站根目录下1.3 HTML 页面引入favicon 图标<!-- 引入网站图标 --> <link rel="shortcut icon" hre..

2022-04-11 11:33:24 947

原创 动态输入数据并生成表格,带删除操作javascript

通过prompt() 动态获取数据,再用Javascript 的构造函数生成对象,并动态生成表格以及实现表格的删除功能

2022-04-10 15:44:43 1015

原创 仿B站超简陋评论模块(留言+删除)

CSS样式 <style> * { margin: 0; padding: 0; box-sizing: border-box; } li { list-style: none; } .comment-send { margin: 100px auto;

2022-04-10 10:05:05 480

原创 JS下拉菜单实现

1.HTML<body> <ul id="nevigation"> <li> <button class="dropbtn">菜单一</button> <ul class="list"> <li class="item"><a href="#" target="_blank">项目一</a>&

2022-04-09 10:45:23 520

原创 猜数字游戏JavaScript

<script>// 要求用户猜 1~50之间的一个数字 但是只有 10次猜的机会 function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1, 50); console.log(random); var count...

2022-04-05 15:38:15 3505

原创 DOM第一天作业-广告关闭--pink老师

HTML <div class="proda"> <img src="images/ldh.jpg" alt=""> <i class="close-btn">X</i></div>CSS样式 .proda { position: relative; width: 200px; height: 150px; margin: 20px ...

2022-04-05 15:32:08 157

原创 DOM第一天作业--世纪佳缘登录框--pink老师

运行成果:HTML代码块 <div class="register"> <input type="text" class='ipt' value="邮箱/ID/手机号"> <input type="password" class='pwd' placeholder="密码"> <button>登录</button>`</div>CSS样式 div {.

2022-04-05 15:16:10 607 4

原创 dirsearch爆破

1、打开dirseach-masters所在文件夹2、按shift+右键 -open in window shell3、py dirsearch.py -u 网址 -e 语言(一般用*)-u 指定url-e 指定网站语言

2021-07-27 00:48:54 436

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除