CSS 外边距合并

Vue进阶(七十一):webpack实现一键动态切换主题色

前言项目中用了element-ui，有切换主题色的需求。但官方的方式，有几个问题：1、需要下载整个element-ui样式css，并替换其中的css样式颜色。文件较大，下载慢且影响性能。2、只能替换element-ui本身的颜色样式，项目中自己写的颜色样式替换不掉。3、全部的element-ui样式...

day4:前端面试题(浏览器)（web前端面试宝典）

Web前端工程师写的页面要跑在浏览器里面，所以面试中也会出现很多跟浏览器相关的面试题目。#知识点梳理浏览器加载页面和渲染过程性能优化Web安全本小节会从浏览器的加载过程开始讲解，然后介绍如何进行性能优化，最后介绍下Web开发中常见的安全问题和预防。#加载页面和渲染过程可将加载过程和渲染过程分...

使用来自百度的FIS 打包项目初探笔记

最近随着grunt的火热，前端项目打包也成为了一个前端工程师必备的技能。这两天发现除了国外的grunt国内百度的FIS也是一个相当不错的工具，最最最起码他的说明文档教程API等等都是中文滴，对于英文不好的朋友来说，学习起来那是相当的方便。好了言归正传，首先还是先比较一下fis和grunt的区别吧，以...

css网格布局之快速入门（css 网格布局）

Grid简介CSS网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是HTML生成了这些区域）。像表格一样，网格布局让我们能够按行或列来对齐元素。然而在布局上，网格比表格更可能做到或更简单。例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一...

R中单细胞RNA-seq分析教程 (7)（单细胞rna测序分析）

引言本系列开启R中单细胞RNA-seq数据分析教程[1]，持续更新，欢迎关注，转发！2.3.使用LIGER进行数据整合除了Harmony和Seurat，EvanMacosko实验室开发的LIGAR也是被基准论文重点介绍的另一个数据整合工具。LIGAR通过集成非负矩阵分解来识别共...

面试官不讲码德，一上来就问我Chrome浏览器的渲染原理

前言对于HTML，css和JavaScript是如何变成页面的，这个问题你了解过吗？浏览器究竟在背后都做了些什么事情呢？让我们去了解浏览器的渲染原理，是通往更深层次的开发必不可少的事情，能让我们更深层次，多角度的去考虑性能优化等问题。HTML，css，JavaScript数据经过中间渲染模块的处理，...

从浏览器地址栏输入url到显示页面的步骤

当您在浏览器地址栏输入URL并按下回车键时，浏览器将启动一个过程。网络版本1.DNS解析：浏览器会检查URL中的域名并将其发送到DNS服务器以获取与该域名相对应的IP地址。2.建立TCP连接：一旦DNS解析完成，浏览器将与该IP地址建立TCP连接。3.发送HTTP...

如何提高账户的推广效果（账户提升措施）

想要提高推广转化，就必须提高各个环节的转化率。各个环节主要是左侧展现机率，点击率，抵达率，成交率。这些环节是非常重要且关键所在，想要快速提高推广转化可从以下方面优化。1、提高左侧展现机率左侧展现机率指标作用，能够用来判断关键词是否精准，是否是价值型关键词。若展现量高于预估效果且左侧展现机率整体较低，...

基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转

基于css3新属性transform，实现3d立方体的旋转通过原生JS，点击事件，鼠标按下、鼠标抬起和鼠标移动事件，实现3d立方体的拖动旋转，并将旋转角度实时的反应至界面上显示实现原理：通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标，来获得鼠标在X轴、Y轴移动的距离，将距离实时赋值给transfor...

折腾不止前端工程与性能优化（前端性能优化方法与实战）

作者：addy（许斌），前端开发工程师，文艺青年一枚，写得了文章，编得了代码。作为开发，不仅仅是前端，优化总是你绕不开的事，我们的目标就是要产品变得更快。优化的对象不仅仅指产品本身，还有我们日常的开发流程。从加入团队到现在，大概有一半左右的时间花在了优化上，期间遇到了很多问题，回过头看，优化这件事情...