CodingWithAlice Blog

工作压缩图片 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

微信小程序（量寻）

微信小程序（量寻） 1.切换 <view class="findlost_wrap"> <navigator class="findlost" target="" url="" hover-class="navigator-hover" open-type="navigate"> <view class="find " data-tab...

Posted by CodingWithAlice on August 31, 2019

vue element UI 组件相关问题

Posted by CodingWithAlice on August 27, 2019

CodingWithAlice

工作压缩图片 webp

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

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

用css画一个三角形

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

旅游移动端

剑指offer刷题

localstorage改为sessionstorage

微信小程序（量寻）

vue element UI 组件相关问题

FEATURED TAGS

ABOUT ME

FRIENDS

工作 压缩图片 webp

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

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

用css画一个三角形

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

旅游移动端

剑指offer刷题

localstorage改为sessionstorage

微信小程序（量寻）

vue element UI 组件相关问题

FEATURED TAGS

ABOUT ME

FRIENDS

工作压缩图片 webp