- 博客(27)
- 收藏
- 关注
RSS订阅原创 js中用es5实现继承那些事看这一篇就够了
js中用es5实现继承那些事看这一篇就够了用es6语法实现继承很简单，用extends就够了，然而很多人不怎么理解如何在es5中实现，或者知道的方法不全，一共有5种方式，接下来让我们逐一击破借助callfunction Father(){ this.arr=[1,2,3]}Father.prototype.say=function() { console.log('hello')}function Son() { Father.call(this)}const s=new Son
2020-06-05 23:35:48
199
原创 浏览器的本地存储
浏览器的本地存储分为：Cookie，Web Storage，IndexDBCookie（状态存储，以键值对形式存在）属性：name:Cookie名，key：值，maxAge：失效时间，path：路径，Httponly：与安全有关缺陷：容量缺陷：只有4KB性能缺陷：在同一域名下的所有请求，无论用不用cookie，都会携带cookie安全缺陷：cookie以纯文本的形式在浏览器和服务器中传递，很容易被非法用户截获到，在Httponly为false的情况下，Cookie信息可以通过js脚本读取W
2020-06-05 12:21:23
340
原创 前端性能优化之图片优化篇
图片优化篇在前端领域，我们可能无时无刻都要与图片打交道，说到图片优化，不如说是一种权衡，接触到最多的图片方案有：JPEG/JPG，PNG，Base64，WebP，SVG，接下来让我们来看看各自的特点以及适用场景JPEG/...
2020-06-05 12:05:33
343
原创 vuex的基本使用
vuex的基本使用什么是vuex?vuex是实现组件全局状态管理的一种机制，可以方便实现组件之间数据的共享优点：能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步基本使用：1. 安装vuex依赖包 npm install vuex --save2. 导入vuex...
2020-04-14 17:59:27
149
原创 转化成驼峰命名法（js）
转化成驼峰命名法（js）具体代码如下：function camelFunc(val) { var arr=val.split('-'); for(var i=1;i<arr.length;i++) { arr[i]=arr[i][0].toUpperCase()+arr[i].substring(1,arr[i].length); } return arr.join...
2020-04-05 11:16:11
1019
原创 去掉数组中重复的元素（js实现）
去掉数组中重复的元素代码如下：var arr=[1,5,8,3,5,2,8,1,5,2,9]; var t=[]; t[0]=arr[0]; for(var i=0;i<arr.length;i++) { for(var k=0;k<t.length;k++) { //如果发现arr中有和新数组一样的，立马跳出内循环 if(t[k]==arr[i]) { ...
2020-04-05 10:58:56
329
原创 IE浏览器的缓存问题
IE浏览器的缓存问题问题：在IE浏览器中，Ajax请求有严重的缓存问题，即在请求地址不发生变化的情况下，只有第一次请求会真正发送到服务器端，后续的请求都会从浏览器的缓存中获取结果，即使服务器端的数据更新了，客户端依然拿到的是缓存中的旧数据。解决方案：在请求地址的后面加请求参数，保存每一次请求中的请求参数的值不同。xhr.open('get','http://www.example.com...
2020-04-04 14:33:35
282
原创 js原型链
js原型链说到原型链，首先有这几个概念需要了解，原型对象，构造函数，实例对象JS规定：每一个构造函数都有一个prototype属性，指向一个对象，注意这个prototype就是一个对象，叫做原型对象。这个对象的所有属性和方法，都会被构造函数所拥有。对象都有一个属性__proto__指向构造函数的prototype原型对象。接下来简单的说说三者的关系构造函数的prototype属性指向了...
2020-04-03 16:03:26
316
原创 js实现十进制对二进制的转换
用js实现十进制对二进制的转换其中，我们需要用到数据结构栈，所以，先要用js实现数据结构栈，具体代码如下：//定义一个类Stack表示栈，并初始化一个空数组，用来存储栈里的数据class Stack{ constructor() { this.item=[] } //往栈里追加元素 push(value){ this.item.push(value) } ...
2020-04-03 15:27:06
704
原创 使用js实现数据结构栈
使用js实现数据结构栈说明：栈是是一种遵从后进先出原则的有序集合。新添加的元素都保存在栈的一端，称作栈顶，另一端叫做栈底。在栈中，新元素都靠近栈顶，旧元素都靠近栈底。功能：push：往栈里追加元素pop：删除栈里的元素，同时返回该元素peek：获取栈顶的元素，并返回clear：清空栈里的所有元素isEmpty: 判断栈是否为空，返回true or falsesize：判断栈里元素...
2020-04-03 14:48:47
377
原创 Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found)在用webapck打包工具编写vue项目的时候，在.vue文件中经常会用到图片，我们此时就会用img标签去引入，如下图所示运行代码后：写相对路径，就会报错，我们需要把路径改成如下图所示：...
2019-11-30 20:02:35
2256
原创 Vue中动画的使用
Vue中动画的使用在Vue中动画的实现有三种方式，具体如下所示：使用过渡类名实现动画（具体代码如下） 1. 使用 transition元素，把需要被动画控制的元素，包裹起来<div id="app"> <input type="button" value="动画" @click="flag=!flag"> <transition> ...
2019-11-18 22:13:09
526
原创 javaScript中解绑事件
javaScript中解绑事件在javaScript中用什么绑定事件，就应该用对应的方式解绑事件第一种方式对应绑定事件addEventListener，具体代码如下：对象.removeEventListener("没有on的事件类型", 函数名字, false);//参数1：事件类型，没有on，例如：点击事件的事件类型="click"//参数2：函数//参数3：false第二...
2019-11-17 22:17:23
345
原创 javaScript中为元素绑定多个事件
javaScript中为元素绑定多个事件在DOM操作中，为元素绑定多个事件有两种方式，具体如下：第一种方式：对象.addEventListener("事件类型",事件处理函数,false);//参数1：事件的类型----没有on，例如：注册点击事件,此时事件类型="click"//参数2：事件处理函数----函数//参数3：false//注意：此方法具有兼容性，谷歌，火狐支持，i...
2019-11-17 21:59:38
1006
原创 Vue中过滤器的使用
Vue中过滤器概念：Vue允许你自定义过滤器，可被用作一些常见的文本格式化过滤器可以用在两个地方：插值表达式和v-bind表达式过滤器分两种：全局过滤器和局部过滤器下面就用两种不同的过滤器来格式化时间全局过滤器（代码如下）<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2019-11-13 12:32:17
408
原创 javaScript原生foreach方法，jQuery中each方法与nodeJs中each方法区别
javaScript原生foreach方法，jQuery中each方法与nodeJs中each方法区别接下来用三段代码来理解各自方法javaScript中原生foreach方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
2019-11-06 21:12:04
630
原创 mongoose在node.js中的简单使用（实现增，删，改，查）
mongoose在node.js中的简单使用（实现增，删，改，查）如何在nodejs中编写代码来实现mongodb数据库简单的增删该查？增，删，改，查这四个操作分别用到了不同的API，值得注意的是：每次在执行一种操作时，需要把其他的API注释一下，以免影响其他操作进行这里总结了一些常用的增，删，改，查的API，想了解更多，请点击查看官方文档 mongoosejs.com具体代码如下：...
2019-11-04 11:33:22
642
原创 使用Vue编写简单计算器
使用Vue编写简单计算器在Vue中，v-model 指令，可以实现表单元素和 Model 中数据的双向数据绑定，接下来，我们就用这个指令编写一个简单的计算器，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title...
2019-10-25 20:40:05
8466
1
原创 javaScript中值类型和引用类型
javaScript中值类型和引用类型1.存储位置区别值类型：存储在栈中引用类型：对象在堆上存储，地址在栈上存储2.类型之间传递区别值类型之间传递：传递的是值引用类型之间传递：传递的地址（引用）值类型作为函数的参数，传递的是值引用类型作为函数的参数，传递的是地址3.举例说明值类型var num1 = 10;var num2 = num1;num1 = 20;...
2019-10-23 19:14:28
562
原创 邮箱的正则表达式
邮箱的正则表达式在做一些软件或者网站时有时候会用到验证用户邮箱是否输入正确，会用到正则表达式来验证，具体代码如下：[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}...
2019-10-17 09:37:09
6405
原创 HTML5全屏接口的使用
HTML5全屏接口的使用全屏操作的主要方法和属性requestFullscreen( ) :开启全屏显示ie浏览器不支持该方法，需要添加前缀ms（仅ie11支持，注意： screen “s”是小写的），chorm，firefox支持该方法兼容代码如下:if(element.requestFullscreen) { element.requestFullscreen();} el...
2019-10-16 11:07:21
650
原创 用javaScript实现贪吃蛇小游戏
用javaScript实现贪吃蛇小游戏首先创建一个贪吃蛇.html文件，代码如下<html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> .map { width: 800px; h...
2019-10-14 08:51:53
815
原创 javaScript中的正则表达式
javaScript中的正则表达式正则表达式的概念：按照一定的规则组成的一个表达式，这个表达式的作用主要是匹配字符串的组成：由元字符或者限定符组成的式子. 表示：除了\n以外的任意的一个字符[ ] 表示：范围| 表示：或者* 表示：前面的表达式出现了0次到多次+ 表示： 前面的表达式出现了1次到多次? 表示：前面的表达式出现了0次到1次限定符限定前面的表达式出现的次数...
2019-10-10 21:44:27
593
原创 javaScript中构造函数，原型对象，实例对象三者之间的关系
javaScript中构造函数，原型对象，实例对象三者之间的关系构造函数可以实例化对象构造函数中有有一个属性叫prototype，是构造函数的原型对象构造函数的原型对象（prototype）中有一个constructor构造器，这个构造器指向的就是自己所在的原型对象的所在构造函数实例对象的原型对象（__ proto __）指向的是该构造函数的原型对象构造函数的原型对象（prototyo...
2019-10-07 20:18:12
780
原创 jQuery对象与DOM对象关系
jQuery对象与DOM对象关系区别：DOM对象：使用javascript中的方法获取页面中元素返回的对象就是DOM对象jQuery对象：使用jQuery方法获取页面中元素返回的对象就是jQuery对象联系：在这里插入代码片...
2019-09-29 19:48:25
729
原创 sublime text编辑器创建中文文件时出现问题
sublime text编辑器创建中文文件时出现问题问题：解决问题方法：问题：现在很多人都在使用sublime text编辑器写一些代码，但是有时候再保存文件时，输入中文的文件名时，在编辑器中中文的文件名字会出现一些问题，具体问题请看下面的图片：解决问题方法：打开首选项（N）→设置—默认（如下图所示）接下来点击设置—默认，添加一行代码"dpi_scale":1.0,（如图所示）...
2019-09-27 23:07:51
712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人