女王控的博客

前端

144 篇文章

移动端适配汇总

IOS fix 定位不准 现象 在有输入框的情况下尽量不要用 fixed 定位,用 absolute,否则在 IOS 下会出现很多问题,比如输入法收起时 fixed 定位的元素其实还在未收起的地方,会造成在输入法收起时输入框不能点击 解决方案 当然在用 absolute 的时候,需要注意 body、html 的定位(设置为 relative 或者不设),放在 body 的下面等等问题 微信下 IOS13 输入法不恢复 现象 在 IOS1… »

2019年技术选型总结

典型技术选型 集客顾客端脚手架搭建 记一次组件打包为链接的实践 选型背景 将第三方 SDK 打包为链接,类似于 这样的一个链接,实现粘贴代码即可完成部署。 技术选型过程 考虑到的方案有 rollup、jQuery、原生 js,鉴于这些方案的实现都比较复杂且没有积累,最终采用 webpack 脚手架。 其实更好的实现方式使用原生 js… »

使用 等空格实现最小成本中文对齐

字符介绍 字符以及 HTML 实体 描述以及说明 这是我们使用最多的空格,也就是按下 space 键产生的空格。在 HTML 中,如果你用空格键产生此空格,空格是不会累加的(只算 1 个)。要使用 html 实体表示才可累加。为了便于记忆,我总是把这个空格成为“牛逼(nb)空格(sp – space)”,虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在 inline-block… »

使用JS把相对地址变成绝对地址

new URL()方法 有时候为了方便的处理 URL 地址,会使用 URL()方法。例如: 除了上面的 URL 地址拆家,URL()方法还有一个隐藏的功能,就是可以实现相对地址变成绝对地址的效果。 语法 看到后面的可选参数 没有,这个就可以实现相对路径变成绝对路径。 方法封装 实际开发,base 往往就是当前页面的域名地址,因此,我们可以简单封装一个方法,简化我们平时的调用 总结 URL… »

CSS世界流的破坏与保护

魔鬼属性 float float 的本质与特性 浮动的本质就是为了实现文字环绕效果。 包裹性; 块状化并格式化上下文; 破坏文档流; 没有任何 margin 合并; 所谓“包裹性”,由“包裹”和“自适应性”两部分组成。 包裹。假设浮动元素父元素宽度 200px,浮动元素子元素是一个 128px 宽度的图片,则此时浮动元素宽度表现为“包裹”,就是里面图片的宽度 128px,代码如下: 自适应性。如果浮动元素的子元素不只是一张 128px… »

0%