- 博客(61)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 浅拷贝与深拷贝代码(javascript)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-09-30 21:26:49
1186
原创 块级元素，行内元素，行内块元素的学习
在HTML中有块级元素，行内元素，行内块元素块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；特点：独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度
2020-08-23 15:27:02
171
原创 HTML中为什么有一些标签有结束标签,一些没有结束标签
HTML中为什么有一些标签有结束标签,一些没有结束标签button 有</button>结束标签但是<input>标签没有结束标签'在HTML中有结束标签的是一般标签,没有结束标签的是自闭合标签,自闭合标签和一般标签的区别是一般标签成对出现，中间可以插入别的标签或者内容。自闭合标签单个出现，只能定义一些属性，不能插入别的标签或者内容常见的自闭合标签：自闭合标签meta：定义页面说明，方便网络引擎搜索link:连接外部CSS文件或者脚本base：页面所有连接的
2020-08-23 15:12:00
3916
1
原创 vscode配置vue环境
这篇博客这是让vue的代码可以在vscode中有代码高亮和vue代码提示,vue的安装在官网vue下载有开发版和生产版,官网给了具体的介绍选择安装,vscode插件安装vue代码提示在扩展中找到 VueHelpervetur这是官方推荐的Vue 2 Snippets代码常亮...
2020-10-27 15:56:35
465
原创 ------chrome游览器解决跨域问题
在chrome游览器中为了安全性,是不正常跨域的:找到chrome的快捷方式,右键打开属性,快捷方式:找到目标,目标输入框里面有地址,在地址后面输入–user-data-dir=C:\Mychromeuserdata", --user-data-dir注意–user-data-dir= 这个等于后面是一个文件夹地址,用来存放信息数据,并且 --user-data-dir=前面要有空格,后面的同样要有空格,这样游览器就会变成一个刚刚下载好的游览器一样,打开会提醒:这样就代表好了,可以用了
2020-10-27 09:51:54
312
原创 Ajax同步与异步在代码中的体现
同步与异步在Ajax代码中的最大区别:下面是同步的代码:xhr.readyState==4表示数据解析完成,而在同步操作中在xhr.sead(null)后已经xhr.readState==4了所以我们不需要用回调函数了: username.addEventListener("blur",function(){ var xhr =new XMLHttpRequest(); xhr.open("get","checkUsername.php?uname
2020-10-23 09:10:04
325
原创 jquey基础学习第一天
目录jquery对象与DOM对象的交换1,DOM换jquery2,jquery换DOMjquery选择器1,jquery选择器2,jQuery 筛选选择器3,jQuery 筛选方法（重点）jquery中的隐式迭代（重要）:jquery的排他思想:jquery修改CSS样式:1,操作CSS样式2,jquery类操作,操作CSS类样式3,jquery类操作与classname的区别jquery效果:(会让display:none 的样式修改为display
2020-10-22 09:43:55
643
原创 jquery学习第三天---jquery的浅拷贝与深拷贝
jquery的浅拷贝与深拷贝$.extend([deep], target, object1, [objectN])deep: 如果设为true 为深拷贝， 默认为false 浅拷贝target: 要拷贝的目标对象object1:待拷贝到第一个对象的对象。objectN:待拷贝到第N个对象的对象。浅拷贝拷贝对象与被拷贝对象属性名不冲突会合并, <script> var target={ name:"yang",
2020-10-21 16:39:06
247
1
原创 php操作mysql数据库的增删改查语句
连接数据库$conn=mysql_connect('localhost','root','root')//localhost是本地地址,后面是数据库账号,密码or die('连接失败');连接的数据库库名,后面是连接数据库的函数mysql_select_db('web_ssh',$conn) or die('数据库连接失败');使用时要用的基本的数据库语句:mysql_query($sql):这个函数是执行mysql语句,得到结果集;mysql_num_rows(结果集):返回受mysql_
2020-10-19 08:55:34
559
原创 javascriptES6中新增的用于声明变量的关键字。
let()let声明的变量只在所处于的块级有效if (true) { let a = 10; } console.log(a) // a is not definedlet不可以变量提升console.log(a); // a is not defined let a = 20;什么是变量提升暂时性死区 var tmp = 123; if (true) { console.log(tmp);//tmp is not defined le
2020-10-06 14:06:25
1238
原创 javascript找到一个元素的位置或者一个元素是否存在于数组中
找到一个元素的位置或者一个元素是否存在于数组中，使用Array.prototype.indexOf() 或 Array.prototype.includes()。
2020-10-05 14:52:49
168
原创 javascript中箭头函数经典面试题
箭头函数箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this。面试题: <script> var obj={ name:18, sayhi:()=>{ console.log(this.age); } } obj.sayhi(); </script>下面看一段代码; &
2020-10-05 11:37:34
1185
原创 javascript中关于变量提升的理解代码
变量提升函数及变量的声明都将被提升到函数的最顶部。变量可以在使用后声明，也就是变量可以先使用再声明。<script> console.log(a);//输出undefined var a=0; </script>在上面的代码中输出的是underfined<script> a=6; console.log(a);//输出6 var a; </script&g
2020-10-05 10:05:15
162
原创 javascriptES6 -let 经典面试题
面试题1: var arr=[]; for (var i=0;i<2;i++){ arr[i]=function(){ console.log(i); } } arr[0](); arr[1]();在上面的代码中可以看出 arr[0]()和arr[1]()可以看成console.log(i);那么代码就变成了 var arr=[];
2020-10-05 09:27:40
344
原创 javascript笔记---改变函数内部this指向call(),apply(),bind()方法
call()call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。fun.call(thisArg, arg1, arg2, ...)1,thisArg：在 fun 函数运行时指定的 this 值2,arg1，arg2：传递的其他参数3, 返回值就是函数的返回值，因为它就是调用函数4, 因此当我们想改变 this 指向，同时想调用这个函数的时候，可以使用 call，比如继承var o = { name: "andy",
2020-10-04 09:36:41
199
原创 求数组中的最大值和最小值(javascript方法)
var ar = [2, 98, 20, 53]; console.log(Math.max.apply(Math, ar)); console.log(Math.min.apply(Math, ar)); console.log(Math.max(...ar)); console.log(Math.min(...ar));上面求数组最大值用了两种方法,第一个是利用apply方法第二个是在利用Math.max这些内置函数,因为这些内置.
2020-09-29 09:05:01
664
原创 javascript用面向过程写贪吃蛇游戏
下面是HTML与CSS的代码CSS:<style> *{ margin: 0; padding: 0; } body { background-color: white; } .face { position: relative; width: 800px; heigh
2020-09-28 15:15:20
361
1
原创 javascript中的对象方法Object.keys()和 Object.defineProperty()
object.keys()1, 用于获取对象自身所有的属性2,效果类似 for…in3,返回一个由属性名组成的数组<script> var obj={ id:1, price:199, pname:"yang", } var name1= Object.keys(obj);//有返回值让一个值接收 console.log(name1);Object.defineProperty
2020-09-28 14:39:11
227
原创 javascript 字符串方法 trim()
trim()trim() 方法会从一个字符串的两端删除空白字符。trim() 方法并不影响原字符串本身，它返回的是一个新的字符串。 <script> var str=" yang "; console.log(str);//输出 yang str=str.trim();//有返回值,要一个值接受 console.log(str);//输出yang (没有空格) var str1="ya ng";
2020-09-28 14:25:06
827
原创 javascriptES5 中 filter()选择方法
filter()array.filter(function(currentValue, index, arr))filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组注意它直接返回一个新数组currentValue: 数组当前项的值index：数组当前项的索引arr：数组对象本身 <script> var arr=[50,86,12,10,0,38,12]; var arr1=[];
2020-09-28 14:14:50
1499
原创 javascriptES5中 some()查询方法
some()array.some``(function(currentValue, index, arr))some() 方法用于检测数组中的元素是否满足指定条件. 通俗点 查找数组中是否有满足条件的元素注意它返回值是布尔值, 如果查找到这个元素, 就返回true , 如果查找不到就返回false.如果找到第一个满足条件的元素,则终止循环. 不在继续查找.currentValue: 数组当前项的值index：数组当前项的索引arr：数组对象本身 <script>
2020-09-28 11:54:42
851
原创 javascript ES5中 foreach()遍历方法
forcach()array.forEach(function(currentValue, index, arr))currentValue：数组当前项的值index：数组当前项的索引 (可选)arr：数组对象本身filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组注意它直接返回一个新数组代码:<script> var arr=[50,86,12,10,0,38]; var newa
2020-09-28 11:45:23
5915
1
原创 本地存储session和location (javascript)
本地存储1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，sessionStorage约5M、localStorage约20M4、只能存储字符串，可以将对象JSON.stringify() 编码后存储window.sessionStorage1、生命周期为关闭浏览器窗口2、在同一个窗口(页面)下数据可以共享3、以键值对的形式存储使用存储数据：sessionStorage.setItem(key,value)获取数据：sessionStorage.g
2020-09-22 10:53:50
1672
原创 JS定时器做随机点人案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .div {
2020-09-21 21:00:08
341
原创 js中匀速动画和缓慢动画(javascript)
缓动动画函数封装obj目标对象 target 目标位置思路：1. 让盒子每次移动的距离慢慢变小， 速度就会慢慢落下来。2. 核心算法：(目标值 - 现在的位置) / 10 做为每次移动的距离 步长3. 停止的条件是： 让当前盒子位置等于目标位置就停止定时器缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 10） function animate(obj,target0){ //step是变化的值 var step=(target0.
2020-09-18 09:20:42
1122
原创 元素偏移量offset的介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ top
2020-09-17 20:29:26
311
原创 javascript中的navigator对象
navigator对象navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的user-agent 头部的值。 下面前端代码可以判断用户那个终端打开页面，实现跳转if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowse
2020-09-16 14:25:24
419
原创 javascript中的同步与异步机制
思考题:以下代码的输出顺序是什么; console.log(1); setTimeout(function(){ console.log(3); },1000); console.log(2);输出结果123同步前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。。同步任务都在主线程上执行，形成一个执行栈异步你在做一件事情时，因为这件事情会花费很长时间，在做这件事的同时，你还可
2020-09-16 11:01:54
93
原创 javascript中常用属性和方法的笔记
下面写了一些经常用的e.target //e.target是指向我们点击的对象,那个触发了事件,点那个li你们a.target就指向li //this是指向绑定的对象,绑定了ul那么this指向ul var ul=document.querySelector("ul"); ul.addEventListener("click",function(e){ console.log(e.target); co..
2020-09-14 17:00:02
126
原创 DOM中事件流三个阶段的代码验证(javascript)
dom 事件流 三个阶段1. JS 代码中只能执行捕获或者冒泡其中的一个阶段。2. onclick 和 attachEvent（ie） 只能得到冒泡阶段。3. 捕获阶段 如果addEventListener 第三个参数是 true 那么则处于捕获阶段 4. document -> html -> body -> father -> son代码(javascript) var father=document.querySelector(".father");
2020-09-14 11:24:27
197
原创 python中字符串 方法(1)
find() 方法检测字符串中是否包含子字符串 str,则检查是否包含在指定范围内，如果包含子字符串返回开始的索引值``，否则返回-1。str.find(str, beg=0, end=len(string))str – 指定检索的字符串beg – 开始索引，默认为0。end – 结束索引，默认为字符串的长度。print("abcd".find("cd"))输出2replace方法str.replace(old, new[, max])old – 将被替换的子字符串。new – 新字符
2020-09-14 09:56:05
99
原创 DOM nodetype属性
返回body元素的节点类型:document.body.nodeType;nodeType 属性返回节点类型。如果节点是一个元素节点，nodeType 属性返回 1。如果节点是属性节点, nodeType 属性返回 2。如果节点是一个文本节点，nodeType 属性返回 3。如果节点是一个注释节点，nodeType 属性返回 8。该属性是只读的。...
2020-09-12 10:50:30
219
原创 javascript中自定义属性值
<div id="demo" data-index="2"> </div> <script> var div = document.getElementById("demo"); // 获取元素的属性值 element.属性; console.log(div.id); // element.getAttribute("属性"),get是得到获取attribute属性的意思,程序员自己加的属性叫做..
2020-09-11 21:54:06
368
原创 计算方差(javascript)
<script> //循环输入数字进数组 var a=[]; var sum=0; for (var i=0;i<5;i++){ var num=Number(prompt("请输入数")); a[i]=num; //将数组中数字加起来 sum+=a[i]; } //计算数组长度 var n=a.length; //5 //计算数组平均值 var M=Number(sum/n); //10 //计算每个数减..
2020-09-11 11:54:00
653
原创 哥德巴赫猜想证明(javascript)
<script> function geDei(){ var sum=false; //循环数字 for (var i=6;i<=100000;i+=2){ //判断符合条件的数字 for (var j=2;j<i;j++){ //判断符合条件中的素数 if(prime(j)&&prime(i-j)){ //符合就返回true;退出循环 sum=true;
2020-09-10 23:08:45
281
原创 js中获取body html元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2020-09-10 21:19:21
17591
javascript的贪吃蛇游戏(面向过程)
2020-09-28
HTML中textarea中value属性获取值的问题?
2020-09-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人