女王控的博客

全部

198 篇文章

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%