- 博客(24)
- 收藏
- 关注
RSS订阅原创 定时器——移动div
// 创建一个执行简单动画的函数。box要执行盒子，attr要执行动画的样式，target，speed速度（正右负左）,callback动画执行完毕之后执行 function move(box, attr, target, speed, callback) { clearInterval(box.timer); var current = parseInt(getStyle(box, attr)); if (current > target) { speed =
2021-03-20 22:20:14
220
原创 JavaScript基础学习02
1 DOM1.1 DOM简介Document Object Module文档对象模型JS中通过DOM对HTML文档进行操作文档表示的就是整个HTML网页文档对象表示将网页中的每一个部分都转换为了一个对象使用模型来表示对象之间的关系，这样方便我们获取对象节点Node构成网页的最基本的组成部分，网页中的每一个部分都是一个节点文档节点：整个HTML文档元素节点：HTML文档中的HTML标签属性节点：元素的属性文本节点：HTML标签中的文本内容节点属性例：获取到button对
2021-03-20 21:21:14
415
原创 自动切换图片
<body> <img src="img/1.jpg" id="img1"> <br> <br> <button id="btn">播放</button> <button id="end">结束</button></body>window.onload = function() { // 自动切换图片 var img1 = document.getElementById("img.
2021-03-20 19:40:38
203
原创 拖拽
拖拽box1元素流程：当鼠标在被拖拽元素上按下时，开始拖拽当鼠标被移动时被拖拽元素跟随鼠标移动当鼠标松开时被拖拽元素固定在当前位置改进问题当我们拖拽一个网页中的内容时，浏览器会默认去搜索引擎中搜索内容，此时会导致拖拽功能异常可以通过return false取消默认行为，对IE8不兼容<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><
2021-03-20 10:10:09
131
原创 使div跟随鼠标移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-03-19 16:35:01
191
原创 用户阅读协议完毕之后才可以注册
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-03-19 14:26:14
254
原创 全选练习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var items = document.getElementsByName("items"); // checkedAllBtn
2021-03-18 11:02:48
86
原创 图片切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #outer { width: 320px; margin: 50px auto; padding: 10px;
2021-03-17 20:23:42
91
原创 JavaScript基础学习01
JavaScript概念一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎脚本语言：不需要编译，直接就可以被浏览器解析执行了功能可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。JavaScript发展史如果没有JavaScript，我们在浏览器端注册账号时，会把注册的表单发送到服务器，如果填写的信息有误不能注册，服务器会隔一段时间才返回错误，需要重新填写，这样就很费时间。1992年，No
2021-03-16 21:07:19
554
原创 水仙花数
水仙花数水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。（例如：1^3 + 5^3+ 3^3 = 153）,请打印所有的水仙花数。for (i = 100; i <= 999; i++) { //第一位 var i1 = parseInt(i / 100); //第二位 var i2 = parseInt(i / 10) % 10; //var i2 = parseInt((i-i1*100)/10); //第三位 var i3 = i % 10; if
2021-03-12 21:25:38
186
原创 99乘法表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> td { border: 1px solid; } </style> <script type="text/javascript"> document.write("&l
2021-03-03 15:44:14
130
1
原创 判断一个数是否是质数
在页面中接收一个用户输入的数字，并判断该数是否是质数质数：只能被1和它自身整除的数，1不是质数也不是合数，质数必须是大于1的自然数var num = prompt("please");//判断这个值是否合法if (num <= 1) { alert("该值不合法！");} else { //创建一个数来保存当前数的状态 var flag = true; //判断num是否是质数 //获取2-num之间的数 for (var i = 2; i < num; i+.
2021-03-03 15:05:19
304
2
原创 给三个数排序
/* * 编写程序，由键盘输入三个整数分别存入变量num1、num2、num3， * 对他们进行排序，并且从小到大输出。 */ var num1 = prompt("请输入第一个整数"); var num2 = prompt("请输入第二个整数"); var num3 = prompt("请输入第三个整数"); var temp; if (num1 > num2) { temp = num2; num2 = num1;
2021-03-02 21:32:59
669
原创 JS中如何判断一个变量是否为数字
用isNaN()函数来判断isNaN()：判断参数是否为NaN（不是数的数）如果参数不是数字，会进行类型转换然后判断a = "12";b = isNaN(a);console.log(b); //false,是数字console.log(typeof a); //stringa = "ab";b = isNaN(a);console.log(b); //true,不是数字console.log(typeof a); //string...
2021-03-02 21:23:52
690
原创 品优购项目
pink老师看到p299，开始品优购项目1 品优购项目介绍1.11.5 项目搭建工作模块化开发：有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有。 此时，可以把这些结构和样式单独作为一个模块，然后重复使用1.6 网站favicon图标制作favicon图标把品优购图标切成 png 图片。把 png 图片转换为 ico 图标， 这需要借助于第三方转换网站， 例如比特虫： http://www.bitbug.net/favicon图标放到网站根目录下HTML.
2021-02-27 20:56:23
248
原创 HTML5和CSS3新特性
1 HTML5新特性1.1 语义化标签html5中为了提高程序的可读性，提供了一些标签。<header> </header>：头部标签<footer> </footer>：尾部标签<nav> </nav>：导航标签<article> </article>：内容标签<aside> </aside>：侧边栏标签<main> </main><se
2021-01-16 20:51:10
119
原创 前端小工具
FastStoneCapture（官方付费）：屏幕量尺在前端中的作用：行高的测量：沿着本行的最靠近字体的下边界到上一行的靠近字体的下边界。Snipaste（官方免费）：截图贴图使用：f1截图。同时可以测量大小，设置箭头，书写文字等f3在桌面置顶显示点击图片，按住alt键可以取色按下esc取消图片显示...
2021-01-03 22:30:59
188
原创 vscode快捷键
注释<!-- -->Windows快捷键作用ctrl+/在一行任意位置单行注释选中多行对多行全部注释alt+shift+A多行注释编辑操作Windows快捷键作用alt+shift+↓将代码向下复制alt+shift+↑将代码向上复制alt + ↑将代码向上移动alt + ↓将代码向下移动ctrl+enter在当前行（光标任意位置）的下方增加一行，然后跳至新行ctrl+shift+enter在当
2021-01-02 16:21:03
79
原创 CSS基础学习总结
2020.12.30 晚上HTML基础学习总结之后是CSS学习总结，区别HTML与CSS：HTML用于搭建基础网页，展示页面的内容CSS用于美化和布局页面CSS页面美化和布局控制：Cascading Style Sheets（层叠样式表）1 CSS与html结合方式1.1 内联样式在标签内使用style属性指定CSS代码。如：<div style="color:red;">hello css</div>1.2 内部样式在head标签内，定义style
2020-12-31 10:53:38
371
原创 HTML基础学习总结
开始前端学习是在黑马的java就业班，简单学习了HTML、CSS和JavaScript，这个教程主要是针对后端的，所以对前端讲的并不细致，但讲的也很好，带我入了门。由此对前端产生兴趣之后，就想系统的学习一下web前端，准备明年的秋招。在B站上找了教程，又看了千锋1000的最初小白部分，讲的比较简单，但是给出的案例源码值得去练习，等于说这个小白视频让我了解了更多的HTML标签和css属性。目前对HTML与css的感觉就是杂乱无章，所以想总结一下然后安排后面的学习。HTML是最基础的网页开发语言：Hype.
2020-12-30 16:56:51
227
原创 【Origin双y轴】三条曲线，其中两条曲线共用一个y轴
数据表格如下先选中C(Y)和D(Y)两列，在工具栏中使用Plot->Multi-curve->Double-Y命令绘制双y轴曲线，如下图右键点击曲线图的空白处，选择Layer Contents…，弹出窗口；选中要添加的第三条曲线，选择你所需要的线型（我用的是Line+symbol），点击线型选择下面的向右添加箭头，最后点击Apply第三条曲线就有了：...
2020-09-03 15:37:27
19136
原创 java语言入门(1)-前言、入门程序、常量、变量
1 计算机基础知识1.1 二进制只包含0、1两个数，逢二进一，1+1=10.每一个0或者一个1，叫做一个bit（比特，位）十进制数据转换为二进制数据：除2取余法 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bwdlawTu-1598056784278)(E:\Typora-insert picture\image-20200414092347268.pn
2020-08-22 08:42:45
176
原创 Matlab基础语法知识
1. 涉及的matlab基础语法1.1 matlab常用清除命令clc：清空命令窗口中的内容。clear：清空工作空间中的所有变量。clear all：清楚工作空间的所有变量，函数，和MEX文件。clf：清除当前figure中的内容。close：关闭当前打开的figure图形界面。close all：关闭所有的figure窗口。1.2 所用到的函数1.2.1 linspace()函数linspace generates a vector with a set of equally s
2020-08-21 19:48:48
2846
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人