Vue的监视属性 监视属性一级监视 <div id="root"> <h1>今天天气很{{info}}</h1> <!-- 可以写一些简单的语句 --> <button @click='isHot = !isHot'>切换天气</button> <button @click='changeWeather'>切换天气</button> <hr
Vue计算属性 Vue 计算属性通过已有的属性计算得到结果(效率更好)比methods效率好<body> <div id="root"> 姓:<input type="text" v-model:value='firstName'/><br /> 名:<input type="text" v-model:value='lastName'/><br /><br /> <!-- 不推荐 --> 名字:<h
Vue的基本事件处理 Vue学习-事件处理事件修饰符@click.prevent阻止事件默认行为@click.stop阻止事件冒泡@click.once事件只触发一次@click.capture使用事件的捕获模式@click.self只有event.target是当前操作的元素才是触发事件@click.passive事件的默认行为立即执行,无需等待回调执行完毕 <div id="root"> <h1>hello,{{name}}</h1> <!-- 阻止默认事
一份B站视频加速器脚本原理请查收 B站加速脚本原理可以参见我的上一篇文章(内含源码)JavaScript控制视频的播放速度,使用下面代码:var vd = document.getElementsByTagName("video");vd[0].playbackRate =s;使用此方法的确可以增加速度,但是如果观看多集的视频会发现,每当加载新的视频就会失效,但是B站上面设置的速度可以在加载新的视频而视频的播放速度不重新变为1倍速研究B站的本地存储发现:B站使用了会话存储存放视频的播放速度,键为bilibili_player
学习利器,借助Tampermonkey写一个B站视频加速器脚本 借助Tampermonkey写一个B站视频加速器脚本下载Tampermonkey插件编辑加速器脚本效果完整代码如果你会JavaScript,你可以借助Tampermonkey实现对网页的控制。在播放B站视频时,作为学习党可能你会需要3倍速或者更高的倍速来观看视频,有这个脚本点击一次你能增加0.5倍速。(在firefox浏览器下进行演示,Chrome浏览器基本一致)以后的文章我会讲解一下这个脚本主要都做了写什么,为什么这么做,有兴趣的你可以关注一下。下载Tampermonkey插件下载地址:https:
武器目标动态分配问题的参考文档 武器目标动态分配问题结构1.变量建模符号参数意义类型变量名称初始E目标函数doubleeNN目标个数intTarget_NumYM防空武器个数intWeapons_NumYi目标编号intiYj武器编号intjYPlantform_Num平台个数intPlantform_NumYPkij第k武器平台防空武器j对目标i的毁伤概率doubledestory [Target_Num] [Pla
Django交互数据可视化的第二种方法:使用echarts.js来做前端的数据渲染,ajax进行数据异步加载 文章目录效果准备工作开始在视图函数中从数据库读取数据并返回前端前端接收数据echarts.js库进行数据呈现总结效果准备工作在html里面导入jQuery,echarts<head> <meta charset="UTF-8"> <title>index</title> <script src="/static/js/jquery.min.js"></script> <script src
用jQuery的Ajax请求和pyecharts在django中来实现页面交互数据分析 文章目录用jQuery的Ajax请求和pyecharts在django中来实现页面交互数据分析呈现的效果准备在django的urls里分配路由在views创建和定义函数(这些函数是固定的,创建一次就行)继续在views里面添加自定义函数,并在函数内部进行数据的分析和要展示的形式继续在views里面添加自定义类在工程文件添加html文件为渲染做准备官方文档链接用jQuery的Ajax请求和pyecharts在django中来实现页面交互数据分析呈现的效果准备安装pyechartspip insta
Django中jQuery的Ajax请求------jQuery学习之路7 文章目录Django中jQuery的Ajax请求$.ajax({键:值,键:值....})$.get(url,data,function(data){})$.post(url,data,function(data){})Django中jQuery的Ajax请求在网上找的jQuery的Ajax请求,让人看的云里雾里的,我总结一下,主要有3种方法,下面的$.get()和$.post()底层实现还是使用了$.ajax(),建议使用$.get()和$.post(),当然你也可以使用$.ajax()$.ajax
jQuery常见函数------jQuery学习之路6 jQuery常见函数文章目录jQuery常见函数常用的函数效果val()text()attr()remove()empty()append()html()each()完整源码常用的函数<input type="text" value="文本框1"><input type="text" value="文本框2" disabled><input type="text" value="文本框3"><br><div id="div3">div
jQuery表单过滤器------jQuery学习之路5 文章目录jQuery表单过滤器效果$(":text:enabled")$(":text:disabled")$(":checkbox:checked")$("select>option:selected")完整源码jQuery表单过滤器jQuery表单过滤器主要是对form表单里面的inpu标签的过滤<input type="text" value="文本框1"><input type="text" value="文本框2" disabled><input ty
jQuery非表单属性过滤器------jQuery学习之路4 文章目录jQuery非表单属性过滤器效果方法$("选择器:first") 获取选择器选中的第一个DOM对象$("选择器:last") 获取选择器选中的最后一个DOM对象$("选择器:eq(数组下标)") 获取选择器选中DOM数组的eq里面下标的对应DOM对象$("选择器:it(数组下标)") 获取选择器选中的DOM数组下标小于it里面值的DOM$("选择器:gt(数组下标)") 获取选择器选中的DOM数组下标大于gt里面值的DOM完整源码jQuery非表单属性过滤器相信你应该了解了jQuery选择器,过
jQuery的标签元素选择器学会这些基本就行了------jQuery学习之路3 文章目录jQuery选择器样式选择器$(".类名")id选择器$("#id名")标签选择器$("标签名")组合选择器$("#id名,.类名,标签名")表单选择器\$(":type属性值")jQuery选择器样式选择器$(".类名")<div class="box1"></div>$(".box1").css("backgroundColor","blue");id选择器$("#id名")<div id="box1"></div>$("#bo
jQuery对象转换------jQuery学习之路2 文章目录jQuery对象转换DOM对象jQuery对象DOM转jQueryjQuery转DOMjQuery对象转换DOM对象DOM对象就是JavaScript原生方法获取的对象,可以使用JavaScript的方法var d = document.getElementById("box1");//d就是DOM对象jQuery对象通过调用jQuery里面的函数获得的对象,这是一个数组,简称为jQuery对象,可以使用jQuery的方法var d = $("#box1");//d就是jquery对
jQuery学习之导入准备------jQuery学习之路1 文章目录jQuery学习之导入准备是什么?如何下载?如何导入?jQuery学习之导入准备是什么?先说说JavaScript,这是前端开发的三大金刚之一,是用户交互的基础,jQuery文件里就是封装了大量JavaScript的函数,因为JavaScript的有些语法过于复杂,比如通过id获取标签对下对象,JavaScript要通过document.getgetElementById(),而jQuery封装了一个$()函数,直接调用函数就可以了,极大的简化了JavaScript的代码。如何下载?去官
JavaScript的闭包、立即执行函数造就私有变量和方法------JavaScript学习之路21 文章目录JavaScript的闭包、立即执行函数造就私有变量和方法了解闭包过程了解立即执行函数实现私有变量和方法JavaScript的闭包、立即执行函数造就私有变量和方法了解闭包闭包是函数的内部变量可以常驻内存,且不会被外部的调用使用,这种特性可以很好的在开发中避免非同一个人命名的变量在合并时造成变量名重名,相当于创建了私有的变量或者方法let a = 0;//全局变量afunction first() { a++; alert(a);}first();//使得a+1;fi
JavaScript的Ajax请求流程------JavaScript学习之路20 文章目录JavaScript的Ajax请求流程书写方式post方式get方式JavaScript的Ajax请求流程Ajax请求的存在可以保证局部刷新页面,使得前后的交互更加完美,也减轻浏览器和服务器的符单。书写方式创建对象var xh = new XMLHttpRequest()做一个浏览器兼容var xh = null;try{ xh = new XMLHttpRequest();}catch(error){ xh = new ActiveObject("Micros
JavaScript回调函数在链式运动的作用------JavaScript学习之路19 文章目录JavaScript回调函数在链式运动的作用回调函数链式运动效果完整源码JavaScript回调函数在链式运动的作用rufuo回调函数什么是回调函数?就是在另外一个函数的参数中,传入的是一个函数指针function hello() {//回调函数 return "hello world";}function doit(str1,str2,fun) {//【注意】传入的是一个函数的形参,如果允许函数要有括号fun() console.log(str1+str2+":"+
JavaScript的多物体多方式运动------JavaScript学习之路18 文章目录JavaScript的多物体多方式运动条件效果完整源码JavaScript的多物体多方式运动条件每个物体有自己的周期函数和时间如果公用一个timer变量,会导致第二个事件影响第一个事件的运动,下图第一次第一个的运动长度,要大于第二次的第一个运动长度,因为第二次的时候点击速度比较快在第一个的运动还没有结束第二个物体就触发了,解决方法就是每个物体有自己的定时器timerlet timer = null;//公用一个timerds[0].onclick = function () {
JavaScript的缓冲运动和缓冲菜单案例------JavaScript学习之路17 文章目录缓冲运动效果完整源码缓冲菜单效果完整源码缓冲运动缓冲运动类似汽车的刹车,在刹车前速度是最大的,刹车后速度随着距离的减少而减少,达到缓冲的效果实现方法很简单,就是物体运动距离目标的位置等于物体的速度,一般调速数值为8效果最好speed = (target-postion)/调速数值postion = postion+speed效果完整源码<!DOCTYPE html><html lang="zh-CN"><head> <meta