2018年12月_@Demi

原创前端性能优化的常用手段

在这个用户体验越来越重要的时代，你的页面稍微有点卡顿，都难以挽留用户。而作为一名有追求的前端，势必要力所能及地优化我们前端页面的性能。今天，就来谈一谈那些前端性能优化的一些常用手段。前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。来自 Google 的数据表明，一个有 10 条数据 0.4 秒能加载完的页面，变成 30 条数据 0....

2018-12-28 17:55:29 1458

原创 Vue插槽slot的使用

vue官方文档中关于slot插槽的说明很简短，语言又写的很凝练,这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”的想法，于是就关闭了vue的说明文档。一、slot的作用Q: 假如父组件需要在子组件内放一些DOM元素，那么这些DOM是显示呢还是不显示呢？默认情况下是不会显示的，如下图所示，页面并没有显示父组件增加的<span&g...

2018-12-27 14:59:00 15481 8

原创前端常见功能测试用例

说起测试和开发之间的关系，有时能和平相处，更多是矛盾重重。究其根本，矛盾都来源于bug，也终止于bug。有些可能是心理上的矛盾，有些就直接导致了面红耳赤的争执。因此，每个开发都应该懂一些测试，在日常的工作中多站在对方的角度思考问题，多体谅对方，将自己能力范围内的工作做好，问题解决好，为对方营造一个舒适的解决问题的环境，对方自然将你的好看在眼里，记在心里。【1...

2018-12-26 14:32:42 16600 4

原创 JavaScript系列之数组去重

数组去重方法是老生常谈，特别是一些bat大厂的面试都会提到这个问题，既然是常谈，那么我也来谈谈嵌套循环（兼容性好）使用循环嵌套，最外层循环 array，里面循环 res，如果 array[i] 的值跟 res[j] 的值相等，就跳出循环，如果都不等于，说明元素是唯一的，这时候 j 的值就会等于 res 的长度，根据这个特点进行判断，将值添加进 res。 function uni...

2018-12-24 14:10:32 190

原创回到顶部的几种实现方法

【1】使用默认链接锚点添加一个a链接，设置a链接的href属性值为"#top"即可实现<body> <div>我在顶部</div>  <br><br><br><br><br><br><br><b...

2018-12-21 17:51:41 46313 4

原创 JavaScript数据类型

一、数据类型分类【1】值类型（基本类型）：字符串（String）、数字（Number）、布尔（Boolean）、空（Null）、未定义（Undefined）【2】引用数据类型：对象（Object）、数组（Array）、函数（Function）二、类型详解【1】字符串（String）字符串是存储字符的变量。字符串可以是引号中的任意文本var myName = "Demi"...

2018-12-21 11:39:33 264

原创 HTTP协议报文格式

一、HTTP消息结构 HTTP是基于客户端/服务端（C/S）的架构模型，HTTP使用统一资源标识符（Uniform Resource Identifiers, URI）来传输数据和建立连接。一旦建立连接后，数据消息就通过类似Internet邮件所使用的格式[RFC5322]和多用途Internet邮件扩展（MIME）[RFC2045]来传送。二、客户端请求报文格式 ...

2018-12-18 17:36:04 1034

原创 HTTP状态码

一、HTTP状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码： 200 - 请求成功 301 - 资源（网页等）...

2018-12-18 15:33:13 195

原创 HTTP请求方法

HTTP请求方法根据HTTP标准，HTTP请求可以使用多种请求方法来表明Request-URI指定的资源的不同操作方式。 HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法。 HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。请求方法描述 get ...

2018-12-18 14:46:18 158

原创 HTTP协议简介

一、HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。二、HTTP工作原理一次HTTP操作...

2018-12-18 14:20:48 348

原创 localStorage用法小总结

一、什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)二、localStorage的优势和局限【1】优势 localStorage拓展了cookie的4K限制 localStorage会可以...

2018-12-18 11:07:39 17559 1

一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协...

2018-12-14 19:22:02 435395 54

原创 git 常用操作命令

一、在Windows上安装Git1. 从Git官网直接下载安装程序，然后按默认选项安装即可，安装完后，在开始菜单中找到Git Bash 程序并打开，弹出一个类似命令行窗口的小窗口，说名Git 安装成功！2. 使用Git的第一件事就是设置你的名字和email，在命令行中输入以下命令配置你的name和email地址，这些是你在提交commit时的签名。(注意：git config后面使...

2018-12-13 11:40:03 242

原创 package.json文件解析

一、用途管理你所安装的npm包的依赖，在开发过程中能清楚的查询安装的包的版本以及项目中使用的包依赖，便于开发组成员共享。以及项目的配置信息（比如名称、版本号、项目描述、许可证等元数据）。运行npm install命令可以自动下载package.json文件中运行和开发环境中所需的依赖二、创建(两种方式)1.手动输入创建2.npm init命令自动创建三、配置项...

2018-12-04 18:19:59 4135

越努力，越幸运！