- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 JavaScript字符串常用API
String.prototype.slice()slice()截取字符串的一部分，并返回这个新字符串'my name is amz'.slice(11) // "amz" 传递2个参数，第一个参数是从什么位置开始裁剪，第二个参数是 截取到什么地方，如果没传递第二个参数，就默认裁剪到最后一位'my name is amz'.slice(0,2) // 'my' 从第1位裁剪到第三位'my name is amz'.slice(0,-1) // "my name is am" 两个参数都可以是负
2021-11-02 20:22:37
280
转载 vuex存储和本地存储的区别
因为在使用中，感觉localstorage可以替代vuex，因此搜索看了一下详细的关于vuex存储和本地存储的区别。如下：1、实质的区别vuex存的是状态，存储在内存，localstorage是浏览器提供的接口，让你存的是文件，以文件的形式存储在本地2、应用场景vuex用于组件之间的传值，localstorage则主要用于页面之间的传值3、永久性当刷新页面时，vuex存储的值会丢失，localstorage不会4、总结个人在使用的时候，觉得用localstorage可以代替vuex,
2021-10-20 15:18:14
1646
转载 数组去重主要的5种方法
数组去重的方法一、利用ES6 Set去重（ES6中最常用）var arr = [1,1,8,8,12,12,15,15,16,16];function unique (arr) { return Array.from(new Set(arr))}console.log(unique(arr)) //[1,8,12,15,16]不考虑兼容性，这种去重的方法代码最少。这种方法还无法去掉“{}”空对象，后面的高阶方法会添加去掉重复“{}”的方法。二、利用for嵌套for，然后spl
2021-10-14 16:32:46
590
原创 HTML5 Web 存储
一、什么是Web存储Web存储就是web 应用程序能够在用户浏览器中对数据进行本地的存储。早些时候，应用程序数据只能存储在 cookie 中。但是用cookie存储永久数据存在以下几个问题：1.大小：cookie的大小被限制在4KB。2.带宽：cookie是随HTTP事务一起被发送的，因此会浪费一部分发送cookie时使用的带宽。3.复杂性：要正确的操纵cookie是很困难的。4.安全性较低因此，在HTML5中，重新提供了在客户端本地存储数据的功能，它就是Web Storage，即s
2021-09-15 19:19:05
278
原创 jQuery中的AJAX
一、什么是 AJAX？AJAX 并非编程语言，简短地说，AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，通过后台加载数据，实现了对部分网页的更新。和常规的 AJAX 代码不同，jQuery为我们将原生AJAX进行了封装，现在我们只需要一行简单的代码，就能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。二、jQuery 底层 AJAX 请求底层ajax请求使用ajax
2021-09-12 00:51:04
978
原创 jQuery基础知识
一、jQuery简介 jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 函数库。 jQuery 库包含以下功能：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities提示： 除此之外，jQuery 还提供了大量的插件。二、jQuery的语法jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法：...
2021-09-11 17:22:26
1388
1
原创 JavaScript创建对象的几种方式
一、Object()创建对象、用字面量的方式创建对象1.Object()创建对象new Object()就是利用JavaScript提供的构造函数实例化了一个对象var person = new Object();//为这个实例化的对象添加属性person.name = "zhangsan";person.age =21;person.gender = 'male';person.sayName = function(){ console.log(this.name)}
2021-09-07 16:45:23
1223
原创 ECMAScript 的继承方式
在面向对象编程中，支持两种继承：接口继承和实现继承。前者只继承方法签名，后者继承实际的方法。接口继承在 ECMAScript 中是不可能的，因为函数没有签名。实现继承是 ECMAScript 唯一支持的继承方式，而这主要是通过原型链实现的。一、原型链继承在ECMAScript中，原型链作为 ECMAScript 的主要继承方式。其基本思想就是通过原型继承多个引用类型的属性和方法。什么是原型链呢？？？重温一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实
2021-09-06 00:00:46
181
原创 数组迭代方法及其重构
1.迭代方法1.everyevery(function(item,index,arr){},this对象) • 1.第一个参数在数组中的每个元素都会执行到的函数，固定的• 2.第二个参数是前面function内的this指向-- 第二个参数任意数据类型,传什么都可以• 3.判断数组元素是否都满足某一条件,一项不满足直接跳出当前判断,符合短路原则2.some(function(item,index,arr){},this对象)第一个参数在数组中的每个元素都会执行到的...
2021-09-01 19:12:54
309
原创 Javascript的深拷贝和浅拷贝
一.引言简而言之，如果把A赋值给B，当修改A的值时，看B的值是否会发生变化，如果B也随着A变了，说明这是浅拷贝，如果B没变，那就是深拷贝，B自食其力。对于深拷贝和浅拷贝，主要针对于引用数据类型参数说的，浅拷贝表示仅拷贝引用地址，深拷贝表示对于对象的克隆。以下是一个浅拷贝的例子（arr2跟着arr1改变，因为arr2的引用地址和arr1的相等，即指向同一块内存）let arr1=['a','b','c'], arr2=arr1;console.log(arr1,arr2);arr
2021-08-31 19:21:56
197
原创 JavaScript数据类型隐式转换
JavaScript中有两类数据类型:原始类型、对象类型 原始类型(基础类型)：Undefined、Null、String、Number、Boolean、Symbol（es6新推出 的，暂不考虑） 对象类型：object 转换规则 隐式转换中主要涉及到三种转换： 1、将值转为原始值(原始类型)，ToPrimitive()。 2、将值转为数字，ToNumber()。 3、将值转为字...
2021-08-23 20:29:46
663
原创 css3计量单位之px、em、rem
一、px为具体的长度单位，表示一个像素点，是一个绝对尺寸二、em、rem都是倍数的意思，其尺寸是相对的 1.em相对于父级的font-size的倍数 2.rem相对于根元素，即html的font-size的倍数例如下列示例中，p1的宽就是300px,p2的宽就是400px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2021-08-17 16:28:20
372
原创 HTML嵌套元素水平垂直居中的几种方式
方式一：通过外边距调整，根据父子元素的宽高来计算外边距的值。（父子都是块级元素）注意：如果两个盒子是嵌套关系, 有时候设置了里面一个盒子(子元素)顶部的外边距, 外面一个盒子(父元素)也会被顶下来。 解决办法：https://blog.csdn.net/zyj123__/article/details/106906240方式二：给父元素设置绝对定位，子元素设置相对定位（子绝父相），然后给子元素设置top:0,bottom:0,left:0,right:0,margin:...
2021-08-11 20:04:20
433
原创 用于编写HTML代码的常见工具
1、记事本 特点：记事本编写页面代码不适合初学者使用，因为无代码提示、无代码高亮显示、用户界面不友好； 使用步骤：首先任选一个位置新建一个记事本打开记事本，写上代码并保存将文件后缀改成html即可2、Sublime 、VSCode （更常用） Sublime特点：Sublime 是一个代码编辑器，也是HTML和散文先进的文本编辑器。它运行速度快、代码提示、高亮显示、插件拓展、html 插件emmet、sublime tex...
2021-08-02 20:23:38
2571
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人