- 博客(50)
- 收藏
- 关注
RSS订阅原创 {*zoom：1} 作用
前面说过，当内联元素的hasLayout为true的时候，可以给这个内联元素设定高度和宽度并得到期望的效果，所以这样做可以达到兼容inline-block的效果。当设置了zoom的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，这里一旦改变zoom值时其实也会发生重新渲染，运用这个原理，也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。hasLayout对于内联元素也可以有效果，当内联元素的hasLayout为true的时候，可以给这个内联元素设定高度和宽度并得到期望的效果。
2023-06-06 11:41:23
557
原创 PC网页、移动端适配，页面font-size动态变化
csl()是一个函数function，calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的宽度。2. 在标签里引入动态修改font-size的代码，此段需要优先加载，以免页面布局错乱。vmin/vm：相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin（即vm）。vw：视口的最大宽度，1vw=视口宽度的百分之一；vh：视口得最大高度，1vh=视口高度的百分之一；原理：让不同尺寸的屏幕有一个统一的单位来衡量。
2023-05-17 10:38:05
1294
原创 移动端横屏/强制横屏
可以使用JavaScript的`window.orientation`属性来判断当前屏幕的方向，其中0表示竖屏，90表示向左横屏，-90表示向右横屏。需要注意的是，由于不同浏览器对`orientationchange`事件的支持可能不同，因此建议在事件处理函数中加入对`resize`事件的监听，以便在浏览器窗口大小发生变化时也能正确地更新样式。在以上代码中，当屏幕为横屏时，会给``元素添加`landscape`类，从而触发CSS中定义的横屏样式。当屏幕为竖屏时，则会移除该类，恢复默认样式。
2023-04-15 14:57:53
1705
原创 浏览器多分辨率适配方法总结（跨平台）
为了兼容IE9以下版本浏览器需要加入一个google的JS，当然可以下载引人html。@media样式进行判断，判断不同分辨率浏览器（显示屏幕）显示不同宽度布局。在css里使用如下标识符可以被ie识别而采用，其他浏览器会忽略if ie。兼容各大浏览器的完整示例。
2023-04-09 00:18:03
1139
原创 Vue3全家桶
什么时候用props来接收数据 什么时候使用context的attrs来接受数据1.如果你接收来的数据想在页面展示的时候你使用props来接收（使用props接受的时候 必须定义props这个属性）2.如果父组件传递过来的数据你不想在页面展示 只是想使用这个数据进行一些逻辑处理 那么你可以使用context.attrs来进行接受（如果想使用 不能定义props）emit自定义事件emit事件分发 用于子传父 如果子组件的数据想传递给父组件 就是用emit（逆向传值）子组件
2023-02-21 18:07:08
111
原创 TypeScript
入口文件依赖其他文件时，不需要将被依赖文件也指定到 files 中，因为编译器会自动将所有的依赖文件归纳为编译对象，即 index.ts 依赖 user.ts 时，不需要在 files 中指定 user.ts ， user.ts 会自动纳入待编译文件。但如果实际开发的项目，很少是只有单个文件，当我们需要编译整个项目时，就可以使用 tsconfig.json 文件，将需要使用到的配置都写进 tsconfig.json 文件，"module": "commonjs", // 指定生成代码的模板标准。
2023-02-21 18:07:03
50
原创 react脚手架创建
插入属性: 因为在jsx中遇见{}就会把里面的东西当成js表达式 解析 所以我们如果想给属性插入变量 就把这个变量直接放到 属性={变量}插入变量: 因为在jsx中遇见{}就会把里面的东西当成js表达式 解析 所以如果我们想插入变量 就把这个变量放到{我是变量}插入注释:因为在jsx中遇见{}就会把里面的东西当成js表达式 解析 所以我们注释 {/* 我是注释 */}创建：npm install -g create-react-app。查看：create-react-app -v。
2023-02-06 14:12:28
36
6原创 css实现图片自动渐变切换、element-plus 的修改el-table的（边框线为虚线、表头样式）
【代码】css实现图片自动渐变切换、element-plus 的修改el-table的（边框线为虚线、表头样式）
2023-01-03 10:34:33
644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人