- 博客(52)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Vue的监视属性
监视属性一级监视 <div id="root"> <h1>今天天气很{{info}}</h1> <!-- 可以写一些简单的语句 --> <button @click='isHot = !isHot'>切换天气</button> <button @click='changeWeather'>切换天气</button> <hr
2022-01-08 19:38:52
424
原创 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
2022-01-08 19:38:16
523
原创 Vue的基本事件处理
Vue学习-事件处理事件修饰符@click.prevent阻止事件默认行为@click.stop阻止事件冒泡@click.once事件只触发一次@click.capture使用事件的捕获模式@click.self只有event.target是当前操作的元素才是触发事件@click.passive事件的默认行为立即执行，无需等待回调执行完毕 <div id="root"> <h1>hello,{{name}}</h1> <!-- 阻止默认事
2022-01-08 19:36:46
695
原创 一份B站视频加速器脚本原理请查收
B站加速脚本原理可以参见我的上一篇文章（内含源码）JavaScript控制视频的播放速度，使用下面代码：var vd = document.getElementsByTagName("video");vd[0].playbackRate =s;使用此方法的确可以增加速度，但是如果观看多集的视频会发现，每当加载新的视频就会失效，但是B站上面设置的速度可以在加载新的视频而视频的播放速度不重新变为1倍速研究B站的本地存储发现：B站使用了会话存储存放视频的播放速度，键为bilibili_player
2021-03-01 20:24:12
1868
原创 学习利器，借助Tampermonkey写一个B站视频加速器脚本
借助Tampermonkey写一个B站视频加速器脚本下载Tampermonkey插件编辑加速器脚本效果完整代码如果你会JavaScript，你可以借助Tampermonkey实现对网页的控制。在播放B站视频时，作为学习党可能你会需要3倍速或者更高的倍速来观看视频，有这个脚本点击一次你能增加0.5倍速。（在firefox浏览器下进行演示，Chrome浏览器基本一致）以后的文章我会讲解一下这个脚本主要都做了写什么，为什么这么做，有兴趣的你可以关注一下。下载Tampermonkey插件下载地址：https:
2021-02-05 15:06:27
2676
4
原创 武器目标动态分配问题的参考文档
武器目标动态分配问题结构1.变量建模符号参数意义类型变量名称初始E目标函数doubleeNN目标个数intTarget_NumYM防空武器个数intWeapons_NumYi目标编号intiYj武器编号intjYPlantform_Num平台个数intPlantform_NumYPkij第k武器平台防空武器j对目标i的毁伤概率doubledestory [Target_Num] [Pla
2021-02-01 13:31:48
1558
原创 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
2020-08-27 20:16:28
1583
3
原创 用jQuery的Ajax请求和pyecharts在django中来实现页面交互数据分析
文章目录用jQuery的Ajax请求和pyecharts在django中来实现页面交互数据分析呈现的效果准备在django的urls里分配路由在views创建和定义函数(这些函数是固定的，创建一次就行)继续在views里面添加自定义函数，并在函数内部进行数据的分析和要展示的形式继续在views里面添加自定义类在工程文件添加html文件为渲染做准备官方文档链接用jQuery的Ajax请求和pyecharts在django中来实现页面交互数据分析呈现的效果准备安装pyechartspip insta
2020-08-06 13:58:20
1192
原创 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
2020-07-31 10:41:27
174
原创 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
2020-07-29 17:51:51
155
原创 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
2020-07-29 12:55:48
172
原创 jQuery非表单属性过滤器------jQuery学习之路4
文章目录jQuery非表单属性过滤器效果方法$("选择器:first") 获取选择器选中的第一个DOM对象$("选择器:last") 获取选择器选中的最后一个DOM对象$("选择器:eq(数组下标)") 获取选择器选中DOM数组的eq里面下标的对应DOM对象$("选择器:it(数组下标)") 获取选择器选中的DOM数组下标小于it里面值的DOM$("选择器:gt(数组下标)") 获取选择器选中的DOM数组下标大于gt里面值的DOM完整源码jQuery非表单属性过滤器相信你应该了解了jQuery选择器，过
2020-07-28 20:34:14
121
原创 jQuery的标签元素选择器学会这些基本就行了------jQuery学习之路3
文章目录jQuery选择器样式选择器$(".类名")id选择器$("#id名")标签选择器$("标签名")组合选择器$("#id名,.类名,标签名")表单选择器\$(":type属性值")jQuery选择器样式选择器$(".类名")<div class="box1"></div>$(".box1").css("backgroundColor","blue");id选择器$("#id名")<div id="box1"></div>$("#bo
2020-07-28 10:05:12
122
原创 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对
2020-07-27 19:26:45
130
原创 jQuery学习之导入准备------jQuery学习之路1
文章目录jQuery学习之导入准备是什么？如何下载？如何导入？jQuery学习之导入准备是什么？先说说JavaScript，这是前端开发的三大金刚之一，是用户交互的基础，jQuery文件里就是封装了大量JavaScript的函数，因为JavaScript的有些语法过于复杂，比如通过id获取标签对下对象，JavaScript要通过document.getgetElementById()，而jQuery封装了一个$()函数，直接调用函数就可以了，极大的简化了JavaScript的代码。如何下载？去官
2020-07-27 17:19:32
130
原创 JavaScript的闭包、立即执行函数造就私有变量和方法------JavaScript学习之路21
文章目录JavaScript的闭包、立即执行函数造就私有变量和方法了解闭包过程了解立即执行函数实现私有变量和方法JavaScript的闭包、立即执行函数造就私有变量和方法了解闭包闭包是函数的内部变量可以常驻内存，且不会被外部的调用使用，这种特性可以很好的在开发中避免非同一个人命名的变量在合并时造成变量名重名，相当于创建了私有的变量或者方法let a = 0;//全局变量afunction first() { a++; alert(a);}first();//使得a+1;fi
2020-07-24 21:06:12
140
原创 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
2020-07-23 21:27:37
113
原创 JavaScript回调函数在链式运动的作用------JavaScript学习之路19
文章目录JavaScript回调函数在链式运动的作用回调函数链式运动效果完整源码JavaScript回调函数在链式运动的作用rufuo回调函数什么是回调函数？就是在另外一个函数的参数中，传入的是一个函数指针function hello() {//回调函数 return "hello world";}function doit(str1,str2,fun) {//【注意】传入的是一个函数的形参，如果允许函数要有括号fun() console.log(str1+str2+":"+
2020-07-23 11:27:16
134
原创 JavaScript的多物体多方式运动------JavaScript学习之路18
文章目录JavaScript的多物体多方式运动条件效果完整源码JavaScript的多物体多方式运动条件每个物体有自己的周期函数和时间如果公用一个timer变量，会导致第二个事件影响第一个事件的运动，下图第一次第一个的运动长度，要大于第二次的第一个运动长度，因为第二次的时候点击速度比较快在第一个的运动还没有结束第二个物体就触发了，解决方法就是每个物体有自己的定时器timerlet timer = null;//公用一个timerds[0].onclick = function () {
2020-07-22 21:47:00
123
原创 JavaScript的缓冲运动和缓冲菜单案例------JavaScript学习之路17
文章目录缓冲运动效果完整源码缓冲菜单效果完整源码缓冲运动缓冲运动类似汽车的刹车，在刹车前速度是最大的，刹车后速度随着距离的减少而减少，达到缓冲的效果实现方法很简单，就是物体运动距离目标的位置等于物体的速度，一般调速数值为8效果最好speed = (target-postion)/调速数值postion = postion+speed效果完整源码<!DOCTYPE html><html lang="zh-CN"><head> <meta
2020-07-22 17:11:13
148
原创 JavaScript的运动基础,呼啦！------JavaScript学习之路16
文章目录JavaScript的运动基础如何实现条件案例效果完整源码JavaScript的运动基础如何实现要知道如何实现，就不得不说一下视频，剪辑视频都知道帧率，30帧每秒的视频，也就是一秒换30张图片，1帧1张图片，由于人的大脑有延迟，导致看出的画面是连续的。JavaScript的运动也是这个道理，通过每秒调用多少次对应的函数，在这个函数里面，可以增加元素的边距来达到元素运动的效果。条件周期的调用函数setInterval(参数1，参数2)参数1（函数）：用来周期回调的函数参数2（数字
2020-07-21 15:39:11
125
原创 JavaScript令人蒙圈的类创建------JavaScript学习之路15
JavaScript令人蒙圈的类创建JavaScript类创建函数的方法创建类class方法创建类函数构造父类，class构造子类混合继承总结JavaScript类创建函数的方法创建类创建类的属性var animal = function (name,age) {//创建一个动物类 this.name = name;//创建名字属性 this.age = age;//创建年龄属性}创建类的方法animal.prototype.showSelf = function (
2020-07-21 11:22:06
281
原创 js数组、集合set、键值对map、类的遍历方法------JavaScript学习之路14
js数组、集合set、键值对map、类的遍历方法具体其它方法不多讲，主要是了解各自的特点和遍历方法数组let arr = [];//声明数组arr.push("a");//添加元素的方法arr.push("a");//添加字符串arr.push("b");arr.push(3);//添加数字arr.pop(3);//删除元素的方法你可以添加字符串，数字，函数，类到数组里面，可以重复添加，是有顺序的let arr = [];arr.push("a");arr.push("a");a
2020-07-20 12:53:37
814
原创 JavaScript的本地存储------JavaScript学习之路13
JavaScript的本地存储localStorage(IE8以下不兼容)特点永久存储最大存储5M只能存String方法添加存储的键值对localStorage.setItem("a","1");//方法1localStorage.b = "2";//方法2localStorage["c"] = "3";//方法3获取存储的键值对localStorage.getItem("a"));//方法1localStorage.b;//方法2localStorage["c"]
2020-07-18 22:45:16
119
原创 JavaScript正则表达案例之表单检验------JavaScript学习之路12
JavaScript正则表达案例之表单检要求账户名不能以数字开头，长度在6~18之间，不能有非字母，数字的符号出现密码长度要大于6，弱表示只有小写字母，或者大写字母或者数字 中表示只有数字、小写字母、大写字母 强表示包含数字、小写字母、大写字母效果完整源码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <t
2020-07-18 14:07:57
133
原创 JavaScript正则表达式------JavaScript学习之路11
JavaScript的正则表达式正则表达式类RegExp用类建立正则表达式通过new对象来生成一个正则表达式对象var reg = new RegExp(参数1，参数2);var t = new RegExp("^[0-5]\\d+","ig");参数1：匹配的字符串参数2：修饰符【无顺序】i 忽略大小写g 全局匹配m 如果遇到换行符就重新计算行首和行尾去掉new直接生成var reg = RegExp(参数1，参数2);var t = RegExp("^[0-5]
2020-07-18 11:48:40
97
原创 JavaScript仿淘宝京东放大镜效果（鼠标事件）------JavaScript学习之路10
JavaScript仿淘宝京东放大镜效果注意一定计算好放大比例，本程序放大5倍，具体放大倍数，自定效果完整源码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>放大镜效果</title> <style> #small{ width: 409.6px;/*缩
2020-07-17 16:49:16
179
原创 JavaScript按需求自动生成表格案例（事件委托）------JavaScript学习之路9
JavaScript生成表格案例实现两个文本框输入行和列，之后点击生成按钮，生成对应行列的表格，如果没有输入点击生成则需要弹出警告，在每一行的最后面添加删除按钮，如果删除则弹出确认信息，之后删除此行。【提示】按钮添加事件最好使用事件委托。点击查看事件委托效果完整代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>生成表格&l
2020-07-17 14:51:32
257
原创 JavaScript事件监听器------JavaScript学习之路8
JavaScript的事件监听器传统事件监听和事件监听器的区别传统的事件监听器只会覆盖同一个标签的相同事件即：var bt = document.getElementById("b1");bt.onclick = function () { alert("事件1");}bt.onclick = function () { alert("事件2");}效果：但是使用事件监听器后绑定相同的事件互不影响即：bt.addEventListener("click",functi
2020-07-17 11:30:22
217
原创 JavaScript事件委托------JavaScript学习之路7
JavaScript事件委托介绍当我们为每个标签添加点击事件的时候：for(var i = 0;i<lss.length;i++){ lss[i].onclick = function(){ lss[i].style.color = "red";//添加点击事件使得文字的颜色为红色 }}此时的每一个标签相当于有自己的一个点击事件函数，这样大大浪费了资源，没有共享，而且当在for循环结束后再添加新的标签，这些标签不会有颜色变红的效果。所以事件委托就相当于每
2020-07-16 19:43:46
178
原创 JavaScript的限制拖拽效果------JavaScript学习之路6
限制拖拽效果思想offsetLeft 获得元素在左边的窗口的距离offsetTop 获得元素距离上边窗口的距离document.documentElement.clientWidth || document.body.clientWidth 获取窗口宽度document.documentElement.clientHeight || document.body.clientHeight 获取窗口高度按下鼠标时var l = e.clientX - node.offsetLeft;//记录
2020-07-16 16:45:12
127
原创 JavaScript阻止默认行为和超链接------JavaScript学习之路5
阻止默认行为和超链接跨浏览器阻止超链接的默认行为函数e.preventDefault() e为事件对象window.event.returnValue = false下面封装了一个函数为了浏览器兼容function preventDef(e) {//做了浏览器兼容 if(e.preventDefault){ e.preventDefault(); }else { window.event.returnValue = false;//阻止关键语句
2020-07-16 16:41:40
229
原创 JavaScript的事件系列二keydown,keypress,获取键码------JavaScript学习之路4
JavaScript的事件系列二判断热键shift，ctrl，alt，winshiftkey 当shift按下时为true，默认为falsevar v = ev || window.event;if(v.shiftKey)ctrlkey 当ctrl按下时为truevar v = ev || window.event;if(v.ctrlKey)altkey 当alt按下时为truevar v = ev || window.event;if(v.altKey)meta
2020-07-15 19:36:54
678
原创 JavaScript的事件系列你知道多少？有案例哦------JavaScript学习之路3
JavaScript的事件系列鼠标事件click 单击d[0].onclick = function(){ d[0].style.backgroundColor = "rgba("+parseInt(Math.random()*256)+","+parseInt(Math.random()*256)+","+parseInt(Math.random()*256)+"0.5"+")";}dblclick 双击 d[1].ondblclick = function(){
2020-07-15 13:55:05
168
原创 JavaScript的this案例------JavaScript学习之路2
JavaScript的this案例–选项卡this是指引用的对象本身，在Java或者JavaScript里面如果是类的话，类里面的this.xxx，代表引用该类的对象自己案例：今天来理解一下this在JavaScript的含义：设计三个按钮，点击一个按钮，按钮显示选中的颜色，下面区域可以转换不同的选项卡内容class Test{ String name="luse"; String age="23岁"; public void getName(){ Syst
2020-07-14 12:50:37
90
原创 JavaScript节点元素的增加、删除、替换、插入操作------JavaScript学习之路1
JavaScript节点元素的增删改操作方法appendChild(xxx) 添加节点document.creatElement(xxx) 创建元素节点document.createTextNode(xxx) 创建文本节点insertBefore(xxx2,xxx1) 在1前插入2d.insertBefore(newNode2,d.firstChild);removeChild(xxx) 移除子节点d.removeChild(d.lastChild);repla
2020-07-13 15:19:42
719
原创 如何通过IIS建立有自己域名的本机个人网站
1.打开IIS2.右击网站找到新建网站3.填写网站名称，填写物理路径，这是你放置html网页的地方，主机名是你的网站域名4.找到C:\Windows\System32\drivers\etc路径的hosts文件，加入127.0.0.13 www.liuzi.com 保存即可。此步需要先保存到桌面，删除掉原来的hosts，再把桌面文件拖入该路径，并去掉hosts文件后缀.txt5.在浏览器输入域名即可...
2020-07-01 18:24:41
629
1
原创 使用keil连接proteus（单片机C51）
使用keil连接proteus（单片机C51）1.保存为.c文件2.生成hex文件，为了仿真模拟时加载程序3.用来连接仿真软件4.找到这个选项为了连接5.编译整个项目6.可以看到项目下有.hex的文件7.双击处理器找到文件夹，加载.hex8.开始执行和停止我的电脑没有办法在keil里面debug（调试），一般我平时不debug大致的流程就是这样，从创建C语言文件...
2020-05-04 21:21:46
12630
原创 Linux的CFS(完全公平调度)算法你了解多少（基于Linux2.6.34.1）
文章目录Linux的CFS(完全公平调度)算法你了解多少（基于Linux2.6.34.1）前提知识虚拟运行时间（vruntime）红黑树（自平衡二叉树）task_struct进程描述符CFS（完全公平调度）时间记账进程的插入红黑树调度器入口进程选择睡眠和唤醒Linux的CFS(完全公平调度)算法你了解多少（基于Linux2.6.34.1）前提知识虚拟运行时间（vruntime）vrunti...
2020-05-03 16:33:31
515
原创 VS code 保存自动刷新chrome浏览器（详细）
文章目录VS code 保存自动刷新chrome浏览器1.准备chrome插件（LiveReload）2.准备VS code插件（LiveReload）3.开始调试1.使Vs code里面的LiveReload是enable模式（安装上就是enable模式）2.用Chrome浏览器打开你的html文件3.右击浏览器LiveReload小图标，进入管理扩展程序4.打开允许访问文件地址选项5.返回之后...
2020-05-01 10:32:29
17628
5
考勤系统C语言实现（完整源码+详细说明）
2020-07-13
文本格式化---javaGUI或者数据结构课程设计（源码+文档）
2020-07-13
工厂物料管理系统-python+mysql（完整源码）
2020-07-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人