前端开发

摘要： timing （PerformanceTiming） 从输入url到用户可以使用页面的全过程时间统计，会返回一个PerformanceTiming对象，单位均为毫秒 按触发顺序排列所有属性：(更详细标准的解释请参看：W3C Editor's Draft)navigationStart:在同一个浏览器 阅读全文

摘要： 1.Performance方法 Performance提供的方法可以灵活使用，获取到页面加载等标记的耗时情况。 2.Performance属性 Performance.timing属性对象提供了浏览器从打开网页到加载完成之间各个节点的耗时数据，包括重定向开始、DNS查询、浏览器响应数据、DOM解析等 阅读全文

摘要： 数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候 阅读全文

摘要： 前端程序使用extjs写，在本地测试，发送请求到服务器时，发现存在跨域的问题，cookie也没有set成功，于是乎在这里整理一下解决过程 由于篇幅较长，不想看解决过程的可以翻到最后看总结1.跨域允许2.客户端无法携带跨域cookie3.因为加了withCredentials报文头，可是客户端不知道服 阅读全文

摘要： 我们都知道for循环里要跳出整个循环是使用break，但在数组中用forEach循环如要退出整个循环呢？使用break会报错，使用return也不能跳出循环。 使用break将会报错： var arr = [1,2,3,4,5];var num = 3;arr.forEach(function(v) 阅读全文

摘要： 1. 监控原理 1.1 onerror 传统的前端监控原理分为异常捕获和异常上报。一般使用onerror捕获前端错误： 1.2 promise 但是onerror事件无法捕获到网络异常的错误(资源加载失败、图片显示异常等)，例如img标签下图片url 404 网络请求异常的时候，onerror无法捕 阅读全文

摘要： 1. 父组件中获取子组件方法 $children 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <template> <div> <v-header></v-header> <v-content></v-content> <v-footer>< 阅读全文

摘要： <input v-model="something"> v-model指令其实是下面的语法糖包装而成： <input :value="something" @:input="something = $event.target.value"> 在一个组件上使用 v-model 时，会简化为： <cus 阅读全文

摘要： 大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必须更深入一些。在本指南中，我将解释Ngi 阅读全文

摘要： grep (global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具，它能使用正则表达式搜索文本，并把匹配的行打印出来。 Unix的grep家族包括grep、egrep和fgre 阅读全文

摘要： Nginx配置中的location、root、alias location & root 初始配置 目录结构 测试 http://rio.com/file1.html http://rio.com/r/file2.html http://rio.com/r/t/file3.html 更改配置 测试： 阅读全文

摘要： 一、Vue对比其他框架原理 Vue相对于React，Angular更加综合一点。AngularJS则使用了“脏值检测”。 React则采用避免直接操作DOM的虚拟dom树。而Vue则采用的是 Object.defineProperty特性（这在ES5中是无法slim的，这就是为什么vue2.0不支持 阅读全文

摘要： 阅读目录 回顾 Promise async await 字面理解 async、await 如何执行 await 操作符 总结 既然有了promise 为什么还要有async await ？ 当然是promise 也不是完美的异步解决方案，而 async await 的写法看起来更加简单且容易理解。 阅读全文

摘要： 在2014年，W3C公布了service worker的草案，service worker提供了很多新的能力，使得web app拥有与native app相同的离线体验、消息推送体验。 service worker是一段脚本，与web worker一样，也是在后台运行。作为一个独立的线程，运行环境与 阅读全文

摘要： white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本又最让人迷惑的三个属性了，我也是用了n次都经常搞混，必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 测试代码 (文末有本文中所有例子的代码)下面是本文中用于测试三个样式属性展现情况 阅读全文