webp

我们搞Android开发这一行，很多时候都在追求新技术，但是实际上，要想在Android领域有长远的发展，还有很多东西要去了解，虽然不是最前沿的，但却是最基础的最需要的。 今天要和大家分享的就是作为Android开发必须掌握的Android冷启动优化。 原文地址： https://www.jianshu.com/p/0d2a093a6d48 前言 事件发生在发包上线的前两天，在某某云进行移动测试时，提示冷启动速度低于平均值的问题，之前自己也曾尝试过优化，但是发现效果并不是很明显，作为一个有追求的开发者，趁着有点空闲时间，要好好研究一下冷启动优化问题。 App的启动流程 我们可以了解一下官方文档 《App startup time》 对App启动的描述。应用启动分为冷启动、热启动、温启动。而冷启动是应用程序从零开始，里面涉及到更复杂的知识。我们这次主要是对应用的冷启动进行分析和优化。 应用在冷启动的时候，需要执行下面三个任务: 加载和启动应用程序； App启动之后立即展示出一个空白的启动窗口； 创建App程序的进程； 在这三个任务执行后，系统创建了应用进程，那么应用进程会执行下一步： 创建App对象； 启动Main Thread； 创建启动页的Activity； 加载View； 布置屏幕； 进行初始绘制； 当应用进程完成初始绘制之后

gzip压缩 gzip压缩效率很高，可以达到70%的压缩率 //npm i -D compression-webpack-plugin 安装插件依赖 configureWebpack: config => { const CompressionPlugin = require ( 'compression-webpack-plugin' ) config.plugins.push( new CompressionPlugin()) } 去掉console.log 生产环境中，不需要打印日志。通过对webpack进行配置，打包时自动去掉console.log //npm i -D terser-webpack-plugin configureWebpack: config => { const TerserPlugin = require ( 'terser-webpack-pulugin' ) config.optimzation.minimizer.push( new TerserPlugin({ extractComments : false , terserOptions :{ compress :{ drop_console : true }} //插件配置项 移除console }) ) } 去除SourceMap 代码压缩后进行调bug定位将非常困难

文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 　　如果不进行文件合并，有如下3个隐患 　　1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 　　2、受丢包问题影响更严重 　　3、经过代理服务器时可能会被断开 　　但是，文件合并本身也有自己的问题 　　1、首屏渲染问题 　　2、缓存失效问题 　　所以，对于文件合并，有如下改进建议 　　1、公共库合并 　　2、不同页面单独合并 【图片处理】 　　1、雪碧图 　　CSS雪碧图是以前非常流行的技术，把网站上的一些图片整合到一张单独的图片中，可以减少网站的HTTP请求数量，但是当整合图片比较大时，一次加载比较慢。随着字体图片、SVG图片的流行，该技术渐渐退出了历史舞台 　　2、Base64 　　将图片的内容以Base64格式内嵌到HTML中，可以减少HTTP请求数量。但是，由于Base64编码用8位字符表示信息中的6个位，所以编码后大小大约比原始值扩大了 33% 　　3、使用字体图标来代替图片 【减少重定向】 　　尽量避免使用重定向，当页面发生了重定向，就会延迟整个HTML文档的传输。在HTML文档到达之前，页面中不会呈现任何东西，也没有任何组件会被下载，降低了用户体验 　　如果一定要使用重定向

前言 最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 性能分类 对前端工程性能的优化，我觉得可以分为两类： 站在用户视角的主观的可感知的性能。 站在开发者视角的可客观度量的性能。 感知性能 对于用户来说，用户的感知性能才是最重要的，简单讲，就是让用户感觉你的网站访问很快，并且感知性能没有衡量标准。 不过，凡事总有例外，如果一个页面的加载时间就会很长，我们也可以通过一些方式让用户觉得没有那么慢。 总之一句话，你的页面可以做的不快，但是你可以让你的用户觉得你很快。 客观性能 对于开发者来说，性能指标是可以客观度量的，我们可以通过一些手段来优化 Web 性能，使这些度量指标达到开发者设定的标准。 客观性能是指，从用户输入url开始，到下载、解析和执行所有资源以及最终绘制的整个过程的时间度量。 性能指标是个很复杂的标准，后续我会单独整理出一篇文章介绍性能指标。 构建优化 由于我司使用的是 @vue/cli ，所以许多webpack配置脚手架已经帮你完成了，我就不叙述了，这里只讲基于 @vue/cli 做的一些优化配置 gzip 压缩 gzip 压缩效率非常高，通常可以达到 70% 的压缩率，也就是说，如果你的网页有

