- 博客(26)
- 收藏
- 关注
RSS订阅
原创 续js键盘操作对div的变换-----梅花
话不多说，先来代码<style type = text/css>#box{ width:100px; height:100px; background-color:red; position:absolute;}<body> <div id="box"></div></body><script type = text/javascript> var box = document.getElementById('b
2020-09-08 19:55:32
144
原创 DOM知识点总会-------梅花
文章目录前言一、DOM介绍二、节点三、事件四、文档的加载五、元素六、读取样式七、属性1、currentStyle2、getComputedStyle()其他属性八、事件对象九、事件的委派十、事件的绑定①、addEventListener()attachEvent()十一、拖拽十二、键盘事件总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可.
2020-09-07 20:31:40
134
原创 less十大小知识
1. less为什么会出现 作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码，造成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。2.安装less环境第一种， 第一种是找到：C盘/-----------Users-------MyPC（自己
2020-11-05 10:08:55
1040
原创 jQuery轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; text-decoration: none; }
2020-10-20 20:17:13
155
原创 二级菜单-----梅花
HTML代码<body><div id="my_menu" class="sdmenu"> <div> <span class="menuSpan">在线工具</span> <a href="#">图像优化</a> <a href="#">收藏夹图标生成器</a> <a href="#">邮件</a&g.
2020-10-14 19:49:59
157
原创 jQuery-----选择器
基本选择器<body><div id="div1" class="box">div1(class=box)</div><div id="div2" class="box">div1(class=box)</div><div id="div3">div3</div><span class="box">span(class=box)</span></body><sc...
2020-10-13 20:28:48
157
原创 JSON------梅花
JSON 就是一个特殊的字符串，这个字符可以被任意语言所识别JSON javascript Object Notation JS对象表示法JS对象转JSON的时候 属性名必须要加上双引号 JSON分类：数组[]对象{}JSON中允许的值1、数值2、字符串3、布尔值4、数组5、对象6、nulljs提供了一个工具类 叫JSON 可以将一个JSON转换为JS对象 并且还可以将一个JS对象转化为JSONeval 函数 可以用来执行一段字符串形式的JS代码如果使用eval执.
2020-10-12 20:22:40
209
原创 轮播------梅花
HTML代码<div id="outBox"> <ul id='imgMove'> <li><img src="img/xmlb1.jpg" /></li> <li><img src="img/xmlb2.jpg" /></li> <li><img src="img/xmlb3.jpg" /></li> <li><i.
2020-09-15 22:17:57
84
原创 python环境安装（window安装）及换成中文模式----梅花
1、百度搜索，进入python官网2、打开官网，点击Downloads下面的window3、选择自己要下载的版本，对应下载安装（我在这里安装的是3.6.5的版本，看自己需要安装）4、然后点击下载好的安装文件，进行操作5、等待安装，当我们看到setup was successful这句话，代表我们已经安装好了。6、接下来，我们按window+R键，弹出窗口，输入cmd，点击确定7、在页面输入python，点击回车键，弹出下面内容，就代表我们的环境安装好了8、打开pycharm，配
2020-09-10 22:03:22
17973
1
原创 安装pycharm-------梅花
首先大家打开浏览器，输入PyCharm点击搜索，点击标题进入网页2、然后安装，选择自己电脑是安卓还是苹果3、然后按步骤执行，找到自己对应的下载位置4、傻瓜式按步骤操作，这样我们的pycharm就安装好了...
2020-09-10 21:20:34
124
原创 BOM？？？？？-------梅花
BOM浏览器对象模型BOM可以通过JS来操作浏览器在BOM里提供了一组对象，用来完成对浏览器的操作 1、Window代表浏览器的整个窗口，同时window也是网页的全局对象 2、History①、代表浏览器的历史记录 通过该对象可以操作浏览器的历史记录②、由于隐私的问题，该对象不能获取到具体的历史记录，只能造作浏览器向前或向后翻页值： back()可以回退到上个页面 作用和浏览器的回退按钮一样forward()可以调整到下一个页面 作用和浏览器的前进按钮一样go(
2020-09-09 20:07:02
109
原创 js实现键盘操作对div的移动或改变
这样我们先来分析，要实现键盘操作实现div的移动大概的原理吧：*—要实现div的移动，首先最关键的一点：获取div对象*—获取键盘的操作*—依据键盘的不同操作，给出不同响应这就是我想起的大概须要注意的地方，还是先来看代码：先是html部分<div style="width: 50px;height: 50px;background-color: cyan;position: absolute;" id="showZone">然后记录下javascript的实际操作window.
2020-09-06 21:04:41
211
原创 事件的委派------梅花
我们先来写一下body部分吧！先来写两个button标签，用于增加下面的li<body> <button id="btn">添加</button> <button id="btnp">添加p标签</button> <ul id="u1"> <li><a href="javascript:;" class="link">第一个超链接</a></li> <li>.
2020-09-05 18:19:32
127
原创 事件的绑定------梅花
我们先给一个button绑定点击事件，代码如下btn.onclick = function(){ alert(1); }这样会弹出一个框，显示1，但是如果添加多个点击事件的时候，只会执行最近的那个，并不能都执行所以，我们需要使用一个addEventListener()，可以同时为一个元素的相同事件同时绑定多个函数，这样当事件触发时，响应函数会被按照顺序执行addEventListener() this指的是绑定事件的对象他有三个参数，分别是第一个参数，事件字符串，不要on第
2020-09-04 21:47:35
81
原创 css中行、块元素转化？？？----梅花
1. 块元素（每个块元素都会独占一行）常见的块元素：h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,header（头部）,footer（尾部）,section(部分，章节)特点①.可以设置宽高，可以设置外边距margin，可以设置内边距padding；②.总是从新的一行开始，自成一行；③.未设置宽度的时候，占满整个父元素的宽度；④.可以放任何块元素和行元素。2. 行元素（不占独立区域，仅仅依靠自身的字体大小和图像尺寸支撑）常见的行内元素：span,a,i,em,u,ins,
2020-09-01 19:28:41
198
原创 css中浮动-----梅花
我们可以使用float：left；来使元素浮动，使文本脱离文档流，实现浮动向左浮动float：left；向右浮动：floa：right；也可以可以使用display：inline；来达到使块元素在一行显示的效果，这样比较麻烦，没有浮动好用，但是我们在使用浮动给我们带来方便的同时，也给我们带来一定的影响，通常情况下我们div是自上而下排列的我们给第二个div加一个向左浮动，看看会怎么样呢？第三个div不见了，我们继续给第三个div加上浮动，会发现咦！出来了对于浮动带来的影响，我们通常有四
2020-08-31 22:40:52
142
原创 js初学者如何写全选？------梅花
首先，我们先来分析一下1、全选，就是把所有多选框都选起来，也就是把所有选项都选择起来我们首先把form表单写好<form action=""method="post"> 你的爱好是？ <input type="checkbox" id="checkedAllBox"/>全选/全不选 <br /><br /> <input type="checkbox" name="items" id="items" value="足球"..
2020-08-27 20:53:35
403
原创 css中margin-top问题怎么解决？？？
在写css代码时，给子元素写了一个margin-top，会出现，这样的问题，但其实我们想要的效果是这样的这个时候我们应该怎么做呢？有两个方法:①给父元素加上overflow：hidden；②可以给父元素加上边框，来解决这个问题...
2020-08-26 19:21:10
265
原创 js冒泡排序-----梅花前端
思路：数组中有 n 个数，比较每相邻两个数如果前者大于后者，就把两个数交换位置；这样一来，第一轮就可以选出一个最大的数放在最后面；那么经过 n-1（数组的 length - 1） 轮，就完成了所有数的排序。 //定义一个数组 var arr = [10,20,5,9,36,24] //比较的轮数 for(var i = 0; i < arr.length - 1;i++){ //比较的次数 for (var j = 0; j < arr.length
2020-08-25 19:55:27
82
原创 js中常用数组的方法--梅花前端
1、push()可以向数组的末尾添加一个或多个元素 返回数组新的长度2、pop()可以删除数组中的最后一个元素，并将删除的元素作为返回值返回3、unshift()像数组开头添加一个或多个元素 返回新数组的长度向前边插入元素后 其他元素的索引将会重新排列4、shift()可以删除数组中的第一个元素，并将被删除的元素作为返回值返回5、slice()可以用来截取指定的元素 该方法不会改变原数组 将截取到的元素封装到一个新的数组中返回 1(必需)开始位置的索引 包含开始
2020-08-24 20:52:28
560
原创 js------数组创建，重要！！！
创建一个数组1、使用字面量来创建数组 可以在创建的时候就指定数组中的元素var arr = [1,2,3,4,5,6];2、使用构造函数创建数组时 也可以同时添加元素 元素之间用逗号隔开var arr2 = new Array(10,20,30);3、创建一个数组 数组中只有一个元素10arr3 = [10];4、创建一个长度为10的数组var arr4 = new Array(10);5、数组里的元素可以是任意的数据类型var arr5 = ["hellow",
2020-08-23 21:15:50
204
原创 js中变量的提前声明？？？？？
变量的声明提前使用var关键字声明，会在所有的代码执行前被声明（但不会赋值）;但是如果声明变量不是用var 变量不会提前声明var a;a= 2;console.log("a = " + b);var b,c,d;fun();总结:使用函数声明提前创建function 函数名(){}会在所有代码执行前就会被创建function fun(){ alert("我是函数声明提前创建"); } var fun2 = function(){ console.log
2020-08-22 22:32:57
151
原创 js中函数的参数-----初学者必看
1、定义一个参数，判断一个函数是不是偶数是的话返回true，不是的话返回false function isOu(num){ return num % 2 == 0; } console.log(isOu(3));2、创建一个函数，可以在控制台输出个人信息function mianJi(r){ return 3.14*r*r;}mianJi(1);3、创建一个函数，可以在控制台输出个人信息function xinxi(name,age,sex,address){ con
2020-08-20 21:17:18
304
原创 JavaScript中经典水仙花案例
水仙花数 水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。（例如：1^3 + 5^3 + 3^3 = 153）,打印所有的水仙花数var num;for(var num = 100; num <= 999; num++){ var a = parseInt(num / 100); var b = parseInt(num / 10 %10); var c = num % 10; if(a * a * a + b * b * b + c * c *
2020-08-19 19:34:27
804
原创 JavaScript中输出正直角三角形，倒直角三角形，等腰三角形，长方形
1、js打印正直角三角形for（var i = 0; i < 5; i++）{ for(var j = 0;j <= i; j++){ doucument.write('*'); } doucument.write('<br>');}结果如图所示：2、打印倒直角三角形for(var i = 0; i < 5; i++) { for(var j = 0; j < 5-i; j++){ document.w
2020-08-18 22:32:29
7460
原创 javascript中的console
为什么要使用consolejavascript执行的是客户端，而且浏览器为显示页面，如果把测试结果展示到页面会影响显示而服务器不是页面，显示到页面的像Apache，Nginx，是显示在黑框里，比如说，声明一个变量，执行的时候34，需要不断打印，跟踪，不能一直在页面显示，不合适，需要在控制端输出像后端语言，比如说php，直接给客户拿数据，做数据响应，从客户端发送请求，所以说不需要在控制台输出在JavaScript中调试任何内容的最简单方法之一是使用console.log。但是其实还有许多其他方法可以
2020-08-17 22:55:18
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人