CodingWithAlice

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

模块化

模块化 常见错误点： 1、对 AMD+CMD执行顺序的表述 AMD：❌ // 少写了 ：加载模块后直接执行，无法保证执行顺序 CMD：❌ // 少写了 ：加载后，直到调用才按需执行 本文主要关注点：AMD/CMD 差异；CommonJS/ES6模块化 差异；4种模块化规范的进步，解决的问题 模块化的优点：避免命名冲突；更好的分离，按需加载；更高复用性；高可维护性； 总结： 1...

Posted by CodingWithAlice on March 17, 2020

ES6 模块导出导入方式梳理

ES6 模块导出导入方式梳理 场景：导入的一个方法执行不了，发现是没有加{}导致的，真的很难找这个问题。就此机会整理一下import和{}的使用，其实也就是 ES6 模块导出导入方式梳理。 两种默认导出方式：默认导出(export default)和命名导出(named export)   命名导出 默认导出 ...

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

剑指offer刷题

剑指offer刷题（分类） 第一题 : 在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序， 每一列都按照从上到下递增的顺序排序。 请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。 // 思想分析：从四个对角上面开始比较，这里用的是从左下角的值开始比较， // target大于当前值，就向右移动j++；target小于当前值，就...

Posted by CodingWithAlice on September 1, 2019

localstorage改为sessionstorage

localstorage改为sessionstorage ​ localStorage 和 sessionStorage 一样都是用来 存储客户端临时信息 的对象。 ​ 他们均只能存储 字符串类型 的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。   localStorage sessionSto...

Posted by CodingWithAlice on September 1, 2019

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

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS