- 博客(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
原创 Vue2 、vue3 监听对象的变化
vue2实现数据响应式,是通过object.defineProperty()对数据劫持侦测数据变化,发布订阅模式进行依赖收集与视图更新。object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。vue3 是使用proxy 类。之后的操作都是直接对Proxy的操作,而不是原有的对象。
2023-03-09 14:10:59 5185
原创 事件代理(事件委托)
“事件代理”即是把原本需要绑定的事件委托给父元素,让父元素担当事件监听的职务。事件代理的原理是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关注的人