About JS、CSSCSS：样式表置于顶部避免CSS表达式使用外部JS、CSS削减JS、CSS ，@import避免滤镜JS：脚本置于底部使用外部JS、CSS削减JS、CSS不用重复脚本减少访问和操作DOM事件委托1、样式表置顶，Why？浏览器渲染页面都是自上而下的渲染，当在里遇到或是时候会阻塞...
转载
2015-01-29 10:17:00
101阅读
2评论
前端重构总结前端重构其实可以分为两个方面：性能优化和模块化。下面我们先总结一下性能优化方面的东西：首先列举一下常规的优化手段：CSS置顶，JS置底静态资源外联、合并、压缩图片优化图片延迟加载使用CSS Sprite，首屏图片全部合并到一张图上静态文件上CDN静态文件设置强缓存HTML压缩图片预加载增强型的手段：基础库定制（用代码分析代码，自动打包被使用到的方法作为基础库）页面数据存储优化（从原来的
转载
2023-06-07 15:04:36
90阅读
(1) fieldset应该和legend搭配起来用。下图的第102行fieldset应该改为div:(2) 在_details.scss里，fieldset和label.form-check具有相同的css设置，因此可以合并：同理，label和legend语义上都表示heading区域，所以可以合并：更多Jerry的原创文章，尽在：“汪子熙”:
原创
2022-04-12 14:24:23
47阅读
更多Jerry的原创文章，尽在：“汪子熙”:...
原创
2021-07-12 16:45:13
75阅读
1.> : > 2.text-decoration-:属性规定文本修饰要使用的线条类型。 (1) none 默认值，规定文本修饰没有线条 （2）underline 规定文本的下方将显示一条线 （3）overline 规定文本的上方方将显示一条线 （4）line-through 规定文本的中间将 ...
转载
2021-11-01 18:43:00
162阅读
2评论
代码重构之美随着代码量增多，越来越觉得有必要构建fragment基类，今天实在受不了，于是重构开始…注入viewmodel实际上是要真正意义上对viewmodel进行自动注入的，由于我使用的是viewmodelFactory需要传参所以这里没有实现注入BaseVmFragment.ktpackage com.example.module_main.base
import android.cont
转载
2024-10-29 08:40:16
34阅读
今天在网上看技术文章的时候，转到了我以前经常光顾的博客中，里面有一篇文章说得很好。因为它介绍的是自己所向往的职业：页面重构工作者，先来看看是怎么说，怎么做的吧！
      做为一个专职的页面重构者，我们从事的工作简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。“页面重构”虽然也是“前端工程师”的一个范畴，在职业化中，对专职的页面重构者，要求当然也更高。不单是做出页面，而是做出好页面。又引出另一个话题，“何为好页面？”，一般包括下面几点：
  1. 结构完整，可通过标准验证
  2. 标签语义化，结构合理
  3. 充分考虑到页面在站点中的“作用和重要性”，并对其进行有针对性的优化
      很多同学多少都遇到过方向不明，不知道自己应该提高些什么，我们可以从“分析设计稿=>切图=>写HTML和CSS”这个工作内容，针对每一点提出一些要求，以方便我们分析自己的
原创
2009-12-18 20:15:21
594阅读
GitHub重构页面移除了jQuery作者｜徐川喜欢的开源的同学肯定会注意到最近 GitHub 的改版，不知道大家是否习惯新的 Dashboard 呢？除了界面的修改，GitHub 的前端团队还乘机移除了页面中的 jQuery：值得一提的是，GitHub 前端团队并未使用其它框架来代替 jQuery，而是使用原生 JS：用 querySelectorAll 来查询 DOM 节点；使用 fetch
原创
2020-12-21 14:38:52
193阅读
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。。
原创
2021-06-18 11:10:25
464阅读
CSS打印分页page-break-before :auto|always|avoid|left|right|null参数：auto : 假如需要在对象之前插入页分割符always : 始终在对象之前插入页分割符avoid : 避免在对象前面插入页分割符left : 在对象前面插入页分割符直到它到达...
原创
2021-08-05 17:08:06
351阅读
块元素在页面中以区域块的形式出现，其特点是，每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性 行内元素与块元素可以通过display属性进行相互交换 display属性常用的属性值及含义如下： （1）inline：此元素将显示为行内元素（行内元素默认的 display属性 ...
转载
2021-11-01 12:18:00
325阅读
2评论
y: none;}#under_post_news { di
原创
2023-02-23 10:41:10
142阅读
CSS页面demoCSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的
转载
2021-02-19 20:45:39
339阅读
2评论
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。。
原创
2022-04-20 11:39:03
165阅读
如果原来的宽度是1200, 缩放之后宽度可能就变成了1560， 然后你本来的图片1200可能就开始显示不全了。 如果你的图片按100%显示的话，这个时候又正常了。
转载
2016-06-28 18:06:00
1204阅读
2评论
CSS概览面板（CSS Overview Panel）提供了关于你的CSS的有趣信息。你可以查看高级别的CSS指标，这些指标在重构时特别有用。如何使用此功能启用此功能：从“DevTools实验（Experiments pane）”窗格中启用CSS Overview（Cmd + Shift + P>Show Experiments）从“DevTools”Command Menu中选择“Show
原创
2021-01-12 21:03:44
360阅读
作者 Werner Schuster 译者 杨晨 发布于 2009年7月28日 上午5时56分 在Web开发中，CSS的使用是非常普遍的，但滥用的情况也是屡见不鲜。LESS和Sass都是用Ruby实现的工具，可以帮助开发者写出复用性更优的CSS文件。它们的方法基本类似： 将类似CSS但是更为强大的输入语言，
转载
2009-07-30 21:27:00
63阅读
2评论
HTML中引入CSS样式行内样式内部样式外部样式3种样式的优先级
行内样式 --> 内部样式 --> 外部样式css的选择器基本选择器
标签选择器类选择器ID选择器3种选择器的优先级
ID选择器 --> 类选择器 --> 标签选择器高级选择器
层次选择器
后代选择器子选择器相邻兄弟选择器通用兄弟选择器属性选择器编辑网页文本字体样式fon
转载
2024-02-20 09:48:00
94阅读
页面重构时的注意事项1. 重构页面时，什么样的代码才算是好的代码？2. 重构时如何告诉设计师，他设计的东西太丑？1. 重构页面时，什么样的代码才算是好的代码？这个我感觉要从三方面来做答，基础的就不说了，那些语义化，结构化，兼容性等等方面的问题。说说中级部分的：页面的健壮性： 这个怎么说呢，按我的理解...
原创
2015-09-28 10:31:00
124阅读
