Reese Blog

我干了什么 究竟拿了时间换了什么

vue-csrf 支持

vue | csrf | django | csrftoken

1. 后端生成Token 增加一个接口用于生成 token 并返回 1 2 3 4 5 6 7 8 9 10 # views.py def get_csrf_token(request): token = django.middleware.csrf.get_token(request) return JsonResponse({'token': token}) # ...

Posted by luoruiqing on August 20, 2021

Chrome 移动端调试

Chrome developer | 移动端 | 控制台

这篇记录一下如何通过PC调试手机端Chrome的控制台，可以更直接的定位设备问题。 安卓设置 步骤 进入设置 > 关于手机，启用开发者模式，然后点击版本号7次(各厂商系统设置不同)。 从开发者选项中启用USB调试。 在桌面上，转到 chrome://inspect 地址 或打开DevTools单击更多图标，然后单击更多工具 > 远程设备。 选中查找USB设...

Posted by luoruiqing on August 6, 2021

浏览器预览PDF

pdf.js | 浏览器预览 ｜ viewer.html

浏览器预览PDF有以下几种方式： 浏览器直接预览 iframe 内嵌预览 插件 预览方式 浏览器直接预览 这种方式需要浏览器调整相应的配置才能实现直接预览，部分情况下浏览器遇到PDF文件是触发下载的，取决与客户机设置 iframe 内嵌预览 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html&g...

Posted by luoruiqing on August 4, 2021

Vue 二维码生成及动态变化

Vue | qrcodejs2 | 二维码 | 动态生成 | 监听

库 qrcodejs2 : 用于生成二维码的库, 干净轻量, 没有其他依赖. 安装 1 npm install --save qrcodejs2 通用组件 src/components/QRCode/index.vue 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30...

Posted by luoruiqing on May 31, 2021

Vue 组件重置

Vue | 组件 | 重置 | 销毁 | 数据

通过执行 data 方法重置 1 Object.assign(this.$data, this.$options.data()) // 重置数据 this.$data : 代表当前组件的 data 数据 this.$options.data(): 相当于执行了一次 data 方法, 重新获取了 data 内的数据

Posted by luoruiqing on May 20, 2021

Django graphene-django 使用教程

Django | graphql | graphene-django

安装 1 pip install graphene-django 配置 1 2 3 4 5 6 7 8 9 # settings.py INSTALLED_APPS = [ # ... 'graphene_django', # 添加组件 ] GRAPHENE = { 'SCHEMA': '路径.schema' } # 这里schema为文件内的变量, 对应 sc...

Posted by luoruiqing on January 24, 2021

Django 自定义中间件及视图

Django | View | Middleware | 视图 | 中间件 | 自定义 | 定制 | 快速开发

在进行接口开发时, 对请求和响应都需要做一些统一 数据结构 的约定, 状态码 约定等等, 这种约定大多要根据自己的业务情况来进行. 这里提供封装思路及模板, 简单实现的功能如下: 自定义错误   错误码参数   错误码唯一性校验   HTTP 响应状态码存储   支持字符串格式化 中间件 ...

Posted by luoruiqing on December 6, 2020

Docker 快速发包

Docker | 发包脚本 | 版本管理 | Git标签 | Git Tag | 区分配置 | 同时发布多版本 | Git 日志

在使用 Docker 的过程中, 发包时可能需要添加版本号, 同时发布到最新版本 latest 标签下, 所以直接将 Dockerfile 编写到脚本内, 以解决一条命令实现发包到对应版本及最新版本, 和对应配置文件的功能, 步骤如下 进入项目目录获取 Git Tag 版本号(可以根据自身情况修改) 根据包名获取对应配置信息 校验配置信息是否存在, 不存在则退出 输出...

Posted by luoruiqing on November 12, 2020

Axios 常见用法

Axios | 基本用法 | 配置修改 | 响应封装 | 请求取消 | 请求重试 | 文件下载

Axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 基本使用 创建实例 1 2 3 4 5 6 7 import axios from 'axios' // 创建实例 const service = axios.create({ baseURL: 'https://some-domain.com/api/', /...

Posted by luoruiqing on October 13, 2020

HTTP SSE

HTTP SSE | 长连接 | 单向通信 | 服务器推送 | 非Websocket | 网络 | Django

SSE EventSource 是服务器推送的一个网络事件接口。一个EventSource实例会对HTTP服务开启一个持久化的连接，以text/event-stream 格式发送事件, 会一直保持开启直到被要求关闭。 一旦连接开启，来自服务端传入的消息会以事件的形式分发至你代码中。如果接收消息中有一个事件字段，触发的事件与事件字段的值相同。如果没有事件字段存在，则将触发通用事件。 与...

Posted by luoruiqing on September 25, 2020

FEATURED TAGS
CSS Vue Django JavaScript Python Tools Docker Mysql VSCode Link Linux 爬虫 Chrome Webpack
ABOUT ME

For the next quantum leap
离开世界之前，一切都是过程

FRIENDS