Monkey-yu Blog

生是见识,不是活着。

Vue之生命周期钩子

Vue之生命周期钩子浅析 Vue生命周期简介 下图是Vue官网的生命周期图: Vue1.0 VS Vue2.0 生命周期 vue1.0+ Vue2.0 说明 init beforeCreate 组件实例创建前,组件属性计算之前 ...

前端换肤

前端主题(换肤)经常会遇到,下面聊聊换肤的几种方式。 一、一般实现 我们在某些网站看到几个颜色块,点击不同的颜色,该网站的整体颜色就会切换成对应颜色。一般的实现方式:点击不同的颜色选择不同的样式表。如: theme-green.css Theme-red.css Theme-yellow.css 缺陷:方式笨拙,扩展性差,加载成本高。 二、ElementUi...

数据结构与算法(二)

接上一博客数据结构与算法(一) ! 四、链表 链表存储有序的元素集合,但是不同于数组。链表中的元素在内存中不是连续放置的,每个元素由一个存储元素本身节点和一个指向下一个元素的引用组成。 普通链表 链表的结构: 链表与数组区别: 相对于传统的数组而言,链表的好处在于添加或移除元素的时候不需要移动其他元素。 数组可以直接访问任何位置的任...

数据结构与算法(一)

惭愧自己不是计算机专业!前几天看完了《JavaScript数据结构与算法》这本书。这里总结一下。 数据结构 一、数组 数组常用的一些方法: push – 把元素添加到数组末尾 pop – 删除数组最后一项,并返回该项 unshift – 把元素添加到数组开头 shift – 移除数组第一个元素 splice(5,3,1,2) — 查找到索引5开始,删...

ES系列新特性

ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言。接下来介绍各系列特性。 ES6新特性(2015) 上一版本ES5是在2009-11月发布的,6年之隔后,在2015-6月发布了ES6。因此ES6的特性比较多。这里列举几个: 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 Promise...

SASS介绍

16年的项目使用过sass,搁置了几年,竟然语法忘了大半。吃了面试的亏,这里再温习一遍。 SASS目前为止有两种语法。最新的语法称为“SCSS”,增强了对CSS3的支持。这意味着每个CSS3的语法也适用于SCSS。SCSS文件的扩展名为.scss。 另一种语法称为SASS的老语法,也称为缩进语法。他不使用大括号和分号,而是使用缩进来指定块。文件使用扩展名为.sass。 现在通常...

网络基础(二)

接上一博客 网络基础(一)。 六、TCP/IP协议 负责传输的IP协议 按层次分,IP网际协议位于网络层,IP协议的作用是把各种数据包传送给对方。而要保证确实传送到对方那里,则需要满足各类条件,其中两个重要条件是IP地址 和Mac地址(Media Access Control Address)。 IP地址和Mac地址:指明了节点被分配到的地址,Mac地址是指网卡所属的固定地址...

网络基础(一)

一、五层因特网协议栈 1. 应用层 应用层(application-layer)的任务是通过应用进程间的交互来完成特定网络应用。应用层协议定义的是应用进程间的通信和交互规则。在互联网中应用层协议很多,如域名系统DNS,支持万维网应用的HTTP协议,支持电子邮件的SMTP协议等等。 报文:应用层交互的数据单元。 域名系统: 域名系统是因特网的一项核心服务,它作为可以将域名和IP地...

Grunt

Grunt官网请戳 这里 Grunt介绍 Grunt是JavaScript世界的构建工具,一种自动化任务处理工具,有很多插件扩展它的功能。 Grunt 基于Node.js,用js开发的。Grunt以及它的插件们,都作为一个包,可以用npm安装进行管理。 npm生成的package.json文件中,会记录当前项目中用到的Grunt插件,而Grunt会调用Gruntfile.js...

讯联

2019年2月26日上午,参加了讯联的面试,现在整理回顾。 笔试 笔试题目,一张A4纸正反两面。笔试问题比较基础,这里只回忆题目,不提供答案了。 同源策略、css选择器、css3新特性、css伪类、http method 、es6新特性、基本类型转换、js题目考察this指向、js题目考查定时器等。 面试 第一轮:先有2个面试官。自我介绍以及简历提到的前工作经验。第一个面试...