- 博客(52)
- 收藏
- 关注
RSS订阅原创 http常见的状态码
2XX 成功 200 OK，表示从客户端发来的请求在服务器端被正确处理 204 No content，表示请求成功，但响应报文不含实体的主体部分 206 Partial Content，进行范围请求 3XX 重定向 301 moved permanently，永久性重定向，表示资源已被分配了新的 URL 302 found，临时性重定向，表示资源临时被分配了新的 URL ...
2020-04-04 10:20:10
217
原创 前端面试题
cookies，sessionStorage，localStorage： cookies：它是网站用来标记用户身份的一段数据，通常情况下时一段加密的字符串，并且默认情况下指回在同源（同域名，同端口，同协议）的http请求中携带 sessionStorage：它是浏览器本地存储的一种方式，以键值对的形式进行存储，并且存储的数据会在浏览器关闭之后自动删除 localStorage：它也是浏览器本地存储...
2020-04-03 14:01:00
231
原创 前端笔试小记
垃圾回收机制 由于字符串、对象和数组没有固定的大小，所以当他们的大小已知时，才能对衙门进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript解释器就会消耗完系统中所有可用内存，造成系统崩溃。 现在各大浏览器的垃圾回收有两种办法：标记清除、引用计数 标记...
2020-03-31 16:27:27
209
原创 vuex
vuex： 实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享 优点： 1.能够在vuex中集中管理共享数据，易于开发和维护 2.能够高效地实现组件之间的数据共享，提高开发效率 3.存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步 一般情况下，只有组件之间共享的数据存储在vuex中。 State： 提供唯一的公共数据源，所有共享的数据都要同意放到Store的s...
2020-03-30 15:00:54
198
原创 CSS选择器优先级
选择器 权重 继承 或 * 0，0，0，0 元素选择器，伪元素选择器 0，0，0，1 类选择器，伪类选择器，属性选择器 0，0，1，0 id选择器 0，1，0，0 行内样式 1，0，0，0 !important 无穷大 ...
2020-03-12 15:33:38
108
原创 js数组和字符串的一些方法
判断是否为数组 1.arr instanceof Array 2.Array.isArray(arr) 添加删除数组元素： push()：在数组的末尾添加一个或多个元素，修改原数组，返回新长度 unshift()：在数组的开头添加一个或多个元素，修改原数组，返回新长度 pop()：删除数组的最后一个元素，把数组长度-1，修改原数组，返回删除的值 shift()：删除数组的第一个元素，把数组长度-1...
2020-03-12 10:53:36
185
原创 ES6新增
一. 关键字 let 声明变量关键字 let声明的变量只在所处的块级作用域有效 {} 防止循环变量变成全局变量 不存在变量提升 只能先声明再使用 暂时性死区 let声明的变量会和当前的块级作用域绑定，不会受外界的影响 每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的，函数执行时输出的是自己上一级作用域（循环时产生的块级作用域）下的i值 const 声明常量 具有块级...
2020-03-11 14:27:20
232
原创 JavaScript高级
一. 面向对象 两大编程思想 面向过程POP： 分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个依次调用 优点：性能高，适合跟硬件联系很密切的东西，例如单片机 面向对象OOP： 把事务分解成一个个对象，然后由对象之间分工与合作。每一个对象都是功能中心，具有明确分工。 优点：灵活、代码可重复使用、容易维护和开发 特性：封装性、继承性、多态性 二. ES6中的类和...
2020-03-11 14:17:27
138
原创 JavaScript中的函数进阶
函数进阶 1. 函数的定义和调用 函数定义的方式 函数声明方式function关键字（命名函数） function fn() {}; 函数表达式 匿名函数 var fun = function() {}; 利用 new Function(‘参数1’,‘参数2’, … ,‘函数体’); var f = new Function(‘a’, ‘b’, ‘console.log(a + b)’); 注...
2020-03-11 10:47:34
210
原创 JavaScript中的BOM
BOM Browser Object Model，浏览器对象模型，它提供了独立内容而与浏览器窗口进行交互的对象，其核心对象是window BOM由一系列相关对象构成，并且每个对象都提供了很多方法和属性 BOM缺乏标准，JavaScript语法标准化组织是ECMA。DOM的标准化组织是W3C，BOM最初是网景公司浏览器标准的一部分，所以兼容性较差 BOM的顶级对象是window window对象是浏...
2020-03-09 20:46:21
183
原创 PC端网页特效
元素偏移量offset 动态得到相关元素的位置、大小 1.获得元素距离带有定位的父元素的位置 2.获得元素自身的大小 返回的数值都不带单位 offsetTop 可以得到元素的偏移 位置 返回的不带单位的数值 offsetLeft offsetWidth 可以得到元素的大小 宽度和高度 是包含padding + border + width offsetHeight offsetParent 返回...
2020-03-09 20:39:12
147
原创 webpack基础自定义规则配置
/* * 在这个文件中设置自定义的打包规则 1.所有的规则都写在module.exports={}中 2.名字也可以是webpackfile.js 3.如果不想用或是不能用这两个名字，可以在package.json文件的scripts配置中新加"build": "webpack --config '自己取的文件名'" */ let path = require('path'); modu...
2020-02-25 16:07:01
392
原创 express数据处理和中间件
let express = require('express'); let fs = require('fs'); //中间件：在创建完服务和处理数据（文件）请求之前，提前做一些事情（每个请求都要做的） //在所有的请求之前把客户端基于请求主体传递的信息获取到，存放在req.body属性中，这样以后到具体接口处理方法中，想要获取信息直接通过req.body获取即可 //app.use((req,r...
2020-02-25 13:30:26
530
原创 express基础知识
三个常用的框架： express koa egg 简单的web服务器： let express = require('express'); //执行express创建一个服务 app用来操作这个服务 let app = express(); //app.listen：创建服务，监听端口号 app.listen(8080, () => { console.log('服务器创建成功；端...
2020-02-25 11:36:06
439
原创 url内置模块和http内置模块
url let url = require('url'); //url.parse()用来解析URL中每一部分信息的 //如果第二个参数传true，会自动把问号参数解析成键值对的形式，存储在query属性中 //pathname：请求路径名称 let str = 'http://www.baidu.com:80/stu/index.html?1x=1&from=weixin#tea...
2020-02-24 18:43:13
368
原创 fs内置模块
let fs = require('fs'); //读取文件目录 // let result = fs.readdirSync('./'); // console.log(result); 同步 // fs.readdir('./', (err, result) => { // //err读取失败的错误信息，result时读取成功后的结果,成功时err=null // i...
2020-02-24 16:04:52
215
原创 CommonJS模块管理机制
js四大模块化编程思想的方式 AMD：require.js CMD:sea.js CommondJS:node.js ES6 Moudle 模块化思想规定了在js中我们的模块该如何创建、导入和导出 模块分类： 内置模块：node中自带的 http/https：创建和管理服务的模块 fs：给予js进行i/o操作的模块 url：解析url地址的模块 path：管理路径的模块 。。。 第三方模块：基于n...
2020-02-24 14:35:33
309
原创 npm
**作用：**模块管理（安装、卸载） 1） 全局安装 $npm install (i) xxx --global (-g) 2） 当前（本地）项目安装 $npm i xxx 把模块设置为开发依赖（开发中）： $ npm i xxx --save-dev 把模块设置为生产依赖（部署到服务器）：$ npm i xxx --save 安装在全局和本地的区别： 安装在全局后对任何项目都有作用（有可能版...
2020-02-24 13:06:26
181
原创 node在真实项目中的应用
1.应用node环境做的一些事情 基于V8引擎（webkit内核）渲染和解析JS（类似：webview和谷歌浏览器） （node不是后台语言，是一个解析js的工具或环境；说它是后台语言的原因：常把 它装在服务器上，在服务器端写一些js代码，通过node执行这些代码，实现一些服务器应该做的事情） **1）**基于命令$ node xxx.js把js代码在node环境中执行 **2）**基于REPL模...
2020-02-24 10:51:32
769
原创 JS简易倒计时
<script> function countDown(time) { var nowTime = +new Date(); //当前时间总的毫秒数 var inputTime = +new Date(time); //输入时间总的毫秒数 var times = (inputTime - nowTi...
2020-02-23 10:09:28
175
原创 vue自定义全局指令
Vue.directive('focus', { bind: function (el) { // 每当指令绑定到元素上的时候，会立即执行这个 bind 函数，只执行一次 // 注意： 在每个 函数中，第一个参数，永远是 el ，表示 被绑定了指令的那个元素，这个 el 参数，是一个原生的JS对象 // 在元素 刚绑定了指令的时候，还没有 插入到 DOM...
2020-02-22 15:19:46
238
原创 node.js基础
组成： ECMAscript和node环境以及一些附加API组成，包括文件、网络、路径等一些强大的API Windows powershell 小技巧： 在所要打开文件的目录文件夹中按住shift键，再点击鼠标右键，会有一个在Windows powershell中打开的选项，点击后即为要选择的目录文件 模块化开发解决js中的两大问题： 文件依赖和命名冲突 一个功能就是一个模块，多个模块可以组成完整...
2020-02-22 13:55:00
118
原创 v-for
循环普通数组： <p v-for="(item, i) in list">索引值：{{i}} --- 每一项：{{item}}</p> 循环对象数组： <p v-for="(user, i) in list">Id：{{ user.id }} --- 名字：{{ user.name }} --- 索引：{{i}}</p> 循环对象： <!-...
2020-02-21 16:34:09
144
原创 事件修饰符
.stop：阻止冒泡 @click.stop .prevent：阻止默认行为 .capture：添加事件监听器时使用事件捕获模式 .self：只当事件在事件本身触发时触发回调 .once：事件只触发一次 ...
2020-02-21 14:08:07
110
原创 v-text、v-bind、v-on
v-text：默认没有闪烁问题；会覆盖原来元素中的内容（插值表达式不会）；不会解析html v-bind：vue中用于绑定属性的指令，可以简写为:。 v-on：vue中用于绑定事件的指令，可以简写为@。 ...
2020-02-21 13:30:02
104
原创 MVC和MVVM的区别
MVC是后端分层开发概念 MVVM是前端视图层的概念 mvc处理过程： MVVM：主要把每个页面分成了M、V、VM。其中VM是M、V之间的调度者，是整个MVVM思想的核心，提供了数据的双向绑定。 mvvm处理过程： ...
2020-02-21 12:45:35
180
原创 vue el挂载点
vue实例的作用范围？ el命中的元素以及其后代元素 是否可以使用其他选择器 可以，但是建议用id 是否可以设置其他的dom元素 可以设置除html和body以外的双标签 ...
2020-02-19 10:39:06
447
原创 箭头函数面试题
<script type="text/javascript"> var age = 100; var obj = { age: 20, say: () => { alert(this.age) } } obj.say(); </script> 结果：100 对象不能产生作用域，this指向的是window ...
2020-02-10 11:12:12
877
原创 let面试题
<script type="text/javascript"> let arr = []; for (let i = 0; i < 2; i++) { arr[i] = function () { console.log(i); } } arr[0](); arr[1](); </script> 结果： 0 1 let变...
2020-02-10 10:32:59
133
原创 ES6中的let关键字
let关键字就是用来声明变量的 使用let关键字声明的变量具有块级作用域 在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的 防止循环变量变成全局变量 使用let关键字声明的变量没有变量提升（必须先声明再赋值） 使用let关键字声明的变量具有暂时性死区特性（使该变量与当前块级作用域绑定，不受外界影响） ...
2020-02-10 10:31:31
394
原创 正则表达式预定义类
\d：匹配0-9之间任意一个数字，相当于[0-9] \D：匹配除0-9之外任意字符，相当于[^0-9] \w：匹配任意字母，数字和下划线，相当于[A-Za-z0-9_] \W：匹配任意除字母，数字和下划线之外任意字符，相当于[^A-Za-z0-9_] \s：匹配空格（换行符，制表符，空格符等），相当于[\t\r\n\v\f] \S：匹配除空格之外任意字符，相当于[^\t\r\n\v\f] ...
2020-02-10 10:09:02
565
原创 jQuery基础
<div></div> <span></span> <script> // 1. DOM 对象： 用原生js获取过来的对象就是DOM对象 var myDiv = document.querySelector('div'); // myDiv 是DOM对象 var mySpa...
2019-12-29 14:06:28
210
原创 mouseenter和mouseover的区别
1.mouseenter：只经过自身触发事件，经过子盒子不触发，不会冒泡 搭配mouseleave，也不会冒泡 2.mouseover：经过自身和子盒子都触发事件
2019-12-27 14:00:12
208
原创 js中的立即执行函数
好处：里面所有的变量都是局部变量 不会有命名冲突的情况 <script> // 1.立即执行函数: 不需要调用，立马能够自己执行的函数 function fn() { console.log(1); } fn(); // 2. 写法 也可以传递参数进来 // 1.(...
2019-12-26 14:01:50
193
原创 target和this的区别
区别 ： e.target 点击了那个元素，就返回那个元素 this 那个元素绑定了这个点击事件，那么就返回谁 <body> <div>123</div> <ul> <li>abc</li> <li>abc</li> <li>a...
2019-12-22 13:55:42
968
原创 js动态生成表格
<!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-...
2019-12-21 16:35:17
127
原创 简易留言板
<!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-...
2019-12-21 15:52:28
669
原创 h5自定义属性
<div getTime="20" data-index="2" data-list-name="andy"></div> <script> var div = document.querySelector('div'); // console.log(div.getTime); console.log(d...
2019-12-21 13:38:05
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人