前端开发2025年09月19日
【基本语法】 text-transform：转换值 【语法介绍】 text-transform包括以下取值范围。none：表示使用原始值。lowercase：表示使每个词的所有字母小写。uppercase：表示使每个单词的所有字母大写。capitalize：表示使每个单词的第一个字母大写。 ...
前端开发2025年09月19日
目录 引言 使用 源码阅读 兼容性 CommonJS AMD window 浏览器环境 实现 多个参数处理 参数类型处理 数组处理 对象处理 测试用例 Css-in-JS 示例 总结 引言 classNames是一个简单的且实用的JavaScript应用程序，可以有条件的将多个类名组合在一起。它是一个非常有用的工具，可以用来动态的添加或者删除类名。 仓库地...
前端开发2025年09月18日
scss scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，使用scss可以很方便的提高开发效率 scss语法以.scss文件后缀结尾，其中语法格式有两种sass,scss,两种语法在书写风格有差异，如下代码所示 scss .cont...
前端开发2025年09月17日
1.CSS的水平居中， 1.1 父元素是块状元素，子元素为行内元素的居中，直接设置text-aglin: center ,常见的文本，span 标签，button,img等行内元素都是可以使其水平居中的 .box{ text-align: center; } <div class="box"> <span>11111</spa...
前端开发2025年09月17日
...
前端开发2025年09月17日
sessionStorage可以作为会话计数器，localStorage可以作为Web应用访问计数器。声明一个localStorage计数变量，当刷新页面时，会看到计数器数值在增长，即使关闭浏览器窗口，然后重新访问页面，计数器会继续计数。而sessionStorage计数变量只能够在当前会话期间显示页面访问量，即使刷新页面会看到计数器在增长，而当关闭浏览器...
前端开发2025年09月17日
vue不提供 transfrom:scale(1.5) ； 会报错 ，错误是 "TypeError: _vm.scale is not a function"； 原因：Vue将其误认为scale是函数 解决方法：可以使用模板字符串 <template> <div class="wrap" ref="message" :style="sca...
前端开发2025年09月17日
直接代码贴出来吧。 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .myDiv { width: 500px; height: 200px; margin: 20px auto; overfl...
前端开发2025年09月17日
因为SSM中我们设置了拦截器，拦截器会拦截CSS和JS，所有样式渲染不出来，在Web.xml中写上 <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>/static/css/*</url-pattern> <...
前端开发2025年09月16日
@media 查询 @media 媒体查询选择性加载css，意思是自动探测屏幕宽度，然后加载相应的CSS文件。可以针对不同的屏幕尺寸设置不同的样式，特别是需要设置设计响应式的页面，@media 是个不错的选择 用法： @media 设备类型 and (设备特性-宽度) { // css 样式 } //设备类型有很多 这是screen是显示器的意思 @med...