- 博客(38)
- 收藏
- 关注
RSS订阅原创 VM ware安装及xp系统虚拟机安装教程
若下载出的镜像非ISO格式便不能在VM ware中使用，解决办法是修改.后面的后缀为iso。关于VM ware安装虚拟机会蓝屏重启的解决方法：下载最新版本的VM ware。密钥：MC60H-DWHD5-H80U9-6V85M-8280D。下载试用版本然后输入密钥即可。一、VM ware安装教程。二、xp系统虚拟机安装教程。
2024-02-19 02:04:01
359
1
原创 ES6 模板字符串
模板字符串是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。ES5中输出模板通常写成如下形式： const name = "小明"; const age = 18; let p1 = document.createElement('p'); p1.id = 'p1'; document.body.append(p1); const str =
2021-03-27 23:40:34
99
原创 ES6 解构赋值
ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。1.数组的解构赋值 let [a,b,c] = [1, 2, 3]; console.log(a, b, c); //输出 1 2 3 let [a, [[b], c]] = [1, [[2], 3]]; console.log(a, b, c); //输出1 2 3 let [, , third]
2021-03-26 11:57:11
152
原创 ES6中let和const命令
一、var声明变量的特点1.变量声明提前 console.log(a); //a值为undefined var a = 1;2.没有块级作用域 if(true) { var b = 2; } console.log(b);//此时输出b,且值为23.可以重复声明变量 var c = 1; var c = 2; con
2021-03-25 11:36:37
108
原创 Javascript中的四大排序
1.冒泡排序原理：冒泡排序顾名思义就是整个过程像气泡一样往上升，冒泡排序的基本思想是（由小到大排序）：对于给定n个数，从第一个数开始依次对相邻的两个数进行比较，当前面的数大于后面的数时，交换位置，进行一轮比较和换位后，n个数中的最大数将位于第n位，然后对前（n-1）个数进行第二轮比较；重复该过程，直到数剩下一个为止。 function bubbleSort(a) { for (var i = 0; i < a.length - 1; i++) {
2021-03-01 20:58:52
151
2
原创 jQuery动画
十二、动画1.基本show([s,[e],[fn]]) 显示hide([s,[e],[fn]]) 隐藏toggle([s],[e],[fn]) 显示隐藏切换参数均为speed(时间)，easing(方式)，fn .box { position: relative; width: 200px; height: 200px; border: 1px solid #000;
2021-02-10 12:57:03
64
原创 jQuery事件
十、事件1.事件jQuery里面的事件不需要写on。 下面括号中data是事件传递的数据，fn是事件的匿名函数回调。 可以链式写事件（即连点）blur([[data],fn])change([[data],fn]) 该事件仅适用于文本域（text field），以及 textarea 和 select 元素。click([[data],fn])dblclick([[data],fn])focus([[data],fn])focusin([data],fn) 当元素获得焦点时，触发
2021-02-09 16:07:32
246
原创 jQuery筛选
九、筛选1.过滤eq(index|-index)first()last()hasClass(class)filter(expr|obj|ele|fn)is(expr|obj|ele|fn)map(callback)has(expr|ele)not(expr|ele|fn)slice(start,[end])
2021-02-08 16:05:05
58
原创 jQuery文档处理
八、文档处理1.内部插入append(content|fn) 追加当前元素的内容之后appendTo(content) 与append前后位置颠倒prepend(content|fn) 追加到当前元素的内容之前prependTo(content) var str = 'abc'; //$('.btn').append(str); var str1 = '<span>abc</span>'; $('.btn').append(st
2021-02-02 21:25:41
119
原创 jQuery之CSS操作
七、CSS操作 * { margin: 0; padding: 0; } .box{ border: 10px solid red; width: 100px; height: 100px; padding: 10px; } .parent{ width: 200
2021-02-02 18:43:25
221
原创 jQuery属性
六、jQuery属性1.属性<button class="btn">按钮</button><button class="btn">按钮</button><button class="btn">按钮</button><br/><button class="all">全选</button><button class="cancelall">反选</button>
2021-02-02 13:09:24
58
原创 jQuery基础
一、简介jQuery是一个javascript函数库，强调的理念是“写的少，做的多”。它概括起来，有以下优势： 1.轻量级；2.强大的选择器；3.出色的DOM操作的封装；4.可靠的事件处理机制；5.完善的Ajax；6.不污染顶级变量；7.出色的浏览器兼容性；8.链式操作方式；9.隐式迭代；10.行为层与结构层的分离；11.丰富的插件支持；12.完善的文档；13.开源二、jQuery安装下载jQuery库，然后按照路径引用 直接从网上引用<!--百度CDN--><..
2021-02-01 18:17:33
107
1
原创 JavaScript的严格模式
一、严格模式简介javascript严格模式即在严格的条件下运行。严格模式通过在脚本或函数的头部添加"use strict"; 表达式来声明
2021-01-30 22:43:35
258
原创 HTML5缓存(localStorage与sessionStorage)
一、简介比cookie更好的本地存储方式在html5之前，本地存储使用cookie,但是存储大小只有4k，并且解析也很复杂，不利于开发。于是html5给出了解决方案——两个在客户端存储数据的对象：window.localStorage:可以长期存储数据(存储在硬盘中)，没有截止日期，直到手动去除。可以多窗口共享，但是不能跨浏览器。 window.sessionStorage：用于临时保存数据，在关闭窗口或标签页时将会删除这些数据。同一个窗口下数据可共享(在当前页面下可以获取到数据，换一个...
2021-01-28 22:10:53
336
原创 JavaScript Cookie
一、Cookie简介Cookie用于在网页中存储用户信息 Cookie是一些数据，存储于电脑中小的文本文件中。 当 web 服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。Cookie 是为了解决“如何记住用户信息”而发明的：当用户访问网页时，他的名字可以存储在 cookie 中。 下次用户访问该页面时，可以在 cookie 中读取用户访问记录。Cookie以名/值对的方式存储，如下所示：//username = John Doe;当浏览器从服务器请求一个网页时，将属.
2021-01-28 00:37:55
133
原创 js中的加密解密
一、对数字和字母进行编码 var str = "abc21134sdssd"; console.log(btoa(str));//YWJjMjExMzRzZHNzZA== console.log(atob("YWJjMjExMzRzZHNzZA==")); console.log(escape(str)); console.log(encodeURIComponent(str));经过测试发现，escape()和encodeURIComponent().
2021-01-27 22:31:40
345
原创 js继承
一、原型链继承核心：将父类实例作为子类的原型对象//动物类 function Animal(name, sex) { this.name = name || 'Animal'; this.sex = sex || '未知'; this.sleep = function () { console.log(this.name + "在睡觉"); } } Animal.prototype .
2021-01-23 16:59:32
1613
原创 js原型和原型链
一、函数和对象所有函数都拥有一个prototype(原型)属性 所有对象都拥有一个__proto__属性和constructor属性 在js中因为函数也是对象，所以函数也拥有__proto__属性和constructor属性二、 两个等式 function Animal() { this.name = ""; this.age = ""; this.sex= ""; this.sleep = function ().
2021-01-21 11:12:12
63
原创 js使用函数来创建对象
一、使用函数创建对象js编程es5中没有class类，只有function, es6向后端靠拢，才出现了类function people() { this.name = ""; this.age = ""; this.sex = ""; this.sleep = function () { return "睡觉"; } this.eat = function () { .
2021-01-19 15:17:22
793
原创 css3
一、css3简介升级的css2,多了动画，选择器，多列布局之类二、css3边框圆角/*border-radius: 10px 20px 30px 40px; /!*左上 右上 右下 左下*!/*//*border-radius: 10px 20px 30px; *//*border-radius: 20px 40px;*//*border-radius: 20px;*//*border-top-left-radius: 20px;*/边界图片/*borde...
2021-01-19 01:14:51
204
原创 html5
一、html5简介html5是html4的升级版，html5的设计目的是为了在移动设备上支持多媒体，它对于移动端和pc端均适用。html5与html4的区别是html5语义化更明确二、html5Canvascanvas元素用于在网页上绘制图形三、html5SVG 什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺...
2021-01-18 11:33:10
131
原创 ajax基础
一、什么是ajaxajax是Asynchronous Javascript and XML的缩写(意思是异步的javascript和XML)它是一种局部刷新技术，即在不重新加载整个页面的情况下，更新部分网页。它的作用是：请求后端接口，返回数据到前端，前端根据需求渲染数据到界面。二、原生js如何实现ajax实现ajax离不开"XMLHttpRequest"对象，ajax就是通过它来发送异步请求的，下面来具体介绍ajax的实现。五步法：1.创建ajax对象；2.建立服务器连接；3..
2021-01-13 13:04:13
144
原创 js部分内置对象
一、Datedate对象用于处理日期和时间二、StringString对象用于处理文本（字符串）三、MathMath对象用于执行数学任务，它没有构造函数Math()
2020-12-31 16:08:23
57
原创 js BOM之其它
一、navigatornavigator对象包含有关浏览器的信息，其中navigator.userAgent属性是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。可以用来识别不同的浏览器。二、screen三、historylength属性返回历史列表中的网址数 back()方法的作用类似浏览器中的后退按钮 forward()方法的作用类似浏览器中的前进按钮 go()方法可以实现页面跳转，如go(1)等同于forward(), go(-1)等同于back(..
2020-12-31 14:18:31
76
2
原创 js BOM之window.location
location是一个用于存储当前载入页面URL信息的对象一、location的属性二、location的方法location对象提供了三个方法，分别是reload(), assign()和replace()reload()方法的作用是页面的重新加载，另外如果令window.location.href = window.location.href(可简化为location = location);也可以起到重新加载页面的作用 assign()方法是载入一个新页面 repla.
2020-12-31 11:26:42
135
原创 js Dom之事件
一、dom元素添加事件直接在元素上绑定事件动态绑定事件用for循环添加事件使用事件监听添加事件二、事件冒泡机制阻止事件冒泡e.stopPropagation() e.cancaelBubble = true;三、事件捕获还是冒泡四、事件的委托自身的事件委托给其他元素执行ul的事件，点击ul却不执行,点击ul下的li执行五、事件对象...
2020-12-25 01:20:38
128
1
原创 js Dom之节点操作
一、DOM元素节点操作二、获取元素的子元素或子节点childElementCount获取子元素的个数 children获取子元素的集合 childNodes获取子节点的集合三、遍历子元素或子节点四、元素的父元素和父节点parentElement元素的父元素 parentNode元素的父节点五、元素的子元素或子节点firstChild获取第一个子节点 firstElementChild获取第一个子元素 ...
2020-12-24 23:16:35
216
1
原创 js Dom之DOM元素获取
一、2个固定获取（静态获取）静态获取指的是获取页面现有的元素，通过代码添加的元素获取不到二、2个特殊获取指的是特定元素获取body, html这两个返回的是单个对象三、4个动态获取...
2020-12-24 13:00:27
121
原创 js数组
一、数组1.数组的声明2.数组的赋值上面的情况，括号里面一个数字表示建立的数组的长度，多个数字为赋值3.数组的取值4.增加、更新数组元素二、数组的遍历1.for循环2.for...in3.forEach4.map方法实现一半三、数组的方法1.concat()2.join(), toString()3.reverse()4.sort()4.push(), unshift(),...
2020-12-17 23:01:18
64
原创 js中的字符串方法
一、查找字符串1.indexOf(), lastIndexOf()找出对应字符串的索引，找不到返回-1。第一个参数是字符串，第二个参数表示从哪个索引开始找起其中lastIndexOf()是从后往前找2.includes()查找字符串中是否包含指定的子字符串，包含返回true，不包含返回false3.search()(1)普通的查找，返回指定字符串的索引; (2)查找与正则表达式相匹配的值二、指定索引位置1.charAt()返回指定索引位置的字符...
2020-12-10 19:44:50
102
1
原创 js中offsetWidth, clientWidth，offsetLeft和scrollLeft等的区别
* { margin: 0; padding: 0; } .content { /*position: relative;*/ /*top: 30px; left: 30px;*/ width: 400px; height: 400px; border: 10px so...
2020-12-03 23:00:27
106
原创 javascript_es5基础
一、数据类型数字: Number,字符串: String,真假型: Boolean,空值引用: Null,未定义类型: Undefined,对象型: Object 对象型Object又分为函数类型: Function,日期类型: Date,数组类型: Array,自定义对象: {}以上六大类型又可分为:值类型(基本数据类型/简单数据类型)和引用类型(复杂数据类型)值类型: 数字: Number, 真假型: Boolean,空值引用: Null,未定义类型: Undefine...
2020-11-27 21:44:12
142
原创 多列布局如何实现？
前言多列布局实现的效果图为：实现的方法如下一、浮动加百分数平分 .col { float: left; width: 25%; height: 300px; } .col1 { background-color: blue; } .col2 { background-col...
2020-11-20 16:58:51
475
原创 导致页面布局混乱的几个元凶
一、盒子模型塌陷盒子模型塌陷：子元素设置外间距margin-top，导致父元素连带向下，如下图代码如下： * { margin: 0; padding: 0; } .box1 { width: 300px; height: 300px; background-color: #0077aa; /*border-top:
2020-11-10 11:07:28
1166
原创 css居中怎么做
文章目录一、行内元素的水平居中二、块级元素的水平居中三、行内元素的垂直居中四、块级元素的垂直居中五、块级元素的水平垂直居中一、行内元素的水平居中处于块级元素包裹中的行内元素，其水平居中可在其父元素中使用text-align:center，代码如下：#block-inline { text-align: center; }<div id="block-inline"> <span>我是s.
2020-11-07 21:34:44
726
1
原创 你知道display这几个属性值（block, inline, inline-block, none, table-cell, list-item）之间的区别吗
前言你知道display这几个属性值（block, inline, inline-block,none, table-cell, list-item）之间的区别吗使用display:block属性的元素具有以下特征：元素成为块级元素，独占一行，拥有宽高 不设置宽度时，宽度为父元素宽度使用display:inline属性的元素具有以下特征：元素成为行内元素，非独占一行，无法设置宽高 由内容撑开宽度使用display:inline-block属性的元素具有以下特征：...
2020-10-28 10:58:14
613
原创 css选择器及其优先级
css选择器种类繁多，在这里对常用的css选择器及其优先级加以总结。因初学，所以难免有不对的地方，欢迎大家指正 1.通配符选择器（*） 2.标签选择器（标签名） 3.类选择器（.类名） 4.id选择器（#id） 5.组合选择器 （1）后代选择器（空格） （2）子元素选择器（>） （3）相邻兄弟选择器（+） （4）后续兄弟选择器（~） 6.分组选择器（,）...
2020-10-19 23:21:55
728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人