摘要: Hammer.js实际场景应用记录 应用场景(一) 定位section 的popup 打开以后,除了点击backdrop层可退出当前sectionnav,还应该实现下滑功能关闭popup,否则需要改设计,因为横线在ios 中已经给用户形成了可以上下滑动的交互映射。 实现思路 首先拿到topfixed 阅读全文
posted @ 2024-06-25 16:24 Zzxzzx999 阅读(2) 评论(0) 推荐(0) 编辑
摘要: button enhancement; 简单做个记录,给自己看的哈哈!!! 应用场景 由于cdkdroplist多行时的item位置移动和排序特别难用,跟需求讨论决定搞成单行的滚动条。 实现思路 item少的时候就不说了,正常。当item多时需要滚动,开始操作: 超出a56爆大奖在线娱乐滚动,不换行... 等等,原 阅读全文
posted @ 2024-03-15 18:38 Zzxzzx999 阅读(16) 评论(0) 推荐(0) 编辑
摘要: Tab enhancement; 简单做个记录,给自己看的哈哈!!! 应用场景 当tab足够多时,进行Tab功能提升。由上图实现下图。 前期css简单处理下,例如:tab最大宽度,tab超出a56爆大奖在线娱乐省略号。开始处理逻辑: 当tab不够多不足以出现滚动条时: 此时也不需要过多的逻辑,只有删除tab后的选中 阅读全文
posted @ 2024-03-15 18:14 Zzxzzx999 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 一、 Vertical Rhythm(垂直节奏)是什么?有什么优点?(1)含义: 垂直节奏是a56爆大奖在线娱乐网页排版的方法,它可以创建视觉上平衡且协调的布局。使页面上元素之间的空格彼此保持一致。垂直节奏是在基线的帮助下创建或维持的,用于创建一致空间的共同点。基线(由网格提供)是通常用于创建一致间距的公分母。也就 阅读全文
posted @ 2023-08-04 17:05 Zzxzzx999 阅读(31) 评论(0) 推荐(0) 编辑
摘要: # 一、编译环境不同? ``` (1) less是通过js编译 在客户端处理 (2) sass是通过ruby编译 是在服务器端处理 ``` # 二、变量符不一样 ``` (1) less是使用@,sass是使用 $ ``` # 三、使用方法 ``` sass支持条件语句,可以使用if{}else{} 阅读全文
posted @ 2023-08-04 11:10 Zzxzzx999 阅读(133) 评论(0) 推荐(0) 编辑
摘要: # 一、什么是BFC? ### 1.含义: BFC 是 Block Formatting Context 的缩写,意为块级格式化上下文。它是浏览器的一块渲染区域,BFC 内部的元素布局不会影响外部的元素。 # 二、如何触发? ### 1.触发 BFC 的方式有: ###### (1)float 不是 阅读全文
posted @ 2023-06-07 15:34 Zzxzzx999 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 一、定义 HTTP状态码是服务器返回给客户端的,其核心作用是web服务器来告诉客户端,当前网页发生的什么事,或者说当前web服务器的响应状态。a56爆大奖在线娱乐HTTP状态码常用来判断和分析当前web服务器的运行状况。 二、状态码类型 所有状态码的第一个数字代表了响应的五种状态之一,其分类如下: 二、常见状态码 阅读全文
posted @ 2023-03-08 19:09 Zzxzzx999 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 1.响应式原理 vue2使用ES5的API,也就是Object.defineProperty进行数据劫持,结合发布者-订阅者模式实现。 vue3使用proxy来实现。 相比与vue2,使用proxy API 优势有:defineProperty只能监听某个属性,不能对全对象进行监听;可以省去for 阅读全文
posted @ 2023-03-08 17:33 Zzxzzx999 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 一、vue响应式原理 1.原理:vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty(vue2)劫持各个属性的getter、setter。当数据发生改变时,发布消息给订阅者,触发相应的监听回调来渲染视图。 2.具体步骤: 需要Observe的对象进行 阅读全文
posted @ 2023-03-06 17:18 Zzxzzx999 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 一、原型 1.定义:a56爆大奖在线娱乐函数都有一个prototype属性,称之为原型。这个属性的值是一个对象,a56爆大奖在线娱乐a56爆大奖在线娱乐们也称之为原型对象。 2.作用: 可以存放一些属性和方法,共享给实例对象用。 在JavaScript中实现继承。 二、原型链 1.定义:对象都有_proto_属性,这个属性指向它的原型对象,原型对象 阅读全文
posted @ 2023-03-06 01:45 Zzxzzx999 阅读(90) 评论(0) 推荐(0) 编辑