见嘉于世

2020年6月14日

摘要：一、私有变量 1. 迭代器 const countModule = (function () { let count = 0; function addCount() { count++; return count; } function toZero() { count = 0; return c 阅读全文

posted @ 2020-06-14 16:36 见嘉于世阅读(273) 评论(0) 推荐(0) 编辑

JS继承

摘要： ES5继承 function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayName = function () { alert(`My name is ${this.name}.`); ret 阅读全文

posted @ 2020-06-14 10:18 见嘉于世阅读(125) 评论(0) 推荐(0) 编辑

2020年6月13日

数组去重的简单方法

摘要：一、new Set()方法 Set对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 function removeRepeatElement(arr) { return Array.from(new Set(arr)); } 注意：要用Array.from()来将Set对象转换成一个真的阅读全文

posted @ 2020-06-13 16:31 见嘉于世阅读(194) 评论(0) 推荐(0) 编辑

对象的浅拷贝和深拷贝

摘要：前言拷贝就是复制，浅拷贝和深拷贝也就是浅复制和深复制。网上关于浅拷贝和深拷贝的内容有很多，原理就不再多赘述了。一言以蔽之，所谓浅拷贝就是一层复制，所谓深拷贝就不仅仅是一层复制，还可以多层复制。浅拷贝去复制基本类型值是没什么问题的，但是遇到了数组、对象这些引用类型值就没辙了。为什么没辙了呢？阅读全文

posted @ 2020-06-13 15:24 见嘉于世阅读(257) 评论(0) 推荐(0) 编辑

2020年5月28日

CSS布局

摘要：文档流默认的文档流是从上到下，从左到右的。文档元素块级元素：可以设置宽高，占一整行，如果没有设置高度，高度由内容/内边距撑开。div h1~h6 p ul ol li form table…… 行内元素：不可以设置宽高，它的大小由文本内容决定，padding全有效，margin仅对左右有效。a 阅读全文

posted @ 2020-05-28 10:55 见嘉于世阅读(162) 评论(0) 推荐(0) 编辑

2020年5月27日

CSS box-sizing属性（如何定义盒子的总宽高）

摘要：定义 CSS 中的 box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 box-sizing: content-box;（默认）计算方式： width = 内容宽度 height = 内容高度 box-sizing: border-box; 计算方式： width = bord 阅读全文

posted @ 2020-05-27 20:46 见嘉于世阅读(1188) 评论(0) 推荐(0) 编辑

CSS 防止页面抖动，提高用户体验

摘要：在加载页面资源时，可能会延迟，这时会出现页面抖动，通过以下方法自动撑开空白区域，提升用户体验。 overflow: hidden; width: 100%; height: 0; padding-bottom: 高/宽%; 完整代码： <!DOCTYPE html> <html lang="en"> 阅读全文

posted @ 2020-05-27 15:45 见嘉于世阅读(1135) 评论(0) 推荐(0) 编辑

《CSS揭秘》读书笔记（P1-P50）

摘要：一、CSS编码技巧尽量减少代码重复当某些值相互依赖时，应该把它们的相互关系用代码表达出来。 font-size: 20px line-height: 1.5 /* 20*1.5 = 30px */ 字号不要用绝对值，用相对单位便于维护。 font-size: 125% /* 假设父级的字号是阅读全文

posted @ 2020-05-27 13:13 见嘉于世阅读(231) 评论(0) 推荐(0) 编辑

2020年5月24日

Vue组件声明和传值（父子+非父子）

摘要：前言组件就是可复用的vue实例，各自都有名字。一、全局组件全局组件一经声明就在全局注册了，就可以在任意 Vue根实例中使用，全局组件作为子组件可以互相使用。选项可以写data、methods、computed、watch等等，el不可以写。注意： 1. 组件中的data选项要用函数的形阅读全文

posted @ 2020-05-24 22:39 见嘉于世阅读(520) 评论(1) 推荐(0) 编辑

vue-cli 项目创建及项目结构说明

摘要：一、vue cli简要安装步骤 1. window下打开运行，输入cmd打开终端。 2. 检查node和npm的安装情况在终端中分别输入： node version npm version 如果没有安装node和npm，需要安装一下。 3. 全局安装vue cli 在终端中输入： npm inst 阅读全文

posted @ 2020-05-24 19:29 见嘉于世阅读(644) 评论(0) 推荐(0) 编辑

有志者，事竟成。

公告