![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS学习笔记
issue是fw
19 years old, struggling in life, chasing daydreams.
展开
-
原生C++代码实现超炫酷五彩动态圣诞树(一起来实现吧)
实际效果呈现彩色的动态闪动,实现效果也很简单,只是用到了基本的循环一些函数查一查就好了,后续我可能会加上注释(也没什么好加的)这个创意来自我的同学syqsyqsyq,这是他的博客博客链接虽然程序短短几十行不难,但是能有这个创意用简单的循环写出漂亮的图形我觉的也很厉害了!!!源码在下面#include <bits/stdc++.h>#include <windows.h>#include <conio.h>using namespace std;int原创 2020-12-27 22:49:25 · 58749 阅读 · 55 评论 -
JS的AJAX请求小示例(请求唯美girl网页~)
一种写法是.ajax()方式给某个按钮之类的东西绑定点击事件function uiui(){ $.ajax({ url:"https://www.vmgirls.com/", type:"get", data:{"username":"jack","age":23}, success:function(data){ alert(data); }, error:function(){alert("出错啦!!!");} });}其中datadatadata是客户端传给服务器的原创 2020-10-26 20:46:15 · 281 阅读 · 0 评论 -
JS简单应用... Jquery 作一个抽奖(老婆)机~
使用jqueryjqueryjquery做一个抽奖机(摇老婆机)就是先获取按钮元素设置click()click()click()方法$("#startID").click(function(){ stop_id = setInterval(function(){kkk();},10);});注意这个setInterval(function(),毫秒)setInterval(function(),毫秒)setInterval(function(),毫秒)第一个参数是函数,就是你要执行的代码第二原创 2020-10-26 11:21:00 · 298 阅读 · 0 评论 -
JS-动态表格(添加-删除)
任务概述实现动态添加,删除的表单功能对应的htmlhtmlhtml代码如下<!DOCTYPE html><head lang="en"> <meta charset="UTF-8"> <title>Window对象</title> <style> div{ text-align:center; margin-top:50px; } table{ margin:auto; width:5原创 2020-10-25 20:29:24 · 1507 阅读 · 0 评论 -
JS的BOM模型(window对象简介)
最常用的就是alertalertalert啦,弹出一个框框window.alert("你是????吗!");只有一个确认的按钮,很不友好,所以有了confirmconfirmconfirm多了取消按钮,作为truetruetrue或者falsefalsefalse返回 var flag=window.confirm("你是猪吗\n"); if( flag ) window.alert("你退出吧!我不会挽留你的!"); else window.alert("手别抖....");原创 2020-10-25 00:44:51 · 268 阅读 · 0 评论 -
练手!!简单的用户登录模板(JS+css)
目标样式首先可以看到目标样式中都是居中的首先可以看到目标样式中都是居中的首先可以看到目标样式中都是居中的所以我们先不要设置最外层div的高度,让他根据内容填充所以我们先不要设置最外层div的高度,让他根据内容填充所以我们先不要设置最外层div的高度,让他根据内容填充然后最上面一栏然后最上面一栏然后最上面一栏"用户登录用户登录用户登录"用span标签括起来加一下背景啥的下面两个输入框就用标准的ul套li套input下面两个输入框就用标准的ul套li套input下面两个输入框就用标准的ul套li套inp原创 2020-05-21 17:59:18 · 456 阅读 · 0 评论 -
span标签设置大小无效问题
需要把display属性改成inline−block需要把display属性改成inline-block需要把display属性改成inline−blockspan{ width:700px;height:70px; color:black; background:white; display:inline-block; }原创 2020-05-19 18:30:28 · 2302 阅读 · 0 评论 -
在div中标签常用的垂直居中方式
span标签span标签span标签可以使用line−height为父元素的高度即可可以使用line-height为父元素的高度即可可以使用line−height为父元素的高度即可也可以设置display:table−cell也可以设置display:table-cell也可以设置display:table−cell−−−−−−−−−−分割−−−−−−−\color{Red}----------分割-------−−−−−−−−−−分割−−−−−−−button标签button标签button标签原创 2020-05-18 18:53:16 · 590 阅读 · 0 评论 -
A. Recommendations(优先队列)
不要把这题想复杂了,不然很麻烦不要把这题想复杂了,不然很麻烦不要把这题想复杂了,不然很麻烦因为只需要处理相同的数字,所以每次把相同的数装进优先队列因为只需要处理相同的数字,所以每次把相同的数装进优先队列因为只需要处理相同的数字,所以每次把相同的数装进优先队列当然如果只有一个数就不需要进去了当然如果只有一个数就不需要进去了当然如果只有一个数就不需要进去了每次ans加上装进去数的花费,因为这些数至少都要加1每次ans加上装进去数的花费,因为这些数至少都要加1每次ans加上装进去数的花费,因为这些数至少都要原创 2020-05-18 12:43:57 · 291 阅读 · 0 评论 -
Python对图片进行像素取反(numpy和PIL)
由于图片都是由RGB矩阵组成由于图片都是由RGB矩阵组成由于图片都是由RGB矩阵组成所以可以通过构建矩阵形成新的图片所以可以通过构建矩阵形成新的图片所以可以通过构建矩阵形成新的图片变换前\color{Red}变换前变换前变换后\color{Red}变换后变换后 from PIL import Image import numpy as np//导入库,没什么说的 im=np.array(Image.open("D:\ChromeDownload\艾米莉亚膝枕.jpg")) b=[2原创 2020-05-16 21:24:55 · 4193 阅读 · 2 评论 -
JS练习笔记(原生JS练习题3.1-3.9)
3.1这个......跳过!3.1这个......跳过!3.1这个......跳过!3.2.用parseInt解析数字,并求和3.2.用parseInt解析数字,并求和3.2.用parseInt解析数字,并求和大概写法\color{Green}{大概写法}大概写法用一个div把两个input和1个button套起来用一个div把两个input和1个button套起来用一个div把两个input和1个button套起来至于数字显示的地方写一个空div来显示至于数字显示的地方写一个空div来显示至于数字原创 2020-05-16 20:48:14 · 313 阅读 · 0 评论 -
JS函数笔记
元素.removeAttribute元素.removeAttribute元素.removeAttribute(“style”)这可以清空某个元素的样式(回到css的样式)\colorbox{Orange}{这可以清空某个元素的样式(回到css的样式)}这可以清空某个元素的样式(回到css的样式)display属性设置为none后,不但不显示,而且不会占据原来的位置display属性设置为none后,不但不显示,而且不会占据原来的位置display属性设置为none后,不但不显示,而且不会占据原来的位置原创 2020-05-10 20:51:06 · 208 阅读 · 0 评论 -
JS 小dome(制作改变透明度的照片墙)
这是成品这是成品这是成品题目网站核心的话就是设置一个div,里面装10张图片核心的话就是设置一个div,里面装10张图片核心的话就是设置一个div,里面装10张图片用css设置一下边框,初始透明度opacity=0.2(模糊)用css设置一下边框,初始透明度opacity=0.2(模糊)用css设置一下边框,初始透明度opacity=0.2(模糊)然后用JS遍历所有img标签然后用JS遍历所有img标签然后用JS遍历所有img标签设置onmouseover事件(鼠标悬浮)设置onmouseove.原创 2020-05-10 20:11:01 · 321 阅读 · 0 评论 -
JS 练手dome(函数传参,改变Div任意属性的值)
目标效果<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #kkk{ width:500px;height:600px; margin:0 auto; } #kkk input{ width:240px; height:23px; }原创 2020-05-10 19:45:06 · 404 阅读 · 0 评论 -
JS 练手小dome (做一个小计算器!!!)
练手网址(目标)可以看到图中由一个input框,下面跟一个button按钮可以看到图中由一个input框,下面跟一个button按钮可以看到图中由一个input框,下面跟一个button按钮然后点击求和显示结果(其实显示在下面的p标签内)然后点击求和显示结果(其实显示在下面的p标签内)然后点击求和显示结果(其实显示在下面的p标签内)也就是给button加上onclick时间也就是给button加上onclick时间也就是给button加上onclick时间先用JS获取元素input框,再用.val原创 2020-05-08 21:52:36 · 310 阅读 · 0 评论 -
JS练手dome Ⅵ(隐藏和显示文本)
练习传送门分别把隐藏的div和不隐藏的div写好就行分别把隐藏的div和不隐藏的div写好就行分别把隐藏的div和不隐藏的div写好就行<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <...原创 2020-05-06 19:48:55 · 285 阅读 · 0 评论 -
JS练手dome Ⅴ.(鼠标移入移出改变样式)
练手地址<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width:160px;height:160px; background:bla...原创 2020-05-06 19:17:23 · 324 阅读 · 0 评论 -
JS小dome Ⅲ.(对话框传参)
第一课(函数传参)这个并不难,就不做解释了。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width:250px;height:50px;...原创 2020-05-05 20:59:00 · 223 阅读 · 0 评论 -
JS小domeⅡ(网页换肤)
1.2网页换肤\color{Red}{1.2 网页换肤}1.2网页换肤如果要实现li标签按钮的白色空心块,可以先把背景改变成白色如果要实现li标签按钮的白色空心块,可以先把背景改变成白色如果要实现li标签按钮的白色空心块,可以先把背景改变成白色再把边框改变成原来的颜色,因为太麻烦所以我没有设置。再把边框改变成原来的颜色,因为太麻烦所以我没有设置。再把边框改变成原来的颜色,因为太麻烦所以我没有设...原创 2020-05-05 20:39:59 · 241 阅读 · 0 评论 -
JS练手domeⅠ(改变样式的按钮)
练手网址第一课:控制div属性\color{Red}{第一课:控制div属性}第一课:控制div属性代码里写的比较详细代码里写的比较详细代码里写的比较详细一起学习,一起共勉一起学习,一起共勉一起学习,一起共勉<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2020-05-05 19:15:41 · 273 阅读 · 0 评论 -
JS学习笔记四(触发事件和简单动画)
Ⅰ.设置onclick(点击)事件\colorbox{Pink}{Ⅰ.设置onclick(点击)事件}Ⅰ.设置onclick(点击)事件<h1 οnclick="this.innerHTML="干得漂亮">点击我!!</h1>或者可以写成函数或者可以写成函数或者可以写成函数 <h1 οnclick="changeText(this)">点击我!!!&l...原创 2020-05-01 21:24:41 · 444 阅读 · 1 评论 -
JS学习笔记三(简单的表单验证功能)
Ⅰ.完成表单验证功能\color{Red}{Ⅰ.完成表单验证功能}Ⅰ.完成表单验证功能<head> <meta charset="UTF-8"> <title>Document</title> <script> function validForm(){ var x=document.forms["myform"]["f...原创 2020-04-30 20:59:08 · 384 阅读 · 0 评论 -
JS学习笔记二(数组篇)
注意,以下代码都是把函数用在按钮上,显示在id="demo"的P标签上\colorbox{Pink}{注意,以下代码都是把函数用在按钮上,显示在id="demo"的P标签上}注意,以下代码都是把函数用在按钮上,显示在id="demo"的P标签上一、数组排序\color{Purple}{一、数组排序}一、数组排序var a=[2,4,1,55];a.sort();这样就对数组排序了,但是...原创 2020-04-29 20:47:06 · 265 阅读 · 0 评论 -
JS学习笔记一(JS的显示方案)
首先来了解一下JS的在网页的显示方案\colorbox{Pink}{首先来了解一下JS的在网页的显示方案}首先来了解一下JS的在网页的显示方案一、使用innerHTML一、使用innerHTML一、使用innerHTMLdocument.getElementById("demo").innerHTML=5+6这样会在网页上显示11.后面跟什么显示什么。这样会在网页上显示11.后面跟什么显...原创 2020-04-28 19:53:47 · 277 阅读 · 0 评论