前言 本人二本大学科班出身，首次面试美团一面凉了。先分享一下美团的凉经，希望大家做好避坑准备： 一面： 1.http和https的区别，非对称加密和对称加密的原理，还有http2和http1的区别（多路复用、数据通过字节流传输） 2.tcp和udp的区别，TCP如何实现数据的可靠性传输（滑动窗口和拥塞控制） 3.说明一下tcp的三次握手和三次挥手，为什们一定要这样子 5.循环对象的方法有哪几种以及它们的区别（Object.keys() 、for of 、for in） 4.如何实现对象的深拷贝，考虑对象嵌套问题代码实现对象深拷贝（手撕失败，） 5.检测数据类型的方法有哪几种（typeOf 、instanceof、constructor、Object.prototype.toString.apply()） 6.说明一下防抖和节流，代码实现他们 7.了解过css动画吗？说一下transition和animation的区别以及transition的触发条件 8.html文件中script标签引入标签的defer属性和async属性以及它们与在head标签内引入的区别 9.给你一个数组根据时间按顺序每秒钟输出一个元素以及其下标 10.对css3的剪切属性有了解吗 11.html页面中为何会出现浮动以及如何清楚浮动（该开始理解成了float浮动，后面知道是BFC） 12.如何实现垂直居中

开发者社区技术周刊 又和大家见面了，快来看看这周有哪些值得我们开发者关注的重要新闻吧。 Google研究院推出处理文本图像新框架TReCS OpenAI将k8s扩展至7500个节点以支持机器学习 Apache ECharts 5正式发布 WebRTC成为W3C与IETF正式标准 国内首个自主可控区块链技术体系“长安链”发布 京东开源PyTorch人脸识别工具包FaceX-Zoo AAAI 2021丨Graph Diffusion Network提升交通流量预测精度 AAAI 2021丨利用标签之间的混淆关系，提升文本分类效果 行 业 要 闻 1.Google研究院推出处理文本图像新框架TReCS 为创建一种能够在任何语言之间进行翻译的通用神经机器翻译系统，Google 研究人员研发了一种新框架，即 TReCS（Tag-Retrieve-Compose Synthesize system） 。通过改进图像元素的唤起方式以及迹线如何通知其位置，从而显着增强图像生成过程。该系统接受了超过250亿个示例的培训，具有处理103种语言的潜力。其功能使鼠标轨迹与文本描述对齐，并为提供的短语创建可视标签。该框架利用可控的鼠标轨迹作为细粒度的视觉基础，根据用户的叙述生成高质量图像。标记器被用来预测短语中每个单词的对象标签。 2.OpenAI将k8s扩展至7500个节点以支持机器学习 为了满足GPT

https://segmentfault.com/a/1190000013325778 1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式

今天，笔者盘点、综合分享一位腾讯员工的“心声”。这份心声中干货还是不少的，主要关于腾讯的一些职场生活……希望这些“干货”能对你有所帮助。 什么部门？给补偿吗？ 答 ：pcg，没有任何，试用期无理由辞退 技术么？几级？薪资谈得多少？三个月还是六个月试用期啊？ 答 ：Android开发，7级，包25，自卑不敢多要，三个月适用。暂时不找工作了，自己找钱吧 这个年龄试用期被劝退很正常，理由大多是期望的能力与职级不匹配？ 答 ：理由是项目一直没上线，今天正式上线的，觉得我统筹能力有问题，统筹能力不足，不符合大厂用人标准。 等着领导给你安排活？没有主动性？是不是这么说的？ 答 ：一直非常主动，但负责的项目到今天才上线，项目因为筹备期比较长，然后外包的供应商各方面对齐也比较费时，中间还穿插了其他项目，吭哧吭哧写方案，HR根本就没想要过我吧，进去已经是万分艰难 为什么不过？是犯事了吗？跟领导关系不好？ 答 ：不太清楚，同事都说不可能不过的，但自己知道进来就不容易，所以也很努力，进去的时候就不想要我吧，前后四个月才入职。工作一直很积极，和其他部门基本没啥沟通。带项目经常陪供应商唠到深夜，盯进度盯到日常失眠，上司还挺好的，挺好相处。 如果不能举证，为什么不去申请补偿？ 答 ：在距离试用期满还有15天的时候被通知因“项目一直不能上线，统筹能力不足”为理由不通过的，目前项目已上线，数据表现尚可