周守俭的博客 Zhoushoujian

多 “维” 优化——前端高并发策略的更深层思考

转载自腾讯WeTestWeTest 导读一项指标的变好,总少不了相应优化策略的实施。优化并不是简单的一蹴而就,而是个不断迭代与推翻的过程。更深层的优化方案,往往是在某种思维策略之下,对问题场景和基本策略优缺的深刻理解后做出的当下最优的权衡结果。本文笔者从前端高并发优化这一具体点出发,逐步向大家阐述笔者在优化的“术”之上思维层面的一些思考。希望能给各位带来共鸣和感悟。背景: 之所以会以前端高并发这一主题入手,一来是本人曾负责过一些超高并发量的业务(手Q红包),在这方面算是有些经验。二来是相对于业务
作者:admin 分类:前端开发 浏览:9 评论:0

什么是 JavaScript 函数式编程?

跟着大前端时代的到来,在产品开发进程中,前端所占事务比重越来越大、交互越来越重。传统的老夫拿起JQuery即是一把梭敷衍当下重交互页面现已十分乏力。于是乎有了Angular,React,Vue这些现代框架。咱们大多听过面向对象编程,面向进程编程,那啥又是函数式编程呢?在咱们前端开发中又有哪些运用场景?我抱着这个疑问,开端的学习了下。 (此文仅是学习,无甚干货)。函数式编程是一种编程范型,它将电脑运算视为数学上的函数核算,而且防止运用程序状况以及易变对象。函数编程言语最主要的根底是λ演算(lamb
作者:admin 分类:前端开发 浏览:8 评论:0

JavaScript:回调是什么

回调是什么?简单讲:回调是指在另一个函数执行完成 之后 被调用的函数 —— 因此得名“回调”。稍复杂地讲:在 JavaScript 中,函数也是对象。因此,函数可以传入函数作为参数,也可以被其他函数返回。这样的函数称为 高阶函数 。被作为参数传入的函数就叫做 回调函数 。^ 这听起来有点啰唆,让我们来看一些例子来简化一下。为什么我们需要回调?有一个非常重要的原因 —— JavaScript 是事件驱动的语言。这意味着,JavaScript 不会因为要等待一个响应而停止当前运行,而是在监听其他事件
作者:admin 分类:前端开发 浏览:8 评论:0

JS中的call()和apply()方法总结

在js中每个函数都包含两个非继承而来的方法:call()和apply()call和apply的作用都是在特定的作用域中将函数绑定到另外一个对象上去运行,即可以用来重新定义函数的执行环境,两者仅在定义参数方式上有所区别它们接收参数方面不同:call和apply的第一个参数都是需要调用的函数对象,在函数体内这个参数就是this的值,剩余的参数是需要传递给函数的值,call与apply的不同就是call传的值可以是任意的,而apply传的剩余值必须为数组call方法语法:Function.call(o
作者:admin 分类:前端开发 浏览:9 评论:0

JavaScript中this常见的两个坑

JavaScript中的this就像魔法一样,稍有不慎就会走火入魔.......正确理解this,得从一个概念“执行上下文” 谈起!何谓执行上下文(Execution Context)?JavaScript解释器使用执行上下文的概念,执行上下文可以理解为一种“环境”。脚本中每条语句在执行时,其执行上下文都会是以下三种之一:全局上下文脚本中(非函数中)的代码的执行上下文属于全局上下文。注意在Web开发中每个页面只有一个全局上下文,在作用域上对应全局作用域。函数上下文在函数中的运行的代码,每个函数都
作者:admin 分类:前端开发 浏览:13 评论:0

JavaScript的document对象

document一、属性A、title-- 返回或设置当前文档的标题alert(document.title);document.title="暴雨转大雨";alert(document.title);//暴雨转大雨B、URL--返回当前文档的urlalert(document.URL);alert(location.href);C、bgcolor--设置文档的背景色document.bgColor="blue";D、fgColor--设置文档的前景色(文
作者:admin 分类:前端开发 浏览:11 评论:0

JavaScript的自动插入分号

JavaScript语言有一个机制,在解析时能够在一句话后面自动加入一个分号,用来修改语句末尾遗漏的分号分隔符。然而,由于自动插入的分号与JavaScript的另一个机制发生了冲突,即所有的空格符都被忽略,因此程序可以利用空格格式化代码。这两种机制的冲突,很容易掩盖更为严重的解析错误。有时会不合时宜的插入分号。例如,在return语句中自动插入分号将会导致这样的结果:如果return语句要返回一个值,这个值的表达式的开始部分必须和return在同一行上,例如:返回undefined看起来上面的f
作者:admin 分类:前端开发 浏览:10 评论:0

js中的数组对象排序(方法sort()详细介绍)

定义和用法sort 方法用于对数组的元素进行排序。语法arrayObject.sort(sortby)参数sortby:可选。规定排序顺序。必须是函数。返回值对数组的引用。请注意,数组在原数组上进行排序,不生成副本。普通数组排序:js中用方法sort为数组排序。sort方法有一个可选参数,是用来确定元素顺序的函数。如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序。如:字母A、B的ASCII值分别为65、66,而a、b的值分别为97、98,所以上面输出的结果是 ["A
作者:admin 分类:前端开发 浏览:11 评论:0

web前端中的居中(八种方法)

一、水平居中(后续总结所有垂直居中方法,好像也是八种)若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:fit-content是CSS3中给width属性新加的一个属性值,它配合margin可以轻松实现水平居中, 目前只支持Chrome 和 Fi
作者:admin 分类:前端开发 浏览:7 评论:0