django post csrf js
JS 高级 学习笔记
JS 高级 学习笔记 JavaScript采用的是词法作用域，函数的作用域基于函数创建的位置。 let g = 1 function a(){ let g = 2 function b() { return g // g = 2 } } JS 函数调用，是放到 ECStack内，使用栈的方式进行调用 ......
Django名称空间
当多个应用出现相同的别名时，反向解析的时候可能会出现冲突 解决办法： 方式一：利用名称空间的概念 url(r'^app01/',include('app01.urls',namespaces='app01')) url(r'^index/$', views.index, name='xxx') re ......
Django路由分发
在Django中，每一个应用都可以有自己独立的templates模板文件夹、static静态文件夹、urls.py —— 这就意味着基于Django实现多人分组开发时十分方便的，每个人只需要专注于开发自己的app即可 当Django路由匹配非常多时，总路由可以不再操作匹配和触发函数运行，而只需要做一 ......
通过node.js部署vue项目
一、下载 Node.js官网下载大家根据自己的系统进行下载安装包（我的电脑是windows10-64位，所以下载第一个） 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\，我这里选择在D:\Program Files\n ......
selenium无头浏览器，禁用图片，禁用js，切换UA，反爬
from selenium import webdriver from fake_useragent import UserAgent ua = UserAgent().random options = webdriver.ChromeOptions() options.add_argument(' ......
Django Message 组件使用方法源码分析
目录[Django Message超全总结教程]1.使用方法1.1 基础配置 [Django Message超全总结教程] 1.使用方法 1.1 基础配置 INSTALLED_APPS = [ ... 'django.contrib.messages', ... ] # 在django settin ......
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
django——Ajax（添加）
1. 创建Model class Order(models.Model): odi = models.CharField(verbose_name='订单号', max_length=64) title = models.CharField(verbose_name='名称', max_length ......
20个js工具函数助力高效开发
1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() } 示例： typeOf('树哥') // string type ......
js_为innerHTML添加的图片添加onerror处理事件
在今天的开发中遇到这样的需求：通过接口获取到文章数据， 文章数据是html字符串， 使用innerHTML将其注入到某一个元素中， 文章中的某些图片因为服务器端的图片失效等原因无法访问，需要为其添加一个onerror处理事件， 替换调损坏的图片， 替换为一个显示加载失败的图 function han ......
JavaScript(JS)
js引入方式： js基础语法： 变量： 数据类型、运算符、流程控制语句： parseInt() 用来将字符串转换成数字 函数： 但还是接收前几个。 对象 Array数组: string字符串： charAT()指定位置是表示的索引的意思（从0开始） indexOf()检索字符串，返回值是字符串的索引 ......
js 拿到下一个序列化整数
1 function getNextInt(int) { 2 const config = int.reverse().reduce( 3 (config, digit) => { 4 let sum = digit + config.increment, 5 nextInt = config.ne ......
如何保护价值上千万的Node.js源代码？
如何保护价值上千万的Node.js源代码？https://zhuanlan.zhihu.com/p/84386456 1|0一个强大的JS混淆器。 github.com/javascript-obfuscator/javascript-obfuscator 2|0一套JS代码安全问题解决方案。 ww ......
记一次在服务器上运行node.js程序时无法通过nohup xxx & 方式挂起的问题
由于业务需求 每天要在服务器上整理一组数据，为了方便就用node.js来写了。但是运行的时候发现了一个问题 明明使用了nohup main.js &的方式后台运行了程序 但是一旦我关闭了shell控制台 这个后台运行的程序也会跟着终止掉，不知道是什么原因，于是采用forever.js的方式来运行项目 ......
celery包结构、celery延迟任务和定时任务、django中使用celery、接口缓存、双写一致性、异步秒杀逻辑、课程列表页前端、课程相关表、课程表数据录入、课程列表页接口
celery包结构 project ├── celery_task # celery包 这个包可以放在任意位置 │ ├── __init__.py # 包文件 │ ├── celery.py # celery连接和配置相关文件，且名字必须叫celery.py │ └── tasks.py # 所有任 ......
由Django-Session配置引发的反序列化安全问题
在Django中，SESSION_ENGINE 是一个设置项，用于指定用于存储和处理会话（session）数据的引擎。SESSION_SERIALIZER 是Django设置中的一个选项，用于指定Django如何对会话（session）数据进行序列化和反序列化。 ......
jsmind.js 思维导图
参考 npm install jsmind --save import 'jsmind/style/jsmind.css'; import jsMind from 'jsmind/js/jsmind.js'; require('jsmind/js/jsmind.draggable.js'); req ......
js单击元素时，修改当前元素的样式，还原上一个元素的样式
<html> <head> <style> #tasklist{ /* background-color:gray; */ display: flex; } .item{ margin-right: 20px; } .active{ border-bottom: 3px solid orange; ......
【Django基础】
1. 索引的优化 索引是提高数据库查询性能的重要手段。在Django中，我们可以使用db_index属性在模型字段上创建索引。例如： class MyModel(models.Model): my_field = models.CharField(max_length=100, db_index=T ......
js分片上传&断点续传
原理 js将大文件分成多分，全部上传成功之后，调用合并接口合成文件。如果传输中断，下次上传的时候过滤掉已经上传成功的分片，将剩余的分片上传，成功之后合并文件。 前置条件 获取uoloadId接口（用于标记分片） 分片上传接口 合成文件接口（后端自动合成则不需要） 查询已上传的分片列表接口（断点续传） ......
关于 js ajax readyState 的阐述
为了弄清楚 ajax readyState 的具体意义，做了如下测试： index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" conten ......
js实现文件切片上传，断点续传
断点续传：顾名思义，继续上次断开的点，继续上传。 思路整理： 拿到文件，对文件进行fingerprint = md5(file),得到文件指纹。 将指纹保存服务器。 切割文件，分段上传，每次上传一段。 服务器根据指纹进行索引判断文件上传进度，直到文件的全部片段上传完毕。 以下文字没有完整的代码，只有 ......
html+css3+anime.js实现线条来回滑动且渐隐动画
效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
js 深拷贝
let obj = { name: '张三', user: { name: 'hdcms', }, data: [], }; function copy(object) { let obj = object instanceof Array ? [] : {}; for (const [k, v] ......
Vue.js框架：vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt ......
django——生成随机验证码
Python生成随机验证码，需要使用PIL模块. 1 pip3 install pillow 基本使用 1.创建图片 1 from PIL import Image 2 img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255) ......
Node.js中常用的设计模式有哪些？
本文由葡萄城技术团队首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 设计模式简介 设计模式是由经验丰富的程序员在日积月累中抽象出的用以解决通用问题的可复用解决方案，它提供了标准化的代码设计方案提升开发体验。Node.js 作为一款用来构建可扩展高性能 ......
原生js实现下拉框可输入
js实现下拉框可输入 前言 众所周知，html默认的下拉框是无法输入值的，然后最新的办法是用datalist和输入框绑定，但是很多浏览器不支持。然后还有很多框架提供的下拉框都是可输入的。但是公司的项目太老了，考虑到依赖性需要使用原生js去实现。 业务是这样，现在有一个输入框存在，需要在不改变这个输入 ......