Mr-yang的随笔

1、打开mac终端2、输入 vim /etc/hosts ，进入文件　　(注意：如果权限不够则通过： sudo vim /etc/hosts 进入文件，可能需要输入登录密码等)　　3、按下字母a切换为编辑模式（英文），即可对文件进行增删改查4、修改完成后按下esc键，退出编辑模式5、按下shift+:键，界面出现冒号，输入wq，按下回车，强制保存文件内容后退出vim编辑器6、source /etc/hosts 使修改立即生效...

// _ooOoo_// o8888888o// 88" . "88// (| -_- |)// O\ = /O// ____/`---'\____//

一、官网地址https://www.styled-components.com/二、styled-components1、styled-components 样式化组件，主要作用是它可以编写实际的CSS代码来设计组件样式，也不需要组件和样式之间的映射，即创建后就是一个正常的React 组件，并且可以附加样式给当前组件。 优化react组件2、在一个组件内会将结构、样式和逻辑写在一起，虽然这违背了关注点分离的原则，但是这有利于组件间的隔离。为了顺应组件化的潮流3、使用styled-compone

一、多行暴露模块1：module1.js//多行暴露export function foo() { console,console.log('foo() moudle1');}export function bar() { console.log('bar() moudle1')}二、统一暴露模块2： module2.jsfunction fun1() { console.log('fun1() module2')}function fun2() {

UUID(Universally Unique IDentifier)是一个128位数字的唯一标识。RFC 4122描述了具体的规范实现。本文尝试从它的结构一步步分析为什么它能做到唯一性？及各个版本的使用场景。FormatUUID使用16进制表示，共有36个字符(32个字母数字+4个连接符"-")，格式为8-4-4-4-12，如：6d25a684-9558-11e9-aa94-efccd7a0659bxxxxxxxx-xxxx-Mxxx-Nxxx-xxxxxxxxxxxxM中使用4位来表示UUID

typeof用于判断数据类型，返回值为6个字符串，分别为string、Boolean、number、function、object、undefined。 var a = [34,4,3,54], b = 34, c = 'adsfas', d = function(){console.log('我是函数')}, e = true, f = null, g; console.log(type

JavaScript中每个Function对象都有一个 call 方法和 apply 方法，而bind会返回一个新的函数1、call方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。注意：该方法的作用和 apply() 方法类似，只有一个区别，就是call()方法接受的是若干个参数的列表，而apply()方法接受的是一个包含多个参数的数组。function Person(name,age){ this.name = name; this.age = age

合并数组let arr1 = [1,3,5,7,9]let arr2 = [2,4,6,8,10]console.log(...arr1); //展开一个数组 1 3 5 7 9let arr3 = [...arr1,...arr2]//连接数组[1,3,5,7,9,2,4,6,8,10]解构赋值let a = [1,2,3,4,5,6]let [c,...d] = aconsole.log(c); // 1console.log(d); // [2,3,4,5,6]//展开运算符必须

一定注意区分：js语句(代码) 与 js表达式表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方下面这些都是表达式：(1). a(2). a+b(3). demo(1)(4). arr.map() (5). function test () {}语句(代码)：一般的javascript中的语句分为下面几种：　　(1)声明语句：变量声明和函数声明　　(2)赋值语句　　(3)控制语句：能够对语句执行顺序产生改变，包括条件语句和循环语句，当然还有比较特殊的标签语句。　

直接上代码：overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;