summer_object-优快云博客

原创 css中兼容ie浏览器的前缀是什么？

答案是：-ms详解：-ms代表【ie】内核识别码-moz代表火狐【firefox】内核识别码-webkit代表谷歌【chrome】/苹果【safari】内核识别码-o代表欧朋【opera】内核识别码...

2019-03-25 18:19:21 6989

原创【算法】数组乱序

题目是：var arr=[1,2,3,4,2,6,7,8]把该数组进行乱序，返回一个乱序后的数组方法一：arr.sort((a,b)=>{Math.random()>0.5?-1:1})结果：方法二：目前没有想出来！！！！！请大家帮忙...

2019-03-25 17:46:21 716

原创【lodash源码】_.startsWith()

函数检查字符串是否是目标字符开始的/** * Checks if `string` starts with the given target string. */function startsWith(string, target, position) { const { length } = string position = position == null ? 0 : ...

2019-03-25 15:59:15 567

原创【lodash源码】_.filter()

function filter(array, predicate) {let index = -1let resIndex = 0const length = array == null ? 0 : array.lengthconst result = []while (++index < length) {const value = array[index]if (predi...

2019-03-19 16:38:34 450

原创【Lodash源码】_.map() [ map和foreach有什么区别呢？]

我们通过例子来分析源码和两个方法之间的区别举例：_.forEach()var array = [1,2,3,4,5]; var res = _.forEach(array, function (item,index,input) { input[index] = item*10; }) console.log(res);//=>undefinedcon...

2019-03-18 13:41:33 2927 1

原创【webstorm设置】去掉WebStorm中黄色警告

去掉WebStorm中黄色警告强迫症的我，看着真心不爽！！！！！（解决了问题，麻烦关注一下。我的动力动力！！）解决步骤：右下角的小灯泡-> confingure inspections->取消掉unresoved function和varible...

2019-03-15 10:59:15 16775 1

原创 [webstorm设置] 红色波浪线报错

[webstorm设置] 对es6语法红色波浪线报错是因为编辑器没有设置为es6语法解决步骤：settings ->Languages & FrameWorks -> JavaScript ->选择es6语法则可以...

2019-03-15 10:44:04 6085 1

原创【javascript】【ES6】findindex()函数的应用

关联记忆findindex（）是上一篇介绍的find（）函数的brother，对！就是brother单词的理解index的英文翻译是：findindex（）是返回一个符合条件的数组的以一个元素的第一个位置来个例子结果是3代表的是位置信息，即使数组中4的位置下标信息...

2019-02-15 11:32:39 269

原创 [js] 数组的常用方法以及loadsh的便捷

Array 对象Array 对象用于在单个的变量中存储多个值常用方法pop(),shift(),slice(),splice(),push(),unshift(),concat(),sort(),valueOf() pop（）删除数组最后一个元素【[1,2,3].pop()//=>[1,2]】shift（）删除数组并返回数组第一个元素【[1,2,3,4].shift() /...

2019-02-15 11:32:11 486

原创 vue eslint报错Expected linebreaks to be 'LF' but found 'CRLF'

原因：在使用不同的编辑器和操作系统时，我们使用的换行操作不一样，造成了这种报错解决方法是在.eslintrc.js文件里面，在 rule：下面加上”linebreak-style“:[0，“error”，“window”]，问题解决...

2018-10-30 17:32:35 2736

原创行内元素有哪些，块级元素有哪些，他们之间的区别

行内元素： span、a、img、i、input、strong、select块级元素： div、ul和ol、li、table、dt、dd、h1~6、p（p是可以设置宽高的!!!!）区别：1.行内元素是不可以设置宽高，不是自己独占一行。但是margin，padding值有用2.块级元素是可以设置宽高的，且自己独占一行相互转换：行内元素设置display：bloc...

2018-10-17 10:32:34 611

原创 xhtml与html之间的区别？

可扩展超文本标记语言（英语：eXtensible HyperText Markup Language，XHTML），是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用标记语言（SGML）的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展标记语言（XML），XML是SGML的一个子集区别：主要是XHTML可兼容各大...

2018-10-17 09:56:12 966

原创 WEB标准和W3C标准是什么

标签闭合标签小写嵌套正确外部链接css和js 提倡结构、表现和行为相分离（HTML结构、CSS表现、JavaScript行为）

2018-10-17 09:51:30 5191

转载 HTML5的离线存储

HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。方法：1.在index.html里加上<html manifest="test.manifest">2.manifest清单格式如下：CACHE MANIFEST...

2018-10-16 17:16:54 462

原创【H5】html5有哪些新特性？

H5新特性增强了图片渲染、数据存储、影音和多任务处理等功能新加的属性是：1.canvas动画2.本地存储localstorage3.时间监听 addeventlistener（window的对象）4.sessionstorage数据在浏览器关闭后自动删除5.媒体video和audio需要第三方插件就能播放音频和视频了，可以直接插入，并且用同一的API接口控制。6...

2018-10-16 17:05:48 7866

原创浏览器的内核

Trident内核代表产品Internet Explorer，又称其为IE内核。WebKit内核代表作品Safari、ChromewebkitGecko内核代表作品Mozilla，Firefox

2018-10-16 13:53:59 240

转载【转】浅谈http协议

首先呢，我们来看一下HTTP是什么：http,英文名字叫Hyper Text Transfer Protocol,即超文本传输协议，这个呢，是基于TCP/IP进行数据传输数据的，那么，我们在平时常用的浏览器作为http的客户端通过url向web传递数据。其默认端口是【80】。关于HTTP的十字诀：无连接、无状态、媒体独立。怎么理解这十个字呢？第一，无连接，指的是每次链接只处理一个请求。...

2018-10-16 12:12:26 138

原创【http】请求的方法种类

一、常用的HTTP方法：GET：用于请求访问已经被URI（统一资源标识符）识别的资源，可以通过URL传参给服务器，传送的数据较小POST：用于传输信息给服务器，主要功能与GET方法类似，但一般推荐使用POST方式，不同于post可以传输交大的数据PUT：传输文件，报文主体中包含文件内容，保存到对应URI位置。HEAD：获得报文首部，与GET方法类似，只是不返回报文主体，一般用于验...

2018-10-16 12:11:33 201

原创【http】http模块状态码

状态代码由三位数字组成，第一个数字定义了响应类别，有五种。1xx：信息--表示请求已接收，继续处理。2xx：成功--表示请求已被成功接收、理解、接受。3xx：重定向--要完成请求，需要进一步的操作。4xx：客户端错误--请求有语法错误或请求无法实现。5xx：服务器端错误--服务器未能实现合法的常见的有200： ok（请求成功）403 Forbidden：服务器收到请求，但是...

2018-10-16 11:31:57 120

转载【seo】前端如何提高网站速度，从而达到SEO优化

提高网站速度的6种网站前端优化方法最近有几个同事开通了个人博客，但却抱怨说因为的买的虚拟空间，所以个人博客网站打开速度很慢。对于这种现象，按照一般的情况来看，一个网站的访问打开速度的快与慢，全是看这个网站使用的空间配置，要是这个空间主机的配置不错，那么你的网站访问速度就会很快;相反，要是你的空间主机的配置很烂，那么你的网站访问速度就会很慢。其实抛去空间主机的配置因素不谈，我们站长或者seo...

2018-10-16 11:02:25 368

原创 [seo]前端需要注意哪些SEO？

一、SEO是什么SEO，中文意思搜索引擎优化二、目的是什么目的是吸引精准用户进入网站，获得更多的免费流量，做品牌推广或者销售自己的产品。使网站满足搜索引擎的收录排名需求，提高网站在搜索引擎中关键字的排名，三、该怎么做呢？对于我们前端开发工程师来说 , 我们需要在开发的过程中通过网站结构的优化、网站内容建设和提高网站速度四：具体要怎么做？1.title，descripti...

2018-10-16 10:58:44 749

搜索引擎优化内部优化　　（1）META标签优化：例如：TITLE，KEYWORDS，DESCRIPTION等的优化　　（2）内部链接的优化，包括相关性链接（Tag标签），锚文本链接，各导航链接，及图片链接　　（3）网站内容更新：每天保持站内的更新(主要是文章的更新等)外部优化　　（1）外部链接类别：友情链接、博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、站群、相关信息网等尽量保持链接的...

2018-10-14 09:18:33 161

原创图片格式有哪些？

知道的网页制作会用到的图片格式有哪些? Png-8、png-24、jpeg、gif、svg重要的是webp格式（新出的格式，2/3体积jpeg）

2018-10-14 09:16:51 2723

原创变量生命

var v = "hello"; function test (){ console.log(v); var v = "world"; }// 这段代码运行的结果是什么呢？ // 答案是：undefined // 这段代码说明了两个问题， // 第一，function作用域里的变量v遮盖了...

2018-10-14 09:15:04 165

原创 Failed to mount component: template or render function not defined. (found in root instance)

尚未找到，bug的解决方法

2018-10-14 09:13:40 3748 5

原创 [vue,bug]Getting error configuration.resolve.extensions[0] should not be empty

1.[Vue warn]: Failed to mount component: template or render function not defined.2.Getting error configuration.resolve.extensions[0] should not be empty两个报错连环运行vue项目时候在出现报错：内容是[Vue warn]: Failed...

2018-10-14 09:12:34 609

原创 [Vue warn]: Failed to mount component: template or render function not defined.

1.[Vue warn]: Failed to mount component: template or render function not defined.2.Getting error configuration.resolve.extensions[0] should not be empty两个报错连环运行vue项目时候在出现报错：内容是[Vue warn]: Failed...

2018-10-14 09:11:33 4868 1

原创 [nodejs]报错 throw new Error('invalid "instanceof" keyword value '

D:\myProjectDemos\webpackDemo\node_modules\ajv-keywords\keywords\instanceof.js:52 throw new Error('invalid "instanceof" keyword value ' + c); ^Error: invalid "instanceof" keyword value Promi...

2018-10-14 09:10:10 2201

原创【javascript】【ES6】find()函数的应用

上一个例子：var arr = [1,2,3,4,10]//想要找到大于3的第一个数字（即数字4）arr.find(function (nums) { return nums > 3})find() 方法 : 返回符合条件的数组中的第一个元素的值。这是结果...

2018-08-12 16:22:57 810

原创【js的乐趣】清除浮动的方法双伪元素（万能清除器，使用方法）

.clearfix:before,.clearfix:after{ content:""; display:table;} .clearfix:after{ clear:both;}.clearfix{*zoom:1;/*IE/7/6*/} <div class="one clearfix"> <...

2018-03-22 20:45:51 1238

原创清除浮动的集中常见方法

清除浮动的集中常见方法代码如下： <div class="one"> <div class="on01">01</div> <div class="on02">02</div> <div class="on03&

2018-03-22 20:26:56 238

原创 [js的乐趣]关于float浮动的理解（举例说明）

浮动布局时，因为一张图片迟迟放不对位置，而导致页面进程为0呢？到底用display：inline-block；还是用浮动float来解决呢？是不是因为浮动，导致下面的同级盒子不在应有的位置位置上面呢？在写导航栏的时候，如何让每个li都在一行显示？什么是浮动？float属性定义了元素在哪个方向浮动float：left/right/none/inherit 一、浮动也就脱离了标准文档流浮动的框可以向...

2018-03-22 19:46:51 1221 1

原创 js的乐趣：关于栈和堆得理解

1、谈到栈和堆必要知道JavaScript中的基本类型和引用类型 function show-type(x) { console.log(typeof(x)); // undefined 值类型 console.log(typeof(10)); ...

2018-03-16 19:23:06 173

qq_30091939的博客