django post csrf js
js的一些小问题集合
##1.等于号的应用 function reverse(){ var checkbox = document.getElementsByName("hobby"); for (let i = 0; i < checkbox.length; i++) { if(checkbox[i].checked= ......
js基础：1.
javascript（简称“js”）开发外部脚本语言 是轻量级解释型语言 开始于1995年 网景公司 javascript的标准是ECMAscript 互联网是1970年1月1号 js代码必须写在script标签里 （预格式化文本）预格式输出标签 console.log 输出使用：控制台打印语句（控 ......
Django笔记二十三之case、when操作条件表达式搜索、更新等操作
本文首发于公众号：Hunter后端 原文链接：Django笔记二十三之条件表达式搜索、更新等操作 这一篇笔记将介绍条件表达式，就是如何在 model 的使用中根据不同的条件筛选数据返回。 这个操作类似于数据库中 if elif else 的逻辑。 以下是本篇笔记的目录： model 和数据准备 Wh ......
js常用语句
常用语句 1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,locat ......
栈空间和堆控件：JS数据怎么存储的？
JS数据存储主要分堆和栈两种， 栈空间：通常情况栈空间不会设置太大，主要用来存放一些原始类型的小数据，原始类型的数据有：Boolean、Null、Undefined、Number、BigInt、String、Symbol，栈空间具有空间小，但是读取速度快的特点 堆空间：空间很大，但是速度相对堆空间较 ......
【js】js内置对象Error(错误机制)
Error：基类型； ReferenceError：找不到对象时抛出； SyntaxError：语法错误； TypeError：类型错误时抛出； EvalError：eval()函数发生异常时抛出； InternalError ：js引擎内部发生的错误； RangeError：数值超出范围时触发； ......
详解Django admin高级用法
Django 后台admin有大量的属性和方法,拥有强大的功能和自定义能力.通过完整的代码来看Django admin的基础设置和高级用法,并结合form表单来实现深度自定义. 简单使用 如果只是使用admin自带的数据管理功能,只需要将模型注册到admin中,就可以实现. from django. ......
使用vue+bpmn-js实现activiti的流程设计器__Vue.js
https://www.vue-js.com/topic/5f6c4af84590fe0031e591ef 完整代码见github：https://github.com/griabcrh/vue-activiti-demo 适配activiti import activitiModdleDescri ......
函数解决js数值相加精度丢失问题
浏览器控制台输入 console.log(0.1+0.2) 结果为0.30000000000000004 当我们尝试将0.1和0.2相加时，结果应该是0.3，但是在JavaScript中，结果却是0.30000000000000004。这是因为0.1和0.2在二进制中无法被精确表示，所以在进行相加时 ......
JS中如何快速将字符串的“true"和"false"转换成Bool类型
JSON.parse('true') JSON.parse('false') ......
【异步加载JS脚本（script标签）至html文档中】的辅助函数
Code： /** * 'asyncLoadScript'方法的配置项'options'的类型定义 * @typedef {Object} IOptions * @prop {string} id - script标签的ID * @prop {Function} onSucceed - 加载成功后的 ......
js正则表达式
\d 查找数字 \D 查找非数字字符 \s 查找空白字符 \S 查找非空白字符 \w 查找数字、字母及下划线 \W 查找非单词字符 \n 查找换行符 \0 查找 NULL 字符 \r 查找回车符 n+ 查找一个或者多个 如： /a+/ 匹配 "candy" 中的 "a"，"caaaaaaandy" ......
js 手写发布订阅eventHub
1、发布-订阅是一种消息范式，通过定义发布者、订阅者、调度中心来完成消息通信。 const eventHub = { map: {}, on(name, fn) { this.map[name] = this.map[name] || []; this.map[name].push(fn); con ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
【D02】Bootstrap免费精选模板推荐，附上Django中使用模板教程
前端模板 - Anchor UI KIT 前言 今天介绍一款制作精良、开源、免费的 Bootstrap 模板 —— Anchor UI KIT 该模板使用的是Bootstrap v4版本 本文将介绍如何在Django中导入该模板的静态资源包并使用 介绍 官方文档 Anchor - a free Bo ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（四）
ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
uwsgi托管Django的坑
背景： 本人接受了一个python3 django框架写的系统，有api有页面。 部署方式是在win服务器上使用docker toolbox部署的，这是一种一起docker desktop还没萌芽或者刚刚萌芽时就存在的一种技术，简单说就是让人可以在win系统上使用docker，构建docker镜像， ......
js 手写防抖节流
1、防抖：避免事件的频繁调用，即当事件停止一段时间后再促发。 应用：浏览器resize、input校验、button点击 const myDebounce = (fn, wait){ let timer = null; return (...args) => { if (timer) clearTi ......
django admin 自定义添加单独行 增加数据统计功能
需求： 需要在某个页面单独增加一行，以便统计这一行的金额进行汇总显示，具体操作如下 不建议直接修改change_list.html，所以扩展 template admin.py中对应的admin.ModelAdmin中添加： # 1.如果你改了 template 的名称，这里可以对应修改，否则默认即 ......
手机直播源码，JS实现页面下拉加载数据操作
手机直播源码，JS实现页面下拉加载数据操作 主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ......
js注入cookie不生效的情况
场景 直接使用js注入cookie 发现不生效，其实只设置了key和values值，没有注意其他字段。 后来发现还有个domain的字段需要配置，不然注入是不会生效的 document.cookie="token=123;domain=.baidu.com" #使用；分号隔开 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（三）
Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
面试题：JS如何最快的执行垃圾回收机制
因为没看见答案，所以也不知道对不对。 JavaScript 的垃圾回收机制是由 JavaScript 引擎自动管理的，通常情况下我们无法控制垃圾回收机制的执行时间和频率。 然而，我们可以采取一些优化策略来减少垃圾回收的性能开销，从而提高代码执行速度。 减少全局变量：全局变量不易被垃圾回收，因为它们始 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（二）
后台管理页面，需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
JS倒计时效果
倒计时实现思路：1-用户输入的时间减去当前的时间就是剩余的时间，即倒计时2-不能用时分秒直接相减，因为出来的结果会是负数，比如01分减去15分，结果是负14分3-需要引入时间戳的概念，用户输入时间的总毫秒数减去当前时间的总毫秒数，得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、 ......
js中无需点击就可以实现页面跳转
###js中无需点击就可以实现页面跳转 第一种： 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.location.href="xx.jsp?backurl="+window.location.href; ......
js 计算时间范围的时间差（只计算工作日，不计算周六周日，精确到天）
直接上demo代码和截图 btnClick() { var oneDay = 1000 * 60 * 60 * 24; var days = 0; // dates是一个时间范围,startDate是时间范围的开始时间,endDate是结束时间 var startDate = this.dates[ ......
Three.js教程：旋转动画、requestAnimationFrame周期性渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 基于WebGL技术开发在线游戏、商品展示、室内漫游往往都会涉及到动画，初步了解three.js可以做什么，深入讲解three.js动画之前，本节课先制作一个简单的立方体旋转动画。 本节课是在1.1节 第一个3D场景已绘制 ......