作者：Ahmad 译者：前端小智 来源：ishadee 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
虽然许多开发人员熟悉常用的CSS属性，但也有一些较为陌生的属性可能被忽视了。在本文中，我们将探讨10个你可能没有使用过的CSS属性。
但其实随着时间的推移， web api 以及 css 规范的不断改进，那些我们曾经认为实现起来很麻烦的功能也变得简单了起来。下面我们可以一起来探讨一下这些改进的内容。
本篇文章，Rachel Andrew将会带着大家了解下浏览器在CSS方面的未来动向， 例如Flexbox行和列布局支持gap间隙属性的标准。
CSS 锚点定位是一项强大的新功能，可用于创建各种交互元素，例如工具提示、模式和弹出窗口。它使工具提示更加动态。这是一个小示例，展示了如何锚定定位以创建工具提示：
CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。
关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。
根据 CSS Scroll Snap Module Level 1 规范，CSS 新增了一批能够控制滚动的属性，让滚动能够在仅仅通过 CSS 的控制下，得到许多原本需要 JS 脚本介入才能实现的美好交互。
ScrollTrigger是基于GSAP实现的一款高性能页面滚动触发HTML元素动画的插件。
大家好，我是 ConardLi，一年一度的 CSS年度报告 如期而至，我挑了一些我感兴趣的部分，和我一起来看看吧～
一个基于Vue的virtual dom插件库，按照Vue render 函数的写法，直接将Vue生成的Vnode渲染到canvas中。支持常规的滚动操作和一些基础的元素事件绑定。
英文 | https://engineering.udacity.com/the-4-upcoming-css-features-im-most-excited-for-24b66293edfa
金三银四找工作的旺季来了，在过去的一段时间里，我花了很多时间将之前的一些基础知识做了整理，希望这些内容能够帮助你在面试的时候，稍微顺利一些。因此，我将整理好的这 100 个 CSS 知识技巧分享给你，希望你会觉得太对你有用。
我们在做webApp 开发的时候，经常会碰到下拉菜单，二级甚至三级菜单联动的需求。通常我们会用iscroll模拟个可以弹性滚动的选择框，然后每次根据选择自己写一些回调逻辑。
Inside look at modern web browser 是介绍浏览器实现原理的系列文章，共 4 篇，本次精读介绍第三篇。
Snagit是一款由TechSmith公司开发的屏幕截图和屏幕录制工具，旨在帮助用户在Mac OS X平台上捕捉和编辑屏幕内容。Snagit可以快速捕捉全屏、窗口、区域或滚动屏幕截图，并提供多种编辑工具，如裁剪、调整大小、添加文本、箭头、形状、高亮、马赛克和数字等标记。此外，Snagit还支持屏幕录制，可以捕捉视频、音频和鼠标点击等操作，并进行编辑和导出。Snagit已经成为许多行业中使用的标准工具，包括软件开发、技术支持、教育、医疗保健、市场营销和在线培训等领域。
作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己...
在能用CSS实现的就不用麻烦JavaScript[1]文章提及到滚动捕捉的特性，更多有关于容器滚动方面的CSS新特性其实还有有很多个，比如：
前端技术日新月异，我们需要不断学习来更新自己的前端知识并运用到自己的项目中。这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性，包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。
2022年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。
滑屏的交互形式自从在 H5 中流行起来，便广泛应用在产品宣传、广告、招聘和活动运营等场景中，作为微信朋友圈广告惯用的形式，其影响力更是得到了强化与放大。如今滑屏H5可谓玲琅满目，数不尽数。 作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己：应该如何面对每一次类似的需求，在已有的经验下如何做到体验更好？如何节省工作量提高效率？面对性能优秀的 iOS 与性能良莠不齐的 Android 平台，又如何做到体验统一与性能最优？ 第一问：拖拽翻屏
HTML5＋CSS3＋JavaScript Web 前端开发案例教程（慕课版），微信读书中找到的学习Web前端书籍，第4章开始啦，耶(＾－＾)V
在事件方法中，默认第一个参数是特殊变量$event，不管在模板中有没有通过greet($event)显式传递。
当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要组成部分。 所以说，今天咱们就来看看 css 的优化方案-终极合集。一共一百条，有点多，适合收藏
JS事件指再浏览器窗体或者HTML元素上发生的，乐意触发JS代码块运行的行为，下面，我们一起来看看相关事件。
sticky这种设计效果是经常出现的，比如陶宝右侧的工具栏，当我们向下滚动到它的位置时，它就会黏住顶部跟随滚动，类似position: fixed的效果，只不过它的触发条件是当我们滚动到所在位置时，才触发fixed的效果的：
作者：一半水一半冰 原文：http://www.cnblogs.com/jingh/p/6377736.html 1写在前面 最近总结下之前的工作，才恍然发现时间的流逝永远是悄无声息的，离开学校那座象牙塔已经也有大半年的时间了，生活中不再充满了茫然只有忙碌。 连续加班加点大半个月，做的活动项目终于算是告一段落了，而今天也将是考验其真正价值的时候，现在将这次开发中遇到的问题做一下总结。 2项目背景 这次的项目主要是做一次全国酒店人气排名的营销活动，主要是基于在微信中传播。 预计访问量达到亿级，并发做到2000
现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中，这些大部分都是由CSS来实现的。
操作滚动条可以通过锚点跳转，JS操作滚动条，与scrollIntoView等方法。对此，我来考古一下。
我们在之前的两篇文章中，我们给大家介绍了关于CSS设置div滚动条样式、以及CSS3自定义滚动条样式的实例， 都知道当内容超出容器时，容器会出现滚动条，那我们如何使用CSS控制滚动条样式的呢？今天就给大家详细介绍！
window.pageXOffset和window.pageYOffset，包含了文档水平和垂直方向的滚动距离。所以你可以知道用户已经滚动了多少距离。
2.解压文件，找到dist下的wow.min.js文件用于链接到页面中使用WOW.js
因为它是包含了大部分设计功能于一体的集成工具，截图、录屏、标尺、取色、坐标...等应有尽有，且资源包小只有2.45M这么大，并且还免安装。
《FSCapture》是一款抓屏工具，体积小巧、功能强大，不但具有常规截图等功能，更有从扫描器获取图像，和将图像转换为 PDF文档等功能。 FastStone Capture支持不同的截图方式，可设定
Snagit for Mac是一款强大的屏幕捕捉和图像编辑工具，可以帮助Mac用户快速、方便地创建、编辑和共享各种类型的图像、视频和屏幕截图。
《FSCapture》是一款抓屏工具，体积小巧、功能强大，不但具有常规截图等功能，更有从扫描器获取图像，和将图像转换为 PDF文档等功能。
在计算机上打开程序和进行操作的最直接方法就是，直接控制键盘和鼠标来模仿人们想要进行的行为，就像人们坐在计算机跟前自己操作一样，这种技术被称为“图形用户界面自动化”，也可称为“GUI自动化”
如今我们所浏览的网站，除了基本的信息展示之外，大多数具有生动的动画、多样的布局、以及诱人的互动元素，多要归功于CSS创新技术的实现。截至到去年年底，Flexbox已经被运用到了Google Chrome的83%加载页面上(请参阅：https://www.chromestatus.com/metrics/feature/timeline/popularity/1692)，人们从中能够看到包括CSS写入模式(Writing-Mode)、移动动画、单页面网站、可变字体、以及滚动捕捉等方面的新趋势。
然而办法总比困难多,这里我提供一个我利用油猴脚本进行扩展去广告,去点击展开全文的方法
文本倾斜：
浏览器是一个运行在操作系统上的应用程序，每个应用程序必须至少启动一个进程来执行其功能，每个程序往往又会执行很多任务，那么进程就会创建很多线程来执行这些小的任务。
FSCapture是一款功能全面，使用便捷的截图软件。但是他的功能绝不止截图这么简单。
最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。
节前在支援一些移动页面的时候，遇到了蛮多的TouchEvent相关的问题，趁着假期一一验证一下。
在本教程中，我们将创建一个导航栏，当您向下滚动时，它会陪伴您-我们还将在混合中添加一两个two头以对其进行修饰。
scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
