Chrome DevTools 之 Network,网络加载分析利器

Chrome DevTools 之 Network,网络加载分析利器
虽然一直在用Chrome DevTools,但大多停留在常用的功能和调试上,比如Elements/Network/Sources/Console等主要功能,而对于性能分析/优化相关的Timeline/Profiles一直敬而远之,深感其门槛高,于是潜心阅读文档,以望窥得一二,以解决实际问题。 不同版本的Chrome DevTools差别很大,这篇文章基于最新版的Mac Chrome完成,主要介绍Network/Timeline/Profiles三个方面的内容,为后续的加载优化...

完美解决JS文件页面加载时的阻塞问题

完美解决JS文件页面加载时的阻塞问题
概述:JS分拆的方法 1.XHR注入:就是用ajax异步请求同域包含脚本的文件,然后将返回的字符串转化为脚本使用,该方法不会造成页面渲染和onload事件的阻塞,因为是异步处理,推荐使用。 2.iframe注入:加载一个iframe框架,通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞,但是iframe元素开销较大,不推荐。 3.DOM注入:就是创建script元素,通过制定该元素的src并放入DOM树中,根据该语...

mac os 上搭建ionic环境 开发IOS APP

mac os 上搭建ionic环境 开发IOS APP
Last login: Sun Aug 6 09:09:26 on console dgdeiMac:~ dg$ npm -v -bash: npm: command not found dgdeiMac:~ dg$ npm -v -bash: npm: command not found 下载安装 nodes dgdeiMac:~ dg$ npm -v 5.3.0 更改为淘 镜像 dgdeiMac:~ dg$ npm install -g cnpm --registry=https://registry.npm.taobao.org /usr/local/bin/cnpm -> /usr/local/lib/node_modules/cnpm/bin/cnpm + cnpm@5.1.0 added...

使用VirtualBox 的命令调整mac虚拟机的磁盘的大小

使用VirtualBox 的命令调整mac虚拟机的磁盘的大小
下面使用 VirtualBox 的命令行将该虚拟机的磁盘分配从 25GB 调整为 2tb。 注意:必须退出virtualBox 软件,命令才能成功执行! mac os 的特别处理 偶然间发现MacOSX有一个diskutil命令(在终端里面使用)。而diskutil有一个resizeVolume命令。好吧,你已经猜到我是怎么做了的。 其实非常简单: 1.打开终端,输入diskutil list; 2.从显示的列表中找到你需要扩展的分区(...

mac os 下iso文件与dmg文件 的转换

mac os 下iso文件与dmg文件 的转换
Mac OS X下DMG和ISO文件之间的转换 听说Windows平台下ultraiso可以直接将dmg文件转换为iso格式的文件,但是苹果系统中貌似没有好用的软件,在App Store中倒是看到了几款收费应用据称可以做dmg和iso之间的转换,但是看到评论也说貌似效果不太好。 于是又通过无所不能的谷歌大神找到了这篇文章,通过Mac OS X自带的工具就可以做到。 打开Teminal。 如果需要将DMG转换为ISO,那...

MAC 执行Ionic start 时卡住不动怎么办?

MAC  执行Ionic start  时卡住不动怎么办?
原来需要  sudo Last login: Sun Jul 30 11:02:47 on console lywmatomacbook:~ lywdg$ npm -v 5.3.0 lywmatomacbook:~ lywdg$ node -v v8.2.1 lywmatomacbook:~ lywdg$ npm install -g cnpm --registry=https://registry.npm.taobao.org /usr/local/bin/cnpm -> /usr/local/lib/node_modules/cnpm/bin/cnpm + cnpm@5.0.0 added 593 packages in 171.109s lywmatomacbook:~ ly...

macbook 忘记密码后的几种解决方案

macbook 忘记密码后的几种解决方案
种方法都亲身实验过,没有任何副作用! 力求以最简洁的文字来解决问题。 直接进入正题,4种方法: [li]使用Apple ID重置用户账户密码[/li][li]使用OS X安装光盘或者U盘来重置用户账户密码[/li][li]新建一个管理员账户来更改原有用户账户密码[/li][li]Recovery模式终端更改用户账户密码[/li] 一、使用Apple ID重置用户账户密码 使用这个方法有一个前提 如上图红框,...

不定宽高垂直居中分析

不定宽高垂直居中分析
昨天做移动项目是,遇到这样一个案例,如图,图片容器随着视口宽度进行自由拉伸扩张,图片不定宽高,垂直居中: 当时做这个布局的时候,我一直想到用display:table-cell通过vertical-align:middle,来实现居中,可以当我在同一个节点用position:absolute,会导致此居中问题失效。 最后想到的解决方案,案例如下,不定宽高垂直居中: <!DOCTYPE HTML> <html lang="en-US"...

NodeJS遍历文件生成文件列表

NodeJS遍历文件生成文件列表
功能需求:在工作中我们可能经常需要知道项目中静态文件列表发布,一个一个去检索写,那就太苦逼了。 要想知道里面的文件列表是不是很蛋疼,可能我们也会有dos tree去获取。 这里分享一下,通过node,知道文件路径,并配置远程路径,直接copy,发布。 新建filelist.js 里面都有注释,我就不哆嗦了. var fs = require("fs"); //path模块,可以生产相对和绝对路径 var path = requir...

为什么你总是放不下

为什么你总是放不下
1、放下压力 累与不累,取决于自己的心态 心灵的房间,不打扫就会落满灰尘。 所以,扫地除尘, 能够使黯然的心变得亮堂; 把事情理清楚,才能告别烦乱; 把一些无谓的痛苦扔掉, 快乐就有了更多更大的空间。 2、放下烦扰 快乐其实很简单 学会平静地接受现实, 学会对自己说声顺其自然, 学会坦然地面对厄运, 学会积极地看待人生, 学会凡事都往...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: