摘要：
css中:focus-within是什么 在css中 :focus-within 是一个伪类，现在已经被列入到css选择器中（css Level 4 selector）。css中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的 阅读全文
摘要：
网站的加载速度不仅影响着用户体验，也会影响搜索引擎的排名，在百度推出“闪电算法”以来，将网站首屏打开速度被列入优化排名行列，并明确指定打开时间为 2 秒。作为前端开发的我们需要如果来优化网站的打开速度呢？下面就整理挖掘出很多细节上可以提升性能的东西分享给大家 优化网站性能的14条规则： 1. 尽可能 阅读全文
摘要：
用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验 Skeleton Screen Skeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展 阅读全文
摘要：
一、什么是Sass Sass(Syntactically Awesome StyleSheets)是css的一个扩展开发工具，它允许你使用变量、条件语句等，使开发更简单可维护。这里是官方文档。 二、基本语法 1）变量 sass的变量名必须是一个$符号开头，后面紧跟变量名。 //sass 样式 $re 阅读全文
摘要：
BFC的定义： (Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 我们常说的文档流其实分为==定位流、浮动流和普通流== 阅读全文
摘要：
为了让网页内容更好的适应各类屏幕尺寸，一般都需要用到height:100%。但是会发现，height百分比失效并没有生效，这是什么原因造成的呢，以及我们需要如何解决呢？ height百分比失效的原因 你让div的height="100%"，执行网页时，css先执行到，而整个网页中的内容还没有完全载入 阅读全文
摘要：
问题产生的原因 当我们为div标签声明了宽度，但是仍然会出现文本越界的情况，不知道大家有没有发现，只有文本内容为单词或者纯数字的时候才会出现这种情况。原因是由于：浏览器在解析我们页面的时候，给这一串数字当成一个词了，这样就不会自动切断字符串而进行换行。 解决方法 需要使用css中的word-wrap 阅读全文
摘要：
css的pointer-events属性 auto：与 pointer-events 属性未指定时的表现效果相同。 none：该元素永远不会成为鼠标事件的 target。但是，当其后代元素的 pointer-events 属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒 阅读全文
摘要：
一、PageRank算法定义 PageRank，网页排名，又称网页级别、Google左侧排名或佩奇排名，是一种由根据网页之间相互的超链接计算的技术，而作为网页排名的要素之一，以Google公司创办人拉里·佩奇（Larry Page）之姓来命名。Google用它来体现网页的相关性和重要性，在搜索引擎优 阅读全文
摘要：
目前前端三大框架（vue.js, Angular.js, react.js）都在引领着前端的组件化开发方向，组件化的前端开发方式的确为业务实现带来了前所未有的方便，其实组件化开发早已经具有（YUI），但如何封装一个优秀的组件，可能并不是每位前端开发者都能够做好的。 组件封装有一定的不确定性，更多时候 阅读全文