08 2019 档案
摘要：浏览器获得一个唯一的、临时的uid，通过长连接等待客户端扫描带有此uid的二维码后，从长连接中获取客户端上报给服务器的账号信息进行展示，并在客户端点击确定后，获得服务器授信的令牌，进行随后的信息交互过程。在超时、网络断开、其他设备登录后，此前获得的令牌或丢失、或失效，对授权过程形成有效的安全防护。
阅读全文
摘要：1、Set去重 var arr = [1,2,2,4,3,4,1,3,2,7,5,6,1] var newArr = new Set(arr); // { 0:1, 1:2, 2:4, 3:3, 4:7, 5:5, 6:6 } 2、indexOf function fn( arr ){ let ne
阅读全文
摘要：1、DOM级别和DOM事件级别 DOM级别：DOM0级、DOM1级、DOM2级、DOM3级 DOM事件级别：DOM0级事件处理、DOM2级事件处理、DOM3级事件处理 1) DOM0级事件 <botton type="button" onclick="showFn()"></button> func
阅读全文
摘要：作用域：规定变量在什么地方可以用，在什么地方不能用。 // 全局作用域 function a1(){ // a1 作用域 function a2(){ // a2 作用域 } } 闭包：一个具有封闭的对外不公开的包裹结构或者空间 为什么函数可以构成闭包？ 闭包是一个具有封闭与包裹功能的结构，是为了实
阅读全文
摘要：什么是同源策略？ 限制从一个源加载的文档或者脚本如何与来自另一个源的资源进行交互。 一个源指的是主机名、协议和端口号的组合，必须相同 跨域通信的几种方式： 1、JSONP 2、Hash 3、postMessage 4、WebSocket 5、CORS JSONP原理 基本原理：利用script标签的
阅读全文
摘要：defer是在HTML解析完成之后才会执行，如果是多个，按照加载的顺序依次执行。 async是在加载完成后立即执行，如果是多个，执行顺序和加载顺序无关。
阅读全文
摘要：什么是路由：根据不同的url地址展示不同的内容或页面。 使用场景：更多的应用在单页面上。 两种实现前端路由的方式： 1、HTML5 History两个新增的API： history.pushStute、history.replaceState 两个API都会操作浏览器的历史记录，而不会引起页面的刷新
阅读全文
摘要：1、减少HTTP请求 1) HTML优化： 使用语义化标签 减少iframe 避免重定向 2) CSS优化： 布局代码写前面 删除空样式 不滥用浮动、字体，需要加载的网络字体根据需求添加 选择器性能优化 避免使用表达式 避免用id写样式 压缩代码 3) JS优化 压缩代码 减少重复代码 4) 图片优
阅读全文
摘要：1、创建了一个新对象 2、将新创建的空对象的隐式原型指向其构造函数的显示原型 3、将this指向这个新对象 4、如果无返回值或者返回一个非对象值，则将新对象返回； 如果返回值是一个新对象的话，那么直接返回该对象。
阅读全文
摘要：1、借用构造函数实现继承 function P1(){ this.name = "P1"; } function C1(){ P1.call(this); this.type = "C1"; } 缺点：C1无法继承P1的原型对象，只是部分继承 2、借用原型链实现继承 function P2(){ t
阅读全文
摘要：设置CSS盒模型为标准模型或者IE模型。 标准模型：宽高只包括content IE模型：包括border和padding box-sizing： 1、content-box：默认值，border、padding不计算入width之内 2、padding-box：padding计算入width之内 3
阅读全文
摘要：前端安全问题主要有XSS、CSRF攻击。 XSS：跨站脚本攻击。它允许用户将恶意代码植入到提供给其他用户使用的页面中，即脚本注入。 XSS的防御措施： 1、过滤转义输入输出 2、避免使用eval、new Function等执行字符串的操作 3、使用cookie的heepOnly属性 4、使用inne
阅读全文
摘要：一、网页三要素是什么？ HTML内容 + CSS外观 + JS行为 二、JS是什么？ JS是一门解释型语言，主要特点有：弱类型，动态，基于原型的面向对象 三、JS的数据类型有哪些？ string、number、boolean、array、object、null 四、怎么判断一个数组？ 0) type
阅读全文
摘要：一、HTML5新特性 1、语义化标签 - 为页面提供更好的界面结构 header - 头部 footer - 尾部 nav - 导航 section - 段落 article - 独立内容 aside - 侧边栏 command - 命令按钮 details - 标题 dialog - 对话框 2、
阅读全文
摘要：使用的textarea来获取用户输入的内容，直接获取textarea的内容，断点会发现如果用户输入了回车会带有↵这个符号， 如果你直接保存到数据库，在拿出来，这个符号会变成?,就是不识别。我做的方法是往后台提交的时候，将↵符号替换 成自己设置的符号，拿出来的时候再将他替换成\n。 将↵回车符替换为标
阅读全文
摘要：一、URL的概念 统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上标准的资源的地址（Address）。 二、URL的格式 2.1 标准格式 协议类型:[
阅读全文
摘要：组件化就是做一个网站，把导航栏拆成一个组件，一个一个回答区域拆成一个组件，编辑区是一个组件，页脚是一个组件，等等。。你可以尽情拆分。一个组件包含了html、css、js代码，可以简单理解为页面的一块。组件化更多关注的UI部分，页面的每个部件，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每
阅读全文
摘要：vue是采用数据劫持，并且使用发布-订阅者的开发模式。原理是观察者observer通过Object.defineProperty()来劫持到各个属性的getter setter，在数据变动的时候，会被observer观察到，会通过Dep通知数据的订阅者watcher，之后进行相应的视图上面的变化。
阅读全文
摘要：https://view.officeapps.live.com/op/view.aspx?src=需要打开的地址 https://view.officeapps.live.com/op/view.aspx?src=http://static.cloudscareer.cn/lgeI1Szyeqb4
阅读全文
摘要：找到 vue-syntax-highlight 安装重启即可
阅读全文
摘要：//返回的是字符串形式的参数，例如：class_id=3&id=2& function getUrlArgStr(){ var q = location.search.substr(1); var qs = q.split('&'); var argStr = '' if(qs){ for(var
阅读全文
摘要：一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M
阅读全文
摘要：<script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.cal
阅读全文
摘要：页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeig
阅读全文
摘要：var $body = $('body'); document.title = '这里是要修改成的新标题'; var $iframe = $('<iframe src="/favicon.ico"></iframe>'); $iframe.on('load',function() { setTime
阅读全文
摘要：// 滑动方向检测var startx, starty;//获得角度function getAngle(angx, angy) { return Math.atan2(angy, angx) * 180 / Math.PI;};//根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动fun
阅读全文
摘要：1、通过router-link进行跳转，传递方式： 使用query传递参数，路由必须使用path引入， 使用params传递参数，路由必须使用name引入 <router-link :to="{path: '/home', query: {key: 'hello', value: 'world'}}
阅读全文
摘要：vuex是什么？ vue框架中状态管理。 哪种功能场景使用它？ 场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车 vuex的store有几个属性值？ state、mutations、actions、getters四个属性值 stateVuex 使用单一状态树,即每个应用将仅仅包含一
阅读全文
摘要：主要有四个阶段：创建前/后，DOM渲染前/后，更新前/后，销毁前/后。 对于各个周期的理解： 创建前/后： beforeCreated：此时的vue实例还没有挂载元素$el，数据对象data也是undefiend； (没有$el, 没有data)created：vue实例的数据对象data有了，但是
阅读全文
摘要：兼容：不考虑IE以及低端安卓机(4.3-) 容器属性： flex-flow、flex-direction、flex-warp justify-content、align-items、align-content 元素属性： order、flex-grow、flex-shrink flex-basis、
阅读全文
浙公网安备 33010602011771号