- 博客(52)
- 收藏
- 关注
RSS订阅原创 http常见的状态码
2XX 成功200 OK，表示从客户端发来的请求在服务器端被正确处理204 No content，表示请求成功，但响应报文不含实体的主体部分206 Partial Content，进行范围请求3XX 重定向301 moved permanently，永久性重定向，表示资源已被分配了新的 URL302 found，临时性重定向，表示资源临时被分配了新的 URL...
2020-04-04 10:20:10
179
原创 前端面试题
cookies，sessionStorage，localStorage：cookies：它是网站用来标记用户身份的一段数据，通常情况下时一段加密的字符串，并且默认情况下指回在同源（同域名，同端口，同协议）的http请求中携带sessionStorage：它是浏览器本地存储的一种方式，以键值对的形式进行存储，并且存储的数据会在浏览器关闭之后自动删除localStorage：它也是浏览器本地存储...
2020-04-03 14:01:00
195
原创 前端笔试小记
垃圾回收机制由于字符串、对象和数组没有固定的大小，所以当他们的大小已知时，才能对衙门进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript解释器就会消耗完系统中所有可用内存，造成系统崩溃。现在各大浏览器的垃圾回收有两种办法：标记清除、引用计数标记...
2020-03-31 16:27:27
171
原创 vuex
vuex：实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享优点：1.能够在vuex中集中管理共享数据，易于开发和维护2.能够高效地实现组件之间的数据共享，提高开发效率3.存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步一般情况下，只有组件之间共享的数据存储在vuex中。State：提供唯一的公共数据源，所有共享的数据都要同意放到Store的s...
2020-03-30 15:00:54
153
原创 CSS选择器优先级
选择器权重继承 或 *0，0，0，0元素选择器，伪元素选择器0，0，0，1类选择器，伪类选择器，属性选择器0，0，1，0id选择器0，1，0，0行内样式1，0，0，0!important无穷大...
2020-03-12 15:33:38
88
原创 js数组和字符串的一些方法
判断是否为数组1.arr instanceof Array2.Array.isArray(arr)添加删除数组元素：push()：在数组的末尾添加一个或多个元素，修改原数组，返回新长度unshift()：在数组的开头添加一个或多个元素，修改原数组，返回新长度pop()：删除数组的最后一个元素，把数组长度-1，修改原数组，返回删除的值shift()：删除数组的第一个元素，把数组长度-1...
2020-03-12 10:53:36
156
原创 ES6新增
一. 关键字let声明变量关键字let声明的变量只在所处的块级作用域有效 {} 防止循环变量变成全局变量不存在变量提升 只能先声明再使用暂时性死区 let声明的变量会和当前的块级作用域绑定，不会受外界的影响每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的，函数执行时输出的是自己上一级作用域（循环时产生的块级作用域）下的i值const声明常量具有块级...
2020-03-11 14:27:20
189
原创 JavaScript高级
一. 面向对象两大编程思想面向过程POP： 分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个依次调用优点：性能高，适合跟硬件联系很密切的东西，例如单片机面向对象OOP： 把事务分解成一个个对象，然后由对象之间分工与合作。每一个对象都是功能中心，具有明确分工。优点：灵活、代码可重复使用、容易维护和开发特性：封装性、继承性、多态性二. ES6中的类和...
2020-03-11 14:17:27
105
原创 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
164
原创 JavaScript中的BOM
BOMBrowser Object Model，浏览器对象模型，它提供了独立内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关对象构成，并且每个对象都提供了很多方法和属性BOM缺乏标准，JavaScript语法标准化组织是ECMA。DOM的标准化组织是W3C，BOM最初是网景公司浏览器标准的一部分，所以兼容性较差BOM的顶级对象是windowwindow对象是浏...
2020-03-09 20:46:21
138
原创 PC端网页特效
元素偏移量offset动态得到相关元素的位置、大小1.获得元素距离带有定位的父元素的位置2.获得元素自身的大小返回的数值都不带单位offsetTop 可以得到元素的偏移 位置 返回的不带单位的数值offsetLeftoffsetWidth 可以得到元素的大小 宽度和高度 是包含padding + border + widthoffsetHeightoffsetParent 返回...
2020-03-09 20:39:12
118
原创 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
363
原创 express数据处理和中间件
let express = require('express');let fs = require('fs');//中间件：在创建完服务和处理数据（文件）请求之前，提前做一些事情（每个请求都要做的）//在所有的请求之前把客户端基于请求主体传递的信息获取到，存放在req.body属性中，这样以后到具体接口处理方法中，想要获取信息直接通过req.body获取即可//app.use((req,r...
2020-02-25 13:30:26
485
原创 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
405
原创 url内置模块和http内置模块
urllet 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
326
原创 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
183
原创 CommonJS模块管理机制
js四大模块化编程思想的方式AMD：require.jsCMD:sea.jsCommondJS:node.jsES6 Moudle模块化思想规定了在js中我们的模块该如何创建、导入和导出模块分类：内置模块：node中自带的http/https：创建和管理服务的模块fs：给予js进行i/o操作的模块url：解析url地址的模块path：管理路径的模块。。。第三方模块：基于n...
2020-02-24 14:35:33
275
原创 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
137
原创 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
716
原创 JS简易倒计时
<script> function countDown(time) { var nowTime = +new Date(); //当前时间总的毫秒数 var inputTime = +new Date(time); //输入时间总的毫秒数 var times = (inputTime - nowTi...
2020-02-23 10:09:28
147
原创 vue自定义全局指令
Vue.directive('focus', { bind: function (el) { // 每当指令绑定到元素上的时候，会立即执行这个 bind 函数，只执行一次 // 注意： 在每个 函数中，第一个参数，永远是 el ，表示 被绑定了指令的那个元素，这个 el 参数，是一个原生的JS对象 // 在元素 刚绑定了指令的时候，还没有 插入到 DOM...
2020-02-22 15:19:46
209
原创 node.js基础
组成：ECMAscript和node环境以及一些附加API组成，包括文件、网络、路径等一些强大的APIWindows powershell 小技巧：在所要打开文件的目录文件夹中按住shift键，再点击鼠标右键，会有一个在Windows powershell中打开的选项，点击后即为要选择的目录文件模块化开发解决js中的两大问题：文件依赖和命名冲突一个功能就是一个模块，多个模块可以组成完整...
2020-02-22 13:55:00
87
原创 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
115
原创 事件修饰符
.stop：阻止冒泡 @click.stop.prevent：阻止默认行为.capture：添加事件监听器时使用事件捕获模式.self：只当事件在事件本身触发时触发回调.once：事件只触发一次...
2020-02-21 14:08:07
92
原创 v-text、v-bind、v-on
v-text：默认没有闪烁问题；会覆盖原来元素中的内容（插值表达式不会）；不会解析htmlv-bind：vue中用于绑定属性的指令，可以简写为:。v-on：vue中用于绑定事件的指令，可以简写为@。...
2020-02-21 13:30:02
84
原创 MVC和MVVM的区别
MVC是后端分层开发概念MVVM是前端视图层的概念mvc处理过程：MVVM：主要把每个页面分成了M、V、VM。其中VM是M、V之间的调度者，是整个MVVM思想的核心，提供了数据的双向绑定。mvvm处理过程：...
2020-02-21 12:45:35
150
原创 vue el挂载点
vue实例的作用范围？el命中的元素以及其后代元素是否可以使用其他选择器可以，但是建议用id是否可以设置其他的dom元素可以设置除html和body以外的双标签...
2020-02-19 10:39:06
413
原创 箭头函数面试题
<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
836
原创 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>结果：01let变...
2020-02-10 10:32:59
112
原创 ES6中的let关键字
let关键字就是用来声明变量的 使用let关键字声明的变量具有块级作用域 在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的 防止循环变量变成全局变量 使用let关键字声明的变量没有变量提升（必须先声明再赋值） 使用let关键字声明的变量具有暂时性死区特性（使该变量与当前块级作用域绑定，不受外界影响）...
2020-02-10 10:31:31
333
原创 正则表达式预定义类
\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
501
原创 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
182
原创 mouseenter和mouseover的区别
1.mouseenter：只经过自身触发事件，经过子盒子不触发，不会冒泡搭配mouseleave，也不会冒泡2.mouseover：经过自身和子盒子都触发事件
2019-12-27 14:00:12
170
原创 js中的立即执行函数
好处：里面所有的变量都是局部变量 不会有命名冲突的情况<script> // 1.立即执行函数: 不需要调用，立马能够自己执行的函数 function fn() { console.log(1); } fn(); // 2. 写法 也可以传递参数进来 // 1.(...
2019-12-26 14:01:50
154
原创 target和this的区别
区别 ： e.target 点击了那个元素，就返回那个元素 this 那个元素绑定了这个点击事件，那么就返回谁<body> <div>123</div> <ul> <li>abc</li> <li>abc</li> <li>a...
2019-12-22 13:55:42
917
原创 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
107
原创 简易留言板
<!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
616
原创 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
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人