08 2022 档案
摘要：Javascript概念： JS分为ECMAScript、DOM、BOM三部分 ECMAScript：决定了JS的基础语法 DOM：文档对象模型，是一个应用编程接口API，用于再HTML中使用扩展的XML。 BOM：浏览器对象模型，用于支持访问和操作浏览器的窗口。 JS三种书写方式：行内、内嵌、外部
阅读全文
摘要：响应式布局：（媒体查询的运用） Bootstrap： Bootstrap使用： 要求当前网页使用最高版本的IE内核来渲染网页： <meta http-equiv="X-UA-Compatible" content="IE=edge"> 视口宽度与设备一致，默认缩放比例与PC端一致，用户不能自行缩放：
阅读全文
摘要：rem布局： em相对于父元素的字体大小来运算，rem相对于html元素字体来运算。 rem优点：通过修改html的文字大小来改变页面中元素的大小，进行整体控制。 媒体查询： CSS的弊端： Less: Less变量：@变量名：值 Less的嵌套： 若作为子元素则直接在父元素内部写 若为伪元素则使用
阅读全文
摘要：Flex布局： 当为父元素设置flex布局后，子元素的float、clear、vertical-align属性将失效！ flex常见父项属性： flex-direction设置主轴方向： justify-content设置子元素排列方式： flex布局默认不会换行，若无法放入同一行，则会缩小子元素强
阅读全文
摘要：视口(viewport)：浏览器显示页面内容的屏幕区域。分为布局视口、视觉视口、理想视口。 布局视口： 视觉视口： 理想视口： meta视口标签： width=device-width：布局视口宽度为当前设备宽度* user-scalable=no：不允许用户缩放 二倍图：（准备图片比实际大两倍即为
阅读全文
摘要：盒子移动方法：定位 外边距 2D转换 2D转换： translate移动 rotate旋转参数为deg即度数 设置转换中心点transform-origin： 缩放scale 2D转换综合写法： CSS3动画： 速度曲线： 3D转换： 3D呈现 transform-style 实例：翻转特效 实例：
阅读全文
摘要：网站TDK三大标签SEO优化 1.title 网站标题 2.description 网站说明 3.keywords 关键字 常用模块命名规则： 网页logo也要遵循SEO优化：
阅读全文
摘要：CSS3盒子模型： 旧版盒子模型设置好width，设置padding和border会撑大盒子。 图片模糊处理： 计算函数calc( ): CSS过渡：
阅读全文
摘要：HTML5新特性 语义化： 多媒体标签： 新增input类型： 新增表单属性： CSS3新特性： 属性选择器： 结构伪类选择器： 伪元素选择器： 伪元素选择器可以清除浮动！相当于额外标签法：即在浮动元素后插入一个新的块级元素
阅读全文
摘要：好久没更新 厌恶怠惰的自己 精灵图sprites：使用background属性进行设置 字体图标： CSS三角：（设置边框颜色为transparent 再对三角部分独立设置颜色） CSS界面样式： 1.鼠标样式(cursor属性)： 2.轮廓线outline： ①取消表单轮廓（outline:non
阅读全文
摘要：正则表达式描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 （说人话就是匹配字符串的简便方法） 本文采用regex101进行测试 限定符（Quantifier） 1） ？：即匹配该符号前的字符出现0次或者1次的文本 use出现
阅读全文
