blog

摘要： button enhancement; 简单做个记录，给自己看的哈哈！！！ 应用场景 由于cdkdroplist多行时的item位置移动和排序特别难用，跟需求讨论决定搞成单行的滚动条。 实现思路 item少的时候就不说了，正常。当item多时需要滚动，开始操作： 超出文本滚动，不换行... 等等，原 阅读全文

摘要： Tab enhancement; 简单做个记录，给自己看的哈哈！！！ 应用场景 当tab足够多时，进行Tab功能提升。由上图实现下图。 前期css简单处理下，例如：tab最大宽度，tab超出文本省略号。开始处理逻辑： 当tab不够多不足以出现滚动条时: 此时也不需要过多的逻辑，只有删除tab后的选中 阅读全文

摘要： 一、 Vertical Rhythm(垂直节奏)是什么？有什么优点？（1）含义： 垂直节奏是一种网页排版的方法,它可以创建视觉上平衡且协调的布局。使页面上元素之间的空格彼此保持一致。垂直节奏是在基线的帮助下创建或维持的，用于创建一致空间的共同点。基线（由网格提供）是通常用于创建一致间距的公分母。也就 阅读全文

摘要： # 一、编译环境不同? ``` (1) less是通过js编译 在客户端处理 (2) sass是通过ruby编译 是在服务器端处理 ``` # 二、变量符不一样 ``` (1) less是使用@，sass是使用 $ ``` # 三、使用方法 ``` sass支持条件语句，可以使用if{}else{} 阅读全文

摘要： # 一、什么是BFC? ### 1.含义: BFC 是 Block Formatting Context 的缩写,意为块级格式化上下文。它是浏览器的一块渲染区域,BFC 内部的元素布局不会影响外部的元素。 # 二、如何触发？ ### 1.触发 BFC 的方式有: ###### （1）float 不是 阅读全文

摘要： 一、定义 HTTP状态码是服务器返回给客户端的，其核心作用是web服务器来告诉客户端，当前网页发生的什么事，或者说当前web服务器的响应状态。所以HTTP状态码常用来判断和分析当前web服务器的运行状况。 二、状态码类型 所有状态码的第一个数字代表了响应的五种状态之一，其分类如下： 二、常见状态码 阅读全文

摘要： 1.响应式原理 vue2使用ES5的API，也就是Object.defineProperty进行数据劫持，结合发布者-订阅者模式实现。 vue3使用proxy来实现。 相比与vue2，使用proxy API 优势有：defineProperty只能监听某个属性，不能对全对象进行监听；可以省去for 阅读全文

摘要： 一、vue响应式原理 1.原理：vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty(vue2)劫持各个属性的getter、setter。当数据发生改变时，发布消息给订阅者，触发相应的监听回调来渲染视图。 2.具体步骤： 需要Observe的对象进行 阅读全文

摘要： 一、原型 1.定义：每个函数都有一个prototype属性，称之为原型。这个属性的值是一个对象，所以我们也称之为原型对象。 2.作用： 可以存放一些属性和方法，共享给实例对象用。 在JavaScript中实现继承。 二、原型链 1.定义：对象都有_proto_属性，这个属性指向它的原型对象，原型对象 阅读全文

摘要： 一.为什么会出现跨域问题？ 出于浏览器的同源策略限制。同源策略是一种约定，它是浏览器最核心也最基本的安全功能。 同源策略：会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源就是在同一个域当中，就算两个页面具有相同的协议、主机和端口号。 二.什么是跨域? 当一个请求url的协议 阅读全文