CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

babel-polyfill 补丁

babel-polyfill 补丁 场景：学习babel的时候，频繁看到 polyfill，俗称补丁 参考：各种网络博客 总结： babel-polyfill 是一种为低版本浏览器补充 ES6 方法/属性的模块 作用： 为所有 API 增加兼容方法 需要配合 preset-env 使用 缺点：需要在所有代码之前 require，且...

Posted by CodingWithAlice on March 19, 2020

安卓字体上浮

安卓字体上浮 场景：UI走查的时候，安卓字体上浮2px左右，导致上下居中效果不能实现 参考：Airen的博客（主）、网络博客 总结：非css能解决，原因是在 content-area (字体度量)内部渲染的时候发生的，css 控制的是整个 content-area 居中。能针对特定字体做处理，但是暂时无法通用处理。 单个元素 首先要明确，字体大小和 font-family 是息息相...

Posted by CodingWithAlice on March 18, 2020

模块化

模块化 本文主要关注点：AMD/CMD 差异；CommonJS/ES6模块化 差异；4种模块化规范的进步，解决的问题 模块化的优点：避免命名冲突；更好的分离，按需加载；更高复用性；高可维护性； 总结： 1、CommonJS 规范主要用于② 服务端编程；①加载模块是同步的，不适合在浏览器环境，存在 阻塞加载；③输出一个值的拷贝；④运行时加载； 浏览器资源是异步加载的，因此有了AMD、...

Posted by CodingWithAlice on March 17, 2020

工作 import和{}

import和{}爱恨情仇 场景：导入的一个方法执行不了，发现是没有加{}导致的，真的很难找这个问题。就此机会整理一下import和{}的使用。 参考：阮一峰的es6 import部分，及博客 1、导入整个模块（不推荐，为了保证只有一个export） import * as myModule from "/module-name/name.js"; 引用时：myModule.do...

Posted by CodingWithAlice on March 17, 2020

工作 压缩图片 webp

压缩图片 webp 场景：在工作中实际用到的场景是一张公司域名内的图片url+!60x60.jpg就可以对图片进行压缩；还有一种是!320.webp，不同的域名适用的压缩方式不同 <img class="product-img" :src="`${activity.img}!320.webp`"/> WebP是一种可以有效压缩jpg、png的图片格式。（同等图片质量，体积...

Posted by CodingWithAlice on March 16, 2020

两栏，左边固定，右边自适应的布局

两栏，左边固定，右边自适应的布局 一、左边固定，右边自适应 线索记忆： ​ margin-left（2种）：「float方法（左浮动，右margin-left）、绝对定位（左绝对，右margin-left）」 ​ flex布局：「flex:1」 ​ 『**BFC特性**：「左浮动，右BFC」』 ​ table/grid布局：『table 需要给出 width:100% 否则宽度只...

Posted by CodingWithAlice on October 26, 2019

三栏，两边固定，中间自适应

三栏，两边固定，中间自适应 线索记忆：（和隔壁 两栏，左边固定，右边自适应的布局 一起记忆） ​ 不成：BFC - 左浮动，右BFC（不成，强关联html结构）；float方法（不成，强关联html结构） ​ margin-left：、绝对定位（左右绝对定位）」 ​ flex布局：「flex:1」 ​ table/grid布局 ​ calc() 方法：三浮动 <head&...

Posted by CodingWithAlice on October 25, 2019

用css画一个三角形

用css画一个三角形 画三角形链接

Posted by CodingWithAlice on October 12, 2019

添加/移除事件、事件对象获取的兼容代码

添加/移除事件、事件对象获取的兼容代码 跨浏览器的事件处理程序： //新建一个EventUtil对象，作为处理浏览器差异的对象 var EventUtil={ addHandler:function(element,type,false){ if(element.addEventListener){ element.addEventList...

Posted by CodingWithAlice on October 10, 2019

旅游移动端

旅游移动端 1.定义样式方法 可以在src–assets–styles–mixins.styl 定义一个方法名称，用来显示省略号 ellipsis(){ overflow: hidden white-space: nowrap text-overflow: ellipsis } 在正常使用的时候，在style标签中，引入该文件 @import '~styles/m...

Posted by CodingWithAlice on September 3, 2019

FEATURED TAGS
《JavaScript高级程序设计4》 < LTN3 > < LTN2 > < JS原生基础相关 > < 算法题 > < vue相关知识点 > < CSS相关内容 > < HTTP相关 > < 面试题整理 > < LTN1 > < 工作经验沉淀 > < 小程序 > < webpack > < 工程化 > < 浏览器原理 > < 重构2 > < React17+TS4 >
ABOUT ME

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS