03 2019 档案
摘要：1、对vue的理解，有什么特点，vue为什么不能兼容IE8及以下浏览器 vue是一套用于构建用户界面的渐进式框架，核心是一个响应的数据绑定系统 vue是一款MVVM框架，基于双向绑定数据，当数据发生变化时候，vue自身会进行一些运算 特点：简洁轻量、数据驱动、组件化、模块友好 vue.js使用了IE
阅读全文
摘要：1、使用js实现一个可持续的动画 2、实现一个可以自由拖动的悬浮框 3、实现一个倒计时效果 4、使用js仿写一个原生下拉列表框 5、创建10个<a>标签，点击的时候弹出对应的序号 6、实现一个deepclone 7、写一个能遍历对象和数组的通用forEach函数 8、通过new创建一个对象的时候，函
阅读全文
摘要：1、为什么使用jquery，他有哪些好处？ 1）轻量级、代码简洁 2）强大的选择器，出色的DOM操作封装 3）有可靠的事件处理机制 4）浏览器兼容性好 5）支持链式操作 6）支持丰富的插件 2、jquery有哪些选择器 基本选择器：id、标签、class选择器 层级选择器：$("form input
阅读全文
摘要：1、JS的基本数据类型和引用数据类型有哪些，两者区别 基本数据类型->string、number、Boolean、null、undefined、symbol 引用数据类型->array、object、function 基本数据类型是保存在栈内存中，操作的是值，改变源数据不会影响新的变量 引用数据类型
阅读全文
摘要：cookie用来保存客户浏览器请求服务器页面的请求信息 HTML5的WebStorage提供了两种API：localStorage（本地存储）和sessionStorage（会话存储） WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据
阅读全文
摘要：关于Cookie Cookie是一种能够让网站Web服务器把少量数据储存到客户端的硬盘或内存里，或是从客户端的硬盘里读取数据的一种技术。 用来保存客户浏览器请求服务器页面的请求信息，可以在HTTP返回体里，通过设置Set-Cookie来告诉浏览器端所要存储的cookie cookie所有浏览器都识别
阅读全文
摘要：理解跨域 不同源地址之间的请求称之为跨域请求（跨源） 所谓同源就是同域名、同协议、同端口，只有同源的地址才可以相互通过ajax方式请求 控制台出现 Access-Control-Allow-Origin，就说明已经跨域了 是什么导致了跨域的产生，就会说到浏览器的一种安全机制 —— 同源策略 同源策略
阅读全文
摘要：邮箱验证 ^[A-Za-z]\w{3,17}@[1-9A-Za-z]{2,8}\.(com|cn|net)$ 手机号码验证 /^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/ 身份证号码验证 //第一代身份证
阅读全文
摘要：Promise是es6中新增加的类（new Promise），目的为了管理JS中异步编程，也叫“Promise”设计模式 Promise用来解决异步问题。本身是同步的，只是用来管理异步编程的一种模式 所谓Promise，简单说就是一个容器（壳子），里面保存着某个未来才会结束的事件（通常是一个异步操作
阅读全文
摘要：glob glob允许使用规则，从而获取对应规则匹配的文件 node的glob模块允许你使用 * 等符号，来写一个glob规则，像在shell里一样，获取匹配对应规则文件 安装 引用 glob的三个参数： 1、需要进行匹配的文件的路径（有点类似于正则表达式) 2、option可选项，也可以不填写 3
阅读全文
摘要：vue中过滤器，用于一些常见的文本格式化，用 | 来操作。 过滤器可以用在两个地方： 1、在{{}}双花括号中插入值 2、v-bind表达式中使用 栗子： 将这里的价格保留两位小数 引入 moneyFilter.js文件 通过filters属性 在需要格式化的地方使用
阅读全文
摘要：1、es5和es6的区别，说一下你所知道的es6 ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化 ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015 ES6是继ES5之后的一次改进，相对于ES5更加简
阅读全文
摘要：Request 对象 request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性 常见属性 Response 对象 response 对象表示 HTTP 响应 即在接收到请求时向客户端发送的 HTTP 响应数据 常用属性：
阅读全文
摘要：Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具 mongoose是针对mongoDB操作的一个对象模型库，封装了mongoDB对文档的、增删改查等方法 使用Koa连接mongoose数据库： 1、安装 2、引包 3、通过connect进行数据库连接 4、使用c
阅读全文
摘要：mongodb是一个基于分布式文件存储的文档型数据库 MongoDB 是一个介于关系数据库和非关系数据库之间的产品 MongoDB 最大的特点是他支持的查询语言非常强大，而且还支持对数据建立索引 官方网址：https://www.mongodb.com/ 常用的关系型数据库有Sql Server、m
阅读全文
摘要：jquery ajax jq 的ajax是对原生XHR的封装，除此以外还增添了对JSONP的支持。用起来非常方便 用法： 优缺点： 本身是针对MVC的编程,不符合现在前端MVVM的浪潮 基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案 JQuery整个项目太大，单纯使用aj
阅读全文
摘要：URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法 他可以把对象转变成url上面查询信息的写法，例如a=1&b=2 可以把请求路由中的字符串 key=1 ，拼接成key：1 键值对格式，这样方便后端直接使用 用法： 配合fetch使用 配合axios使用
阅读全文
摘要：Koa -- 基于 Node.js 平台的下一代 web 开发框架 首先创建一个项目文件夹进行初始化 npm init -y 该命令执行后会生成一个package.json项目描述文件 安装koa npm install koa --save 该命令执行后会生成node_modules文件夹（用来存
阅读全文
摘要：1、什么是Ajax和JSON，它们的优缺点 Ajax是全称是asynchronous JavaScript andXML，即异步JavaScript和xml，用于在Web页面中实现异步数据交互，实现页面局部刷新 优点：可以实现异步通信效果，页面局部刷新，带来更好的用户体验 JSON是一种轻量级的数据
阅读全文
摘要：1、用npm i 安装的模块无法用npm uninstall卸载，需要用npm uninstall i命令 2、npm i 会帮助检测与当前node版本最匹配的npm包 版本号，并匹配出来相互依赖的npm包应该提升的版本号 3、部分npm包在当前node版本下无法使用，必须使用建议版本 4、安装报错
阅读全文
摘要：http.createServer((req,res)=>{ //设置允许跨域的域名，*代表允许任意域名跨域 res.setHeader("Access-Control-Allow-Origin","*"); //跨域允许的header类型 res.setHeader("Access-Control-Allow-Headers","Content-type,Con...
阅读全文
摘要：$(document).ready(function(){ var stopScrolling = function(event) { event.preventDefault(); } document.addEventListener('touchstart', stopScrolling, false); document.addE...
阅读全文
摘要：1、简述一下你对HTML语义化的理解 1）用正确的标签做正确的事情 2）html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析 3）即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的 4）搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO 5
阅读全文
摘要：简单的说页面是由若干个盒模型（BOX）堆砌起来的，可以说每个HTML元素就是一个盒模型 盒模型由外到内包括边距(margin)、边框（border）、填充(padding)、内容(content) 在页面中所占的实际宽度是margin + border + paddint + content 的宽度
阅读全文
摘要：Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎（V8引擎执行Javascript的速度非常快，性能非常好） 可以说node是运行在服务器端V8引擎上的JavaScript 在JavaScript中,通常window是全局对象，而node.js中的全局对象
阅读全文
摘要：http : 是一种超文本传输协议 传输指的是在客户端和服务器之间进行传输数据 http不仅仅可以传输文本，还可以传输图片、音频、视频等内容 https : 是一种更加安全的传输协议 在普通的传输协议进行了加密处理 像银行、支付宝、网银一般都采用更加安全https协议 http 的三次握手 1. 第
阅读全文
摘要：ajax（Asynchronous Javascript And XML） 异步的js和XML 以前更多的是使用XML的数据格式，现在数据格式更多的是json ajax的优势：单页面应用（SPA） 1、无刷新更新数据（局部刷新） Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信 Aj
阅读全文
摘要：forEach forEach专门用来循环数组，可以直接取到元素，同时也可以取到index值 forEach forEach专门用来循环数组，可以直接取到元素，同时也可以取到index值 forEach专门用来循环数组，可以直接取到元素，同时也可以取到index值 存在局限性，不能continue跳
阅读全文
摘要：1、push() 向数组的末尾添加新内容 1、push() 向数组的末尾添加新内容 参数：要添加的项。传递多个用逗号隔开，任何数据类型都可以 返回值：新增后数组的长度 是否改变原数组：改变 let ary1 = [12,34,26]; ary1.push(100); //返回一个新的长度 lengt
阅读全文
摘要：ES6 提供了新的数据结构 Set 它类似于数组，但是成员的值都是唯一的，没有重复的值 (set本身是一个构造函数，用来生成 Set 数据结构) 使用Set实现数组去重要简单很多。 第一种数组去重方法（使用Array.from）： let arr = [12,43,23,43,68,12]; let
阅读全文
摘要：px px就是pixel像素的缩写，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 em em是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size） 如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸 特点： 1. em的值并不是固
阅读全文
摘要：移动端UI框架 Mint UI（饿了么团队） 中文官网：http://mint-ui.github.io/#!/en 饿了么前端团队推出的基于Vue.js的移动端组件库 GitHub地址：https://github.com/ElemeFE/mint-ui/ We UI（微信官方设计团队） 中文官网
阅读全文
摘要：vee-validate是VUE的基于模板的验证框架，允许您验证输入并显示错误 安装 引入 引入组件 在模板中使用
阅读全文
摘要：开启严格模式，仅需在创建 store 的时候传入strict: true 严格模式下，不是有mutation函数引起的状态变化都会抛出错误 注意：发布环境下不要开启严格模式 严格模式会深度监测状态树来检测不合规的状态变化，造成不必要的性能损失
阅读全文
摘要：模块化指的就是将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来。 在 ES6 之前，JS没有模块化系统，社区制定了一些模块加载方案 最主要的有 CommonJS（Asynchronous module definition） 和 AMD（common module definit
阅读全文
摘要：es6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，被称之为解构（Destructuring） 之前变量赋值 es6可以这么写 默认值 解构赋值允许指定默认值 只有当一个数组成员严格等于（ ）undefined，默认值才会生效 如果一个数组成员是null，默认值就不会生效（因为null不严
阅读全文
摘要：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或在修改一个对象的现有属性，并返回这个对象（即第一个参数obj） 语法： Object.defineProperty(obj , prop , descriptor) vue.js就是通过Object.define
阅读全文
摘要：根据浏览器窗口position:fixed; 定位在底部的元素，会随着屏幕的滚动而滚动，在iOS系统上不起作用。
阅读全文
摘要：Git： 1. 分布式版本控制2. 不需要网络，本地就可以操作版本控制3. 可以是公用的，可以分享4. 不依赖于中央服务器，即使服务器有问题也不会有影响5. 传输方式不一样，git要比svn快很多6. 可以与github连接，功能更强大 Svn： 1. 集中式版本控制2. 需要联网，一旦断网将不能进
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 Vuex — 状态管理器，可以管理你的数据状态（类似于 React的 Redux） 一个 Vuex 应用的核心是 store（仓库，一个容器），store包含着应用中大部分的状态 (state) Vuex可以解决不同组件之间通信的问题。
阅读全文
摘要：Vue路由中的导航钩子，可以用来拦截导航，让它完成跳转。 全局导航钩子 当一个导航触发时，全局的 before 钩子按照创建顺序调用。钩子是异步解析执行，此时导航在所有钩子 resolve 完之前一直处于 等待中 每个钩子方法接收三个参数： to: Route: 即将要进入的目标 路由对象 from
阅读全文
摘要：$route -> 使用它的属性 $router-> 使用它的方法 编程式的导航，即js控制跳转 另一种跳转 $router.push 放入跳转的路由/路径 想要导航到不同URL，则使用 router.push 方法 push可以是字符串可以是对象也可以带查询参数 $router.go 在 hist
阅读全文
摘要：官网上解释：一个路由对象表示当前激活的路由的状态信息 路由对象，在组件内即this.$route,存着一些与路由相关的信息，当路由切换时，路由对象会被更新 $route.name 当前路由的名称，如果没有使用具名路径，则名字为空 $route.path 字符串，等于当前路由对象的路径，会被解析为绝对
阅读全文
摘要：发布订阅模式，基于一个主题/事件通道，希望接收通知的对象（subscriber）通过自定义事件订阅主题，被激活事件对象（publisher）通过发布主题事件的方式被通知。 js中的事件监听机制就是一种观察者模式
阅读全文
摘要：尽可能的减少 HTTP 的请求数 [content] 合并背景图、缓存等 使用 CDN（Content Delivery Network） [server] 也是缓存，加速，要考虑CDN失效、CDN缓存攻击等 添加 Expires 头(或者 Cache-control ) [server] Gzip
阅读全文
摘要：gulp是为了规范前端开发流程，实现前后端分离、模块化开发、版本控制、文件合并、压缩、Mock数据等功能的一个前端自动化构建工具。 强调的是前端开发的工作流程，我们可以通过配置一系列的task（Gulp中的gulp.task()方法配置），定义task处理的事务（例如文件压缩合并、雪碧图、启动ser
阅读全文
摘要：在npm生成的package.json文件中，有devDependencies和dependencies两个环境 devDependencies 用于开发环境（本地） dependencies 用于生产环境（发布） devDependencies下列出的模块，是我们开发时用的依赖项，像一些进行单元测
阅读全文
摘要：2018版增加了不少功能，也对优化PS软件进行了不少的优化，界面更加简洁美观 这里以64位为主。 1、首先下载好PhotoshopCC安装包和破解包，分别解压 2、解压完毕后，在安装包里面双击Setup。这时会弹出一个窗口，需要登录或获取Adobe ID （之前注册过ID的可以直接选择登录，没有账号
阅读全文
摘要：query和params两者都是在Vue路由中传参。 用法： query用path来引入，params只能用name来传递，不能使用path 展示效果：query更像ajax中get请求（会在地址栏显示参数），而params更像post方式传递（不会在地址栏显示参数） query方式传参和接收参数
阅读全文
摘要：BFC：块格式化上下文(Block Formatting Context) 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 BFC 是一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的
阅读全文
