guo&qi - 博客园

原生js实现call,apply以及bind

摘要： 1、实现call 步骤：将函数设为对象的属性；指定this到函数，并传入给定参数执行函数；执行之后删除这个函数；如果不传入参数，默认指向window； Function.prototype.mycall = function (context, ...args) { //判断是否为函数，如果阅读全文

posted @ 2021-02-26 11:55 guo&qi 阅读(457) 评论(0) 推荐(0)

哪些场景不能使用箭头函数

摘要： 1. 定义对象方法 JS 中对象方法的定义方式是在对象上定义一个指向函数的属性，当方法被调用的时候，方法内的 this 就会指向方法所属的对象。 let obj = { array: [1, 2, 3], sum: () => { console.log(this window); // true 阅读全文

posted @ 2021-02-25 08:59 guo&qi 阅读(892) 评论(0) 推荐(0)

线性渐变、径向渐变以及圆锥渐变

摘要：一、linear-gradient：线性渐变线性渐变的方向是一条直线，可以是任何角度，语法如下： background: linear-gradient(direction, color-stop1, color-stop2, ...); 如下代码的线性渐变： .container { width 阅读全文

posted @ 2021-02-02 19:58 guo&qi 阅读(1679) 评论(0) 推荐(0)

vue 开发中实现provide和inject实现依赖注入

摘要：一、概念 provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中。这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。二、用法 provide 选项应该是一个对象或返回一个对象阅读全文

posted @ 2021-01-31 21:14 guo&qi 阅读(347) 评论(0) 推荐(0)

inline-block元素去除间隙

摘要：一、现象元素分类：常见的block块级元素： div、p、h1…h6、ol、ul、dl、table、address、blockquote、form 常见的inline内联元素： span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q 阅读全文

posted @ 2021-01-26 22:35 guo&qi 阅读(255) 评论(0) 推荐(0)

clientWidth、offsetWidth、scrollWidth的区别

摘要：一、概念它们都是Element的属性，表示元素的宽度： Element.clientWidth 内容+内边距-滚动条不包括边框和外边距 == 可视内容 Element.scrollWidth 内容+内边距+溢出尺寸不包括边框和外边距 ==实际内容 Element.offsetWidth 元素的阅读全文

posted @ 2021-01-24 20:35 guo&qi 阅读(488) 评论(0) 推荐(0)

前端模块化

摘要：一、什么是模块？将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行在一起。块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信。二、模块化开发的好处避免变量污染，命名冲突提高代码复用率提高了可维护性方便依赖关系管理，更好的分离, 并且按需加载阅读全文

posted @ 2020-12-21 20:57 guo&qi 阅读(248) 评论(0) 推荐(0)

CSS中的/deep/理解

摘要：一、含义 /deep/ 深度选择器二、用法在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加<style scoped>，这样父组件中如果有跟子组件相同的class名称或者使用选择器的时候，就不会影响到子组件的样式。我们在加了 scoped 之后样式会自动添加一个has 阅读全文

posted @ 2020-12-17 19:07 guo&qi 阅读(19080) 评论(0) 推荐(3)

vue字符串拼接添加点击事件

摘要：一、场景我想要实现的场景是：将后端返回的字符串中的电话号码拼接成html形式并且绑定一个点击事件。二、实现将电话号码绑定一个选择器和点击事件。点击事件使用原生的onclick方法，代码如下： setPhoneStyle(str) { let pattern = /(1[0-9]{10})/; 阅读全文

posted @ 2020-12-14 14:27 guo&qi 阅读(4186) 评论(0) 推荐(0)

devServer之proxy跨域

摘要：一、配置 devServer:{ contentBase:'./', proxy:{ // 当你请求是以/api开头的时候，代理会访问到http://localhost:3000 // 例如： // /api/users 则访问到 http://localhost:3000/api/users // 阅读全文

posted @ 2020-12-13 19:55 guo&qi 阅读(1162) 评论(0) 推荐(1)

导航

2021年2月26日

2021年2月25日

2021年2月2日

2021年1月31日

2021年1月26日

2021年1月24日

2020年12月21日

2020年12月17日

2020年12月14日

2020年12月13日