django post csrf js
Vue.js 组件内路由守卫
视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
django安装依赖包报错No such file or directory: 'requirement.txt'和警告You are using pip version 22.0.4; however, version 23.0.1 is available.
ERROR: Could not open requirements file: [Errno 2] No such file or directory: 'requirement.txt'WARNING: You are using pip version 22.0.4; however, ver ......
Vue.js 独享路由守卫
视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
Django 对实体的增删改查样例
class UserInfo(models.Model): """ 人员信息 """ user_id = models.CharField(max_length=20, primary_key=True, blank=False, verbose_name='人员ID') user_name = m ......
Vue.js 全局前置和后置-路由守卫
全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
vite写jsx语法报错： [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you use tsconfig.json, make sure to not set jsx to preserve.
1.安装vite的jsx包 npm i @vitejs/plugin-vue-jsx --save 2.安装所有依赖 npm i 3.在vite.config.ts中配置 import { defineConfig } from 'vite'; import vue from '@vitejs/pl ......
django 配置admin 数据管理，增加数据批量上传下载功能
在使用django-admin带来直接管理数据库带来的便利的同时,我们希望数据能批量上传,为了达到此目的,我们需要django-admin-export 模块 一、安装模块 pip3 install django-import-export -i https://mirrors.aliyun.com ......
js 闭包是什么
1、阐述闭包：闭包是js的一种语法特性； var x='test';function(){console.log(x)};「函数」和「函数内部能访问到的变量」的总和，就是一个闭包。 2、闭包的作用：间接访问一个变量；以下就实现了一个闭包，它通过返回一个函数使得外部能获得内部的变量。 const in ......
vscode如何设置HTML/CSS/JS保存后自动格式化？
具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......
js 判断是否为 IE 通过事件关闭新打开的浏览器窗口
//必须通过 target="_blank" 打开新窗口才可关闭 if (window.ActiveXObject || "ActiveXObject" in window) { //ie window.location.href = "about:blank"; //为兼容IE作此修改 windo ......
好奇心驱使下试验了 chatGPT 的 js 代码的能力
手边的项目中有个函数，主要实现图片分片裁剪功能。可以优化一下。 也想看看 chatGPT 的代码理解能力，优化能力，实现能力，用例能力。 于是有了这篇文章。 实验结果总结： chatGPT 确实强大，提供的答案可以借鉴，但不能完全依赖，需要你自行判断是否正确 当你需要一个纯函数时，可以考虑使用。 提 ......
js字符串转base64
js字符串转base64 原文链接：https://blog.csdn.net/qq_40666120/article/details/120146906 字符串转base64 function encode(str){ // 对字符串进行编码 var encode = encodeURI(str) ......
JS字符串转base64格式
JS字符串转base64格式 原文链接：https://www.cnblogs.com/liu-fei-fei/p/7251105.html var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ......
实现在request.js里引用store
###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v ......
Vue.js 两个新的生命周期钩子（路由组件独有）
视频 11.两个新的生命周期钩子 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
Vue.js 缓存路由组件
视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
js数组方法之数组变异方法
push、pop、unshift、shift、sort、splice、reverse 以上这些方法都会改变原数组并且 这些方法的返回值是值得注意的有时候可以提高工作效率，比如pop方法的返回值是该元素(删去的第一个) 其他的都不多说了，还有一些非变异方法 了解一下 filter() //过滤数组中某 ......
Vue.js 编程式路由导航
视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......
js基础
// js 会把var声明的变量提升到js文件的最顶部 // 控制台打印语句 // console.log('你好！'); // 警告框！ 通知用户出错了 // alert(' haha') // 输入框-输入内容 prompt得到的输入内容永远都是字符串 // var n1 = prompt("第 ......
MultiValueMap在post请求中的使用
如果data-form的方式处理post，有点区别，做个记录 public String robotSpeak(String speakMsg) { log.info("机器人语音播报请求:{}", speakMsg); // header HttpHeaders headers = new Htt ......
gotenberg+ chromiumly + pdf.js 进行office 文档转换以及预览处理
日常中office 预览是一个比较常见的问题，基于微软的office online 是一个选择，但是移动端效果不是很好 就有pdf 以及一些基于生成图片的方案也是不错的，以下是基于gotenberg+ chromiumly 的一个尝试 简单说明 gotenberg 是基于golang 开发的包装了C ......
【D01】Django中实现带进度条的倒计时功能（简易版）
首先说明简易版是只有一个 倒计时 和一个 进度条，页面加载后自动开始计时，下次计时需要手动刷新页面。 后续会更新实现完整的倒计时功能的文章 前期准备 前端框架 你需要准备一些前端框架：Bootstrap4 和 jQuery 安装方法请自行查阅官方文档或教程 Bootstrap4：https://v4 ......
【D01】Django中实现带进度条的倒计时功能（简易版）
首先说明简易版是只有一个 倒计时 和一个 进度条，页面加载后自动开始计时，下次计时需要手动刷新页面。 后续会更新实现完整的倒计时功能的文章 前期准备 前端框架 你需要准备一些前端框架：Bootstrap4 和 jQuery 安装方法请自行查阅官方文档或教程 Bootstrap4：https://v4 ......
js的基本数据类型的检测
检测变量类型： 1. typeof 运算符用来判断未知数据的数据类型，返回值是一个用来描述类型的字符串，有6种结果 (string,number, boolean,object, function, undefined)需要注态的是，数组，null在使用typeof判断的时候都会返回object。 ......
JS 根据key查找对象数组中符合的一项 返回对象（递归）
在一个复杂的数组对象数据中（嵌套多层），通过key值返回对应的对象 1 方法： parseJson(jsonObj, key, value) { // 循环所有键 let array = [] for (let v in jsonObj) { let element = jsonObj[v] // ......
js入门
js的基础 JavaScript (简称JS”) 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 javascript又名ECMAscript ECMA是什么？ 1、全称：European computer manufacturers association欧洲计算机制造联合会； 2 ......
js基础
js入门 JavaScript开发web页面的脚本语言 1995年网景公司布兰德 JavaScript的标准是ECMAScript is代码必须写在script标签里 vara=2;var声明变量的关键字关键字key(唯一) a变量的名字(只能用英文字母) = 赋值号 2值 1.输出使用: 控制台打 ......
django解决跨域问题
安装模块 pip3 install django-cors-headers -i https://pypi.tuna.tsinghua.edu.cn/simple/ 注册app INSTALLED_APPS = [ ...... 'corsheaders', ] 中间件修改 MIDDLEWARE = ......
【解释器设计模式详解】C/Java/Go/JS/TS/Python不同语言实现
简介 解释器模式（Interpreter Pattern）是一种行为型设计模式。这种模式实现了一个表达式接口，该接口解释一个特定的上下文。这种模式常被用在 SQL 解析、符号处理引擎等。 解释器模式常用于对简单语言的编译或分析实例中，为了掌握好它的结构与实现，必须先了解编译原理中的“文法、句子、语法 ......