12 2018 档案
摘要：开发环境: mode:development 安装包的时候使用npm i xx -D 安装完成之后会在package.json中的devDependencies 使用的一些构建工具比如glup、webpack这些只是在开发中使用的包， 上线以后就和他们没关系了，所以将它写入devDependenci
阅读全文
摘要：require 和 import 的区别 require 方法是 CommonJs 推出的，NodeJs 自带了这个功能。而 import 是 ES6 推出的 CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。 CommonJS 模块是运行时加载，ES6 模块是编译时输出接口
阅读全文
摘要：webpack 简介 官网地址： webpack中文网 webpack官网 什么是 webpack webpack 是基于整个项目进行构建的，前端的一个项目自动化构建工具，它是基于 Node.js 开发出来的一个前端工具。可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 打包的好处： 将许多碎小
阅读全文
摘要：例子1：request 请求：接收到客户端的信息 response 响应：发送给客户端的数据 let obj = require('./2'); console.log(obj.a); const fs = require('fs'); let http = require('http');//引入
阅读全文
摘要：前端： HTML、CSS、JS、 Ajax：前后台数据交互的工具 前端框架：React、Vue、Angular 后端： Node.js：他是用C++开发的一种运行于服务器端的语言，可以写网站后台程序，可以做服务端应用开发，他的语法就是JavaScript PHP： Java： GO： Python：
阅读全文
摘要：window.location.hash 既可以设置也可以获取。 获取的 hash 长这样-> /#p=13 。 获取 hash 值 ：hashNum = window.location.hash.split ( " = " ) [ 1 ] * 1 ; 设置 hash 值 ：window.locat
阅读全文
摘要：在 ES6 中，引入了一个新的数据结构类型：Set。而 Set 与 Array 的结构是很类似的，且 Set 和 Array 可以相互进行转换。 Set 对象允许你存储任何类型的唯一值（Set 对象存储的值总是唯一的），无论是原始值或者是对象引用。 ... ES6扩展运算符 Set 对象方法 方法
阅读全文
摘要：fetch和ajax的区别：fetch代码更加简洁，适用于更高版本浏览器。ajax可以监听到请求过程，兼容性好....... fetch 注意：由于Fetch API是基于Promise设计，旧浏览器不支持Promise，需要使用pollyfill es6-promise fetch GET 请求
阅读全文
摘要：window.localStorage： （翻译：窗口的本地存储） 体积5M，据说未来还会增大 生命周期，只要不清都在 在localStorage中只能以字符串的形式进行保存，所以在存入localStorage之前，我们需要将json格式的数据进行转化成string格式。 获取对象： var sto
阅读全文
摘要：cookie 其实是个后端技术 指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常是经过加密的） 服务器本身是没有记录客户端身份的方法的。 以前是字字千金，一个域下只能设置几十个，而现在据说有5M（5兆） 对于前端来说，种cookie就是给document设置了
阅读全文
摘要：跨域问题 现在绝大多数公司的项目都是前后端分离的，前后端分离后势必会遇到跨域问题。如下图 分析一下此时都发生了什么？ 我的地址是：http://localhost:3001/ 需要访问的地址是：http://localhost:8000/api/... 上图，代表我已经发出了请求信息，而且后端也收到
阅读全文
摘要：for...of 作为遍历所有数据结构的统一的方法。但不能直接遍历对象，因为没有 Symbol.iterator （遍历器接口） （所以可用 Object.keys( ) / Object.values( ) 去转一道，转成数组就可以用了。或者给obj [ Symbol.iterator ] = f
阅读全文
摘要：HTMl跳转： a标签跳转 <a href = " http://www.baidu.com " target = " _blank ">点击跳转</a> target = " _self " 当前页面跳转 target = " _blank " 新开页面跳转 window.open( " 地址 "
阅读全文
摘要：Promise 基础认识 用 Promise 主要是换种写法而已 （通过callBack的思想把异步编程变成同步的一种写法） 英文是“承诺”的意思，表示其它手段无法改变。 Promise 的原理？（面试题） 一句话总结promise原理：resolve, reject两个回调函数控制promise内
阅读全文
摘要：自定义事件的好处： 1.在维护代码的时候，可以解决互相干扰（污染）的问题 2.对于复杂的条件，实现一次之后可以重复使用 用 addEventListener 写自定义事件：（延伸：解除事件监听：removeEventListener（事件名）） 1. var event = document.cre
阅读全文
摘要：Status Code 状态码 （在 Network 中找 / xhr.status） xhr.status ⇒ http 状态码 以 2xx 为开头的都表示请求成功响应. 200 请求成功 202 Accepted 服务器已接受请求，但尚未处理（异步） 204 No Content 请求处理成功，
阅读全文
摘要：传统的<from>交互方式： <!-- get --> <form action="/get"> 用户名：<input type="text" name="user"/> 密码：<input type="password" name="password"/> <input type="submit"
阅读全文
摘要：以前的网站：只要用户进行操作，去访问新的数据，都会刷新整个页面。 刷新页面对用户体验不好，增加服务器的压力，增加带宽成本 在请求服务器的时候，页面中有一部分数据没有请求完毕，下面的代码都会被阻塞。 ajax：Asynchronous Javascript And XML（异步的js和XML） 以前更
阅读全文
浙公网安备 33010602011771号