小蚊

摘要： 性能分析。。。 window.performance.timing中相关属性语义： 1.主要性能分析指标 一般指标： 实际前端更关注的指标（需要在实际中结合自身代码）： console.log('首屏图片加载完成 : ',window.lastImgLoadTime - window.perform 阅读全文

摘要： 最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。 1.Mac+iPhone+ Lightning+Safari 浏览器 步骤： 1）用：Lighting线将mac与iphone相连 2）iphone打开 阅读全文

摘要： 前后端交互中，定义接口字段的时候，一般都会借助一些小工具来定义JSON格式的字符串。我在写这样的一个工具的时候碰到一个关于转义字符的问题。记录一下。 转义字符的定义，我理解就是为了区分一些已经有特定意义的字符，去掉这些“特定意义”而转为普通字符的辅助符号。例如，我们写正则表达式的时候，+号已经被赋予 阅读全文

摘要： html5的video已经出来很久了。在ios上使用基本上没什么毛病，但是安卓下就是一个重灾区了，各种体验差。这几天搞了安卓的兼容，简直是要吐血。所以特意总结了一些强势的坑点。 先看一下常用的一些属性和方法： 再看看坑（本次主要是在微信X5浏览器中的测试，其他安卓浏览器下表现不一定一致）： 1.自动 阅读全文

摘要： 现在，组件化开发还是比较流行的，毕竟其优点相当突出。最近在开发一个组件的时候，遇到了一个很有意思的BUG。。。 BUG的背景 最近在开发一个组件，好不容易开发好了转测试。然后，测试给我提了一个这样的bug，orz... 因为是一个组件，最大的好处就是可以随处复用，随处使用，然而，当一个页面用了多个组 阅读全文

摘要： 毕业季，浪了好久。。。过了这个六月，就正式踏入社会啦。。。总感觉还没准备好。。。。。。。。。。 特大转折。。。记录一下最近的一些知识。。。 按位存储的概念 在数据库存储中，可以使用一种类二进制字符串来保存多个值，当这个二进制值是由0和1组成的时候，就可以按照从右到左，每个位按照2^n计算值相加进而换 阅读全文

摘要： 明天就放假啦~哈哈。四月份好像还没有输出呢，吓得我赶紧写点东西... Ajax是高性能JavaScript的基础。 Ajax，从最基本的层面来说，是一种与服务器通信而无需重载页面的方法。数据可以从服务器获取或发送给服务器。 最常用的三种用于向服务器请求数据的方法： ①XHR。 ②动态脚本注入。 ③m 阅读全文

摘要： 好吧，最近真的是太忙懒了，都没写过博客了。。。最近做了两个活动，两个活动中对于在页面跳转之后返回，都需要保留原页面的一些状态。于是总结一下。 页面状态描述 例如，一个页面中某个模块，有20条数据，折叠了起来，每点击一次加载更多按钮，则加载5条。那么，当用户展开了10条数据的时候，点击了跳转的地方。当 阅读全文

摘要： 用于执行JavaScript和更新用户界面的进程通常被称为“浏览器UI线程”。JavaScript和用户界面更新在同一个进程中运行，因此一次只能处理一件事情。 ·任何JavaScript任务都不应当执行超过100毫秒，过长的运行时间导致UI更新出现明显延迟，从而会影响用户体验。 ·浏览器有两类限制J 阅读全文

摘要： 循环处理是最常见的编程模式之一，也是提升性能必须关注的要点之一。 常见的优化方案有： ①JavaScript的四种循环(for、do-while、while、for-in)中，for-in循环比其他几种明显要慢。由于每次迭代操作会同时搜索实例或原型属性，for-in循环的每次迭代都会产生更多的开销， 阅读全文

摘要： 多读书多看报 数据存储 ·在javascript中，数据存储的位置会对代码整体性能产生重大的影响。 ·数据存储共有4种方式：字面量、变量、数组、对象成员。 ·要理解变量的访问速度，就要理解作用域。由于局部变量处于作用域的起始位置，因此访问速度比访问跨域作用域变量(即除起始位置之外的外层作用域变量)更 阅读全文

摘要： 之前零散地接触过正则，也用过。补一下基础。。。 什么是正则表达式？就是按照某种规则去匹配符合条件的字符串。 正则表达式学习工具：http://regexper.com 实例化RegExp的两种方法 1.字面量 2.构造函数 三种修饰符 g:global全文搜索 i:ignore case忽略大小写 阅读全文

摘要： 开发者对复杂的数据结构的处理能力也是体现开发者水平的一个度量吧。。。最近发现自己对一些嵌套数据结构、层级数据结构的处理能力不大足。。。经常被这些把自己绕晕。。。严重影响开发效率。。。就稍微低总结了一下下。。。 一、mongodb设计层级关系数据(这里主要说的是mongoose) ①假设有这样的一个场 阅读全文

摘要： 最近用vue2.0做了个活动。做完了回头发现，好像并没有太多的技术难点，而自己好像又做了比较久。。。只能说效率有待提升啊。。。简单总结了一些比较细节的点。 1.对于一些已知肯定会有数据的模块，先用一个有高度的元素占位，不然当数据加载好渲染的时候会出现跳动的感觉。可以这样写： 2.注意使用一些全部的A 阅读全文

摘要： 最为一个刚入职不久的小白。。。慢慢磨练吧。。。 JS实现页面返回定位到具体位置 其实浏览器也自带了返回的功能，也就是说，自带了返回定位的功能。正常的跳转，返回确实可以定位，但是有些特殊场景就不适用了。例如，某些元素是在某种情况下才加上的，又或者多级定位。 目前，我知道的返回定位到具体位置有两种方法： 阅读全文