Fork me on GitHub

随笔分类 -  CSS

CSS相关知识点
我的大前端知识体系
摘要：确定知识体系项目内外知识分为两条线，基本结构图片所示，后期按照这个扩展、细化、练习。想来经过一段相对漫长的时间最终确定下来这个，也优化了几年前的认知方式。 人的精力是有限的，建立知识体系是将心思集中到更具有价值的位置上，否则胡乱学习终归是迷惑而无所得。 建立相对不变的知识体系，才能够不断迭代知识点。 阅读全文
posted @ 2021-05-10 10:25 我站在山顶上 阅读(117) 评论(0) 推荐(0)
Web开发正向知识体系大纲
摘要：Web开发技术大纲 学而不思则罔，思而不学则殆。学就是总结是记忆。 第一部分 HTML 一 ，Html5权威指南 第一部分 常用html标签 第二部分 html文件dom、css和js加载关系 第三部分 html渲染机制 第四部分 不常用的html标签 比如pre，比如div的可编辑属性 第二部分 阅读全文
posted @ 2020-02-25 21:32 我站在山顶上 阅读(228) 评论(0) 推荐(0)
css3实现jQuery的slideUp和slideDown效果
摘要：最近打算做一些交互优化方面的轮子。虽然轮子别人都弄过，但是自己没弄过。重复造轮子对知识理解还是有好处的。本次轮子如题目。直接代码。 注意：变化的ul需要提前设定height，还有overflow属性。 阅读全文
posted @ 2019-10-15 10:27 我站在山顶上 阅读(1615) 评论(0) 推荐(0)
前端临时禁止滚动条的解决方案
摘要：有一些场景，比如弹窗，比如商品的抛物线效果，为了更好的前端用户体验，要求临时禁止滚动条的滚动。 参考了前辈的一些经验，比如这位：https://yujiangshui.com/review-how-to-make-popup-mask-effect/。现做如下总结。 方案1，最为简单粗暴的方式当然是 阅读全文
posted @ 2019-10-09 11:34 我站在山顶上 阅读(3415) 评论(0) 推荐(0)
前端动画总结
摘要：1，按照之前看过的一篇文章，动画分为补间动画，逐帧动画、canvas动画和svg动画。 2，css的过渡效果大多数情况下是规定了初始状态和结束状态，中间状态用css3自带的api实现，这种事补间动画。 3，利用setTimeout或者requestAnimationFrame通过修改属性的关键参数实 阅读全文
posted @ 2019-03-09 14:16 我站在山顶上 阅读(300) 评论(0) 推荐(0)
Dom的样式操作和属性操作
摘要：如果说web的研究对象是html和css，那么整个dom结构，包含html树和dom树的dom结构才是研究对象，而在整个页面呈现上面，js起到的作用则是异步的用户行为。 按照上面整个思路，获取dom元素，修改dom相关的样式和属性，就显得无比重要了。博客里面已经有讲过关于dom对象文章：原生js操作 阅读全文
posted @ 2018-05-10 09:44 我站在山顶上 阅读(346) 评论(0) 推荐(0)
某一线互联网公司前端面试题总结css部分
摘要：1，css3选择器 ：not（selector） 选择页面内所有type！=text的类型； input:not([type=text]){ color: red; font-weight: bold; } 2，选择p紧邻的a元素 p+a{ color: red; } 3，Meta标签中的apple 阅读全文
posted @ 2017-08-28 15:52 我站在山顶上 阅读(145) 评论(0) 推荐(0)
最近面试前端面试题整理（css部分）
摘要：对最近面试的面试题坐下总结： 一，css部分 1，html元素的垂直居中 答案： 2，css考的最多是flex； 建议多看看这块。 3，然后css还考察了清楚浮动的方法： 答案： clear:both; overflow:hidden;伪类； 4，就是相对定位和绝对定位相关知识点 比如：positi 阅读全文
posted @ 2017-08-15 12:11 我站在山顶上 阅读(255) 评论(0) 推荐(0)