- 博客(44)
- 收藏
- 关注
RSS订阅原创 面试题
防抖：防抖：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。防抖就是将一段时间内连续的多次触发转化为一次触发。应用有个输入框，输入之后会调用接口，获取联想词。但是，因为频繁调用接口不太好，所以我们在代码中使用防抖功能，只有在用户输入完毕的一段时间后，才会调用接口，出现联想词。节流节流：指定时间间隔内只会执行一次任务。应用：懒加载要监听计算滚动条的...
2019-08-18 11:47:02
123
原创 JS基础-原型简单介绍
原型（prototype）创建一个函数以后，解析器都会默认在函数中添加一个数prototypeprototype属性指向的是一个对象，这个对象我们称为原型对象。当函数作为构造函数使用，它所创建的对象中都会有一个隐含的属性执行该原型对象。这个隐含的属性可以通过对象.__proto__来访问。原型对象就相当于一个公共的区域，凡是通过同一个构造函数创建的对象他们通常都可以访问到相同的原型对象...
2019-08-13 15:53:45
245
原创 JS基础-对象、函数
对象（Object）对象是JS中的引用数据类型对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性使用typeof检查一个对象时，会返回object创建对象 - 方式一： - var obj = new Object(); - 方式二： - var obj = {};向对象中添加属性 - 语法： 对象.属性名 = 属性值; 对象["属性名"] = 属...
2019-08-13 15:50:44
89
原创 JS基础-流程控制语句
流程控制语句程序都是自上向下的顺序执行的，通过流程控制语句可以改变程序执行的顺序，或者反复的执行某一段的程序。分类：1.条件判断语句2.条件分支语句3.循环语句条件判断语句条件判断语句也称为if语句语法一：if(条件表达式){ 语句...}执行流程：if语句执行时，会先对条件表达式进行求值判断，如果值为true，则执行if后的语句如果值为false，则...
2019-08-13 15:35:23
115
原创 js基础-基本语法、数据类型、运算符
数据类型JS中一共分成六种数据类型String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象其中基本数据类型有String 字符串JS中的字符串需要使用引号引起来双引号或单引号都行在字符串中使用\作为转义字符\' ==> '\" ==> "\n ==> 换行\t ==> 制...
2019-08-13 15:17:07
98
原创 HTML表格和表单
表格在网页中可以通过表格来表示一些格式化的数据表格相关的标签<table> 用来创建一个表格<tr>表示表格中的一行<th> 表示表头中的单元格<td>表示表格中的单元格属性：colspan 横向的合并单元格rowspan纵向的合并单元格例子： <table> <tr>...
2019-08-13 14:53:53
94
原创 CSS知识-浮动、定位
文档流所有的元素默认情况下都是在文档流中存在的文档流是网页的最底层元素在文档流中的特点：块元素默认宽度是父元素的全部默认高度被内容（子元素）撑开在页面中自上而下垂直排列内联元素默认高度和宽度都被内容撑开在页面中自左向右水平排列，如果一行不足以容下所有的元素，则换到下一行继续从左向右浮动使用float来设置元素的浮动可选值：none 默认值，元素...
2019-08-13 14:46:01
102
原创 wap-resize.js
!function(a, b) { function c() { var b = f.getBoundingClientRect().width; b / i > 750 && (b = 750 * i); var c = b / 7.5; f.style.font...
2019-08-12 15:05:22
272
原创 js高级-线程机制与事件机制
线程与进程进程:程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程线程:是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元关系一个进程至少有一个线程(主)程序是在某个进程中的某个线程执行的浏览器内核模块组成主线程js引擎模块 : 负责js程序的编译与运行html,css文档解析模块 : 负...
2019-08-12 15:03:42
118
原创 js高级-对象高级
对象的创建模式Object构造函数模式var obj = {};obj.name = 'Tom'obj.setName = function(name){this.name=name}对象字面量模式var obj = { name : 'Tom', setName : function(name){this.name = name}}构造函数模式function Pe...
2019-08-12 15:02:36
196
原创 js高级-函数高级
原型与原型链所有函数都有一个特别的属性:prototype : 显式原型属性所有实例对象都有一个特别的属性:__proto__ : 隐式原型属性显式原型与隐式原型的关系函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象实例对象的__proto__: 在创建实例对象时被自动添加, 并赋值为构造函数的prototype值原型对象即为当前实...
2019-08-12 15:01:16
727
原创 js高级-基础深入总结
数据类型的分类和判断基本(值)类型Number ----- 任意数值 -------- typeofString ----- 任意字符串 ------ typeofBoolean ---- true/false ----- typeofundefined — undefined ----- typeof/===null -------- null ---------- ===...
2019-08-12 14:59:59
97
原创 Vue.js - day6
注意：有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖；运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；...
2019-08-12 14:56:46
101
原创 Vue.js - Day5 - Webpack
在网页中会引用哪些常见的静态资源？JS.js .jsx .coffee .ts（TypeScript 类 C# 语言）CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件（Fonts）.svg .ttf .eot .woff .woff2...
2019-08-12 14:55:52
84
原创 Vue.js - Day3
定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用...
2019-08-12 14:50:05
74
原创 Vue.js - Day2
vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性crea...
2019-08-12 14:48:40
78
原创 Vue.js - Day1
Vue.js - Day1什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只...
2019-08-12 14:44:56
79
原创 JS高级-原型和执行上下文栈
typeof 返回数据类型的字符串表达式 （小写 number string…）instanceof 返回的是布尔值赋值运算：将等号右边变量的值赋值给等号左边的变量这个值可能是一般的数据，可能是一个地址数据...
2019-08-05 17:43:18
107
原创 vuex
一、概念vuex是为了保存组件之间的共享数据而诞生的，如果组件之间有要共享的数据，可以直接挂载到vuex中，而不必通过父子组件之间传值了；如果组件的数据不需要共享，此时，这些不需要共享的私有数据，没必要放到vuex中只有共享的数据，才有权利放到vuex中，组件内部私有的数据，放到组件中data上即可。Vuex是一个全局的共享数据存储区域，就相当于是一个数据的仓库props、data和v...
2019-07-27 23:13:38
73
原创 webpack中按需引入mint-UI报Error: .plugins[0][1] must be an object, false, or undefined
Mint-UI官方文档：https://mint-ui.github.io/docs/#/en2/quickstart按需引入mint-UI的步骤：安装 npm install --save mint-ui安装 npm install babel-plugin-component -D配置 .babelrc{ "presets": [ ["@babel/preset-en...
2019-07-21 15:48:21
4231
1
原创 webpack中使用vue、component、vue-router
一、在普通网页中使用vue：使用script标签，引入vue的包在index页面，创建一个id为app的div容器创建一个vue实例在webpack中使用vue安装vue包npm i vue -S由于 在 webpack 中，推荐使用 .vue 这个组件模板文件定义组件，所以需要安装能解析这种文件的 loadernpm i vue-loader vue-templa...
2019-07-20 21:36:03
477
原创 webpack4安装babel
安装npm install -D babel-loader @babel/core @babel/preset-env webpackbabel 在每个文件都插入了辅助代码，使代码体积过大，下面的配置禁用了 babel 自动对每个文件的 runtime 注入，而是引入 babel-plugin-transform-runtime 并且使所有辅助代码从这里引用。npm install --...
2019-07-20 12:27:27
320
原创 JSON
JSONJS对象表示法（JavaScript Object Notation）JS中的对象只有JS自己认识，其他的语言都不认识JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号，其他的和JS语法一致JSON分类：对象 {}数...
2019-07-10 17:58:04
72
原创 定时器
定时调用如果希望一段程序每隔一段时间执行一次，可以使用定时调用。setInterval()定时调用，可以将一个函数每隔一段时间执行一次,该方法是window对象的方法。参数：回调函数，该函数会每隔一段时间被调用一次每次调用间隔的时间，单位是毫秒返回值：返回一个Number类型的数据，这个数字作为定时器的唯一标识。clearInterval()用来关闭一个定时器，方法中...
2019-07-10 17:57:44
276
原创 BOM浏览器对象模型
BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象，用来完成对浏览器的操作BOM对象以下这些BOM对象在浏览器中都是作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用。WindowWindow代表的是整个浏览器的窗口，同时Window也是网页中的全局对象NavigatorNavigator代...
2019-07-07 18:34:30
75
原创 滚轮事件和键盘事件
一、滚轮事件onmousewheel鼠标滚轮滚动的事件，会在滚轮滚动时触发，但火狐不支持该属性。DOMMouseScroll在火狐中需要使用DOMMouseScroll来绑定滚动事件，该事件需要通过addEventListener()函数来绑定。event.wheelDelta可以获取鼠标滚轮滚动的方向，event.wheelDelta > 0 表示向上滚，<0表示向下滚，...
2019-07-07 17:03:33
886
原创 事件对象
事件对象当响应函数被调用时，浏览器每次都会将一个事件对象作为实参传递进响应函数中，==这个事件对象中封装了当前事件的相关信息，==比如：鼠标的坐标，键盘的按键，鼠标的按键，滚轮的方向…可以在响应函数中定义一个形参，来使用事件对象，但是在IE8及以下的浏览器中，浏览器不会传递事件对象，而是作为window对象的属性保存 元素.事件 = function(event){ event = ...
2019-07-06 22:18:37
270
原创 DOM操作样式
DOM对CSS的操作读取内联样式：语法：元素.style.样式名 元素.style.width 元素.style.height注意：如果样式名中带有-，则需要将样式名修改为驼峰命名法,将-去掉，然后-后的字母改大写 background-color --> backgroundColor border-width ---> borderWidth通过sty...
2019-07-06 11:24:19
751
原创 DOM查询
节点文档节点元素节点属性节点文本节点节点的属性：nodeName、nodeType、nodeValue文本节点的nodeValue就是文本内容获取元素节点getElementById根据id属性获取一个元素节点对象getElementsByTagName可以根据标签名来获取一组元素节点对象，这个方法会返回一个类数组对象，所有查询到的元素都会封装到对象中getEle...
2019-07-05 21:04:38
656
原创 正则表达式
正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式来检查一个字符串是否符合规则，或者将字符串中符合规则的内容提取出来。创建正则表达式对象(构造函数)语法var 变量 = new RegExp("正则表达式","匹配模式");使用typeof检查正则表达式对象，会返回object在构造函数中可以传递一个匹配模式作为第二个参数,可以是i 忽略大小写,g 全局匹配模式使用字...
2019-07-01 16:33:19
76
原创 字符串的方法
在底层字符串是以字符数组的形式保存的length属性可以用来获取字符串的长度charAt()可以返回字符串中指定位置的字符，根据索引获取指定的字符。var str = "Hello World!"var result = str.charAt(2);console.log(result);//lconsole.log(str[2]);//lcharCodeAt()可以返回字符...
2019-06-30 22:32:52
78
原创 包装类
包装类在js中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象。String()可以将基本类型的字符串转换为String对象Number()可以将基本类型的数字转换为Number对象Boolean()可以将基本类型的布尔值转换为Boolean对象但是注意：我们在实际应用中不会使用基本数据类型的对象，因为它在做一些比较时可能会带来一些不可预期的结果。方法...
2019-06-30 21:09:24
63
原创 工具类Math对象
Math()对象Math和其他的对象不同，它不是一个构造函数。它属于一个工具类，不用创建对象，它里边封装了数学运算相关的属性和方法。Math.PI 表示圆周率Math()对象的方法Math.abs()可以用来计算一个数的绝对值console.log(Math.abs(-1);) //1Math.ceil()可以对一个数进行向上取整,小数位只要有值就自动进1console.l...
2019-06-30 19:33:33
150
原创 Date对象
Date对象在js中使用Date对象来表示一个时间创建Date对象如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间。var d = new Date();创建一个指定的时间对象。需要在构造函数中传递一个表示时间的字符串作为参数。日期格式 月份/日/年 时：分：秒var d2 = new Date("6/30/2019 18:34:30");Dat...
2019-06-30 18:58:57
225
原创 call()、apply()和arguments
call()和apply( )这两个方法都是函数对象的方法,需要通过函数对象来调用。当对函数调用call()和apply()都会调用函数执行在调用call()和apply()方法时,可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的this。call()方法可以将实参在对象之后依次传递apply()方法需要将实参封 装到一个数组中统一传递function fun(a,...
2019-06-30 18:20:23
284
原创 数组（Array）
数组也是一个对象，它和我们普通对象功能相似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名的，而数组是使用数字作为索引操作元素索引：从0开始的整数就是索引数组的存储性能要比普通对象好，在开发过程中我们经常使用数组来存储一些数据使用typeof检查一个数组时，会返回object使用构造函数创建数组对象var arr = new Array();使用构造函数创建数组时，...
2019-06-30 15:53:14
287
原创 垃圾回收（GC）
程序运行过程中也会产生垃圾，这些垃圾积攒过多以后，会导致程序运行的速度过慢，所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生的垃圾当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，所以这种垃圾必须进行清理。在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也...
2019-06-29 13:52:42
103
原创 JavaScript深入浅出
一 、 数据类型JavaScript弱类型特性例如：32 + 32 // 64“32” + 32 // “3232”“32” - 32 //0PS：巧用+/-规则转换类型num - 0 将num转换为数值类型num + " 将num转换为字符串类型数据类型numberstringbooleannullundefinedobject对象(Function、...
2019-01-07 17:51:25
105
原创 DOM事件
一、 事件流描述的是从页面中接受事件的顺序事件冒泡即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）事件捕获不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件二、 使用事件处理程序HTML事件处理程序DOM0级事件处理程序比较老的浏览器，较传统的方式：把一个函数赋值给一个事件的处理程序属性DOM2级事件...
2018-10-23 09:41:00
90
原创 对象
一、 String字符串对象二、 Date 日期对象1. 定义一个日期对象：var Udate=new Date(); 注意:使用关键字new，Date()的首字母必须大写。使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。如果要自定义初始值：var d = new Date(2012, 10, 1); //2012年10月1日var d = n...
2018-09-26 19:14:55
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人