叶解语-CSDN博客

转载前端页面优化

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰当...

2019-04-15 20:04:10 2640

转载内存溢出和内存泄漏的区别、产生原因以及解决方案

内存溢出 out of memory，是指程序在申请内存时，没有足够的内存空间供其使用，出现out of memory；比如申请了一个integer,但给它存了long才能存下的数，那就是内存溢出。内存泄露 memory leak，是指程序在申请内存后，无法释放已申请的内存空间，一次内存泄露危害可以忽略，但内存泄露堆积后果很严重，无论多少内存,迟早会被占光。memory leak会最终会导...

2019-04-15 20:04:01 1233

转载 vue+axios+promise实际开发用法详解

axios它是基于promise的http库，可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue-resource的维护，直接推荐axios库，小编我也是从vue-resource转换过来的，差别说不来，我们讲一下axios在实际开发中的用法axios特点1.从浏览器中创建 XMLHttpRequests2.从 node.js 创建 http 请求3.支持...

2019-04-15 20:03:53 1156

转载盒子模型:display:-webkit-box的使用

在移动布局中浮动已经不再重要,自适应成为主要的需求,所以display:-webkit-box;变的尤为重要.box-flex是css3新添加的盒子模型属性,实现布局的垂直登高/水平均分/按比例划分.兼容性有待提高,没有得到完全支持,可以使用它们的私有属性定义Firefox(-moz)/opera(-o)/chrome/safari(-webkit）一、box-flex属性box-fl...

2019-04-15 20:03:46 7136

无论单页还是多页，我的实现思路是总体配置404页面的思路就是在前端路由表中添加一个 path: '/404' 的路由，渲染相应的404页面。这篇文章主要介绍了Vue单页及多页应用全局配置404页面实践,需要的朋友可以参考下前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另一个...

2019-04-14 19:41:59 1120

转载前端开发规范文档(html,css,js)

Html规范1代码风格1.1缩进**【强制】**使用4个空格作为一个缩进层级，不允许使用2个空格或tab字符；2属性2.1属性引号**【强制】**对于属性的定义使用双引号，不允许使用单引号，不允许不使用引号；示例：<img class='avatar' src="./img/avat...

2019-04-14 19:26:26 588

转载 80%应聘者都不及格的JS面试题

不起眼的开始招聘前端工程师，尤其是中高级前端工程师，扎实的 JS 基础绝对是必要条件，基础不扎实的工程师在面对前端开发中的各种问题时大概率会束手无策。在考察候选人 JS 基础的时候，我经常会提供下面这段代码，然后让候选人分析它实际运行的结果：? 1 2 3 4 5 6 7 for (var i = 0; i &...

2019-04-14 17:43:36 118

转载前端常见面试题——框架部分（五）

1.vue熟悉吗，说一下vue计算属性与监听属性的区别？computed 计算属性在数据未发生变化时，优先读取缓存，只有在相关的数据发生变化时才会改变要计算的属性。watch 监听属性会实时监听数据变化，数据每次有变化都去执行函数。举个例子<div id="app"> <input type="text" v-model="firstName">...

2019-04-14 16:59:44 467

转载前端常见面试题总结——ajax部分（四）

1.碰到过跨域问题吗，一般跨域问题是怎么解决的？浏览器都有一个“同源策略”限制，限制了ajax的请求同源策略：表示请求的协议，域名，端口号相同，就是同源，ajax只能访问同源的请求。同源策略的限制：ajax只能请求同源的地址js只能获取同源的cookie及本地存储js只能操作同源的dom同源策略的限制，使网络之间相互访问的安全性得到了提高。方法一：jsonp跨域原理：虽然...

2019-04-14 16:58:51 195

转载前端常见面试题总结——ES6部分（三）

1.es6熟悉吗，说几个es6的新增方法（1）新增声明命令let和const在es6中通常用let和const来声明，let表示变量、const表示常量。特点：let和const都是块级作用域。以{}代码块作为作用域范围只能在代码块里面使用。不存在变量提升，只能先声明再使用，否则会报错。在代码块内，在声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死...

2019-04-14 16:54:52 331

转载前端常见面试题总结——JavaScript部分（二）

1.如何对一个数组进行去重/排序？去重：除了常用的双重循环，还有两种方法方法一：遍历该数组，利用indexOf()方法判断新数组中是否存在，不存在就push到新驻足中，代码如下：var arr = ['a', 'b', 'b', 'c', 'c', 'd'];var newArr = [];for (var i = 0; i < arr.length; i++) { ...

2019-04-14 15:52:01 168

转载前端常见面试题总结——HTML和CSS部分（一）

1.怎么实现垂直居中，水平居中，说出2-3种方式？方法一：绝对定位 + left：50%，top: 50% + margin-left:(自身宽度的一半),margin-top:(自身高度的一半)缺点：要自己计算容器的宽高，万一容器的宽高改变还要修改css样式.parent { /*父标签*/ width: 600px; height: 600px; border: 1p...

2019-04-14 14:54:46 180

转载 ES6高频面试题目整理

本篇文章是根据以下内容进行的总结1、https://segmentfault.com/a/11900000113443012、http://www.bslxx.com/a/mianshiti/tiku/2017/1019/953.html3、http://www.bslxx.com/a/mianshiti/tiku/javascript/2017/1213/1505.html...

2019-04-14 14:23:26 477

转载 7种方法实现移动端Retina屏幕1px边框效果

在Reina（视网膜）屏幕的手机上，使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了，UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样。没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了这个问题，并且总结了几种方法。造成边框变粗的原因其实这个原因很简单，因为css中的1px并不...

2019-04-13 17:17:55 134

转载箭头函数和普通函数的区别

首先知道一下什么是箭头函数，箭头函数就是没有function关键字，而是一个类似箭头的函数：var a = ()=>{ return 1;}相当于function a(){ return 1;}那么就来看一下他们的区别箭头函数作为匿名函数,是不能作为构造函数的,不能使用newvar B = ()=>{ value:1;}var b...

2019-04-13 14:38:33 498

转载 transition、translate、transform、animation的区别

transition／translate／transform／animation因为自己刚开始接触css3动画时由于没有仔细看过文档，经常将这几个“属性“混淆（如果完全不存在这个问题可以忽略）1、首先要明确的是transition、transform、animation这三个都是css属性，而translate是2D转换的一种方法是transform的一个属性值2、transform是2D、...

2019-04-07 16:11:33 537

转载 JavaScript学习笔记：数组的concat()、slice()和splice()方法

JavaScript为操作已经包含在数组中的项提供了很多方法。比如push()、pop()、shift()和unshift()实现数组的增删操作、sort()和reverse()对数组项进行排序操作。今天学习操作数组的其他方法：concat()、slice()和splice()。concat()方法concat()方法可以简单的将其理解为合并数组。基于当前数组中的所有项创建一个新数组。简单...

2019-04-06 17:34:40 264

转载 ES6箭头函数与普通函数的区别

箭头函数与普通函数的区别作为ES6中新加入的箭头函数语法，深受广大开发人员的喜爱，也是平时前端面试过程中经常会被提及问道的典型题目。它不仅简化了我们的代码，而且也让开发人员摆脱了“飘忽不定”的this指向，本文就箭头函数与普通函数的区别进行一些分析。在我看来，面试官最关注的也是两者最关键的区别就是this指向的区别，普通函数中的this指向函数被调用的对象，因此对于不同的调用者，this的...

2019-04-05 20:23:58 2358 2

转载 ES6中箭头函数与普通函数this的区别

首先知道一下什么是箭头函数，箭头函数就是没有function关键字，而是一个类似箭头的函数：var a = ()=>{ return 1;}相当于function a(){ return 1;}那么就来看一下他们的区别箭头函数作为匿名函数,是不能作为构造函数的,不能使用newvar B = ()=>{ value:1;}var b...

2019-04-05 19:47:30 451

转载 CodeReview规范

目标和原则提高代码质量，及早发现潜在缺陷，降低修改/弥补缺陷的成本促进团队内部知识共享，提高团队整体水平评审过程对于评审人员来说，也是一种思路重构的过程，帮助更多的人理解系统是一个传递知识的手段，可以让其它并不熟悉代码的人知道作者的意图和想法，从而可以在以后轻松维护代码可以被用来确认自己的设计和实现是一个清楚和简单的鼓励相互学习对方的长处和优点高效迅速完成Code Re...

2019-04-05 19:16:01 873

转载关于微信二次分享，标题变链接的解决方法(二)----代码部分

声明：本篇博文只是个人工作中的分享总结，仅代表个人观点，虽然解决了不少网友的问题，但同时也引来了一些网友的不满，所以特此声明，当您遇到本博文解决不了的问题，可以尝试重新进行其他搜索或者一起交流，相信总归能解决，而不是言语攻击！该博文的解决方案毕竟不是万金油，解决不了所有问题！上篇主要介绍了分享的文档，下面这篇直接上代码（代码是用PHP来写的），让大家更容易理解。上篇地址:关于微信二次...

2018-05-09 14:22:21 569

转载关于微信二次分享，描述变链接的解决方法(一)----文档说明

声明：本篇博文只是个人工作中的分享总结，仅代表个人观点，虽然解决了不少网友的问题，但同时也引来了一些网友的不满，所以特此声明，当您遇到本博文解决不了的问题，可以尝试重新进行其他搜索或者一起交流，相信总归能解决，而不是言语攻击！该博文的解决方案毕竟不是万金油，解决不了所有问题！前言：最近工作中遇到了使用微信二次分享的时候，标题被截短，描述也变成了链接，图片也没有，运营人员半夜还在嚷嚷，无...

2018-05-09 14:20:41 4761 1

yushang的博客