javascript 函数后面有多个小括号f( )( )( )...

有时我们看见js函数后面跟着多个小括号是什么意思?f( )( )( )… f()执行f函数,返回子函数 f()()执行子函数,返回孙函数 f()()()执行孙函数,返回重孙函数 但注意,如果想这样执行,函数结构必须是这样,f的函数体里要return 子函数,子函数里要return 孙函数,如...

2019-05-20 14:59:55

阅读数 27

评论数 0

一张图搞懂Ajax原理

原理 说起ajax,就不得不说他背后的核心对象XMLHttpRequest,而说到XMLHttpRequest我觉得,从它的readyState状态说起是最好的切入点。 个人觉得,只要弄清楚了readyState的这几个状态,其实ajax的原理也就算弄清楚了。为了更方便您理解,笔者特意画了一张状态...

2019-05-19 15:05:50

阅读数 49

评论数 0

520来袭,程序猿的浪漫 - 前端情书

###前言 虽然很多人认为我们不懂得浪漫,甚至情商为负, 但是程序员浪漫起来,就真的没有了其他人什么事了。 520即将到来,需要告白的同学们,要把握好机会,不要错过了。 下面分享一篇我写的前端情书(10%的借鉴) 窗外,雨敲残枝 窗内,荧光灯和电脑屏幕交汇映影 某一刻 当键盘的清脆声音戛然而...

2019-05-16 16:05:47

阅读数 212

评论数 0

一行命令更新所有 npm 依赖包

npm 包的更新速度很快,为了将项目或者全局依赖更新到最新版本。传统的做法是一个一个更新,比如更新 react 到最新版本,命令如下: # npm npm i --save react@latest # yarn yarn add react@...

2019-05-15 14:09:15

阅读数 68

评论数 0

Chrome 性能监测

前端性能优化一直是前端工作中必不可少的一部分,但是我们如何知道哪些部分的性能有优化的空间呢?此时,Chrome 性能监测就派上用场了。 正所谓:知己知彼,百战百胜,只有确定了性能瓶颈,才能有条不紊地进行前端性能优化工作。 Performance Performance 是 Chrome 开发者工具...

2019-05-14 22:24:47

阅读数 59

评论数 0

JS中事件冒泡,事件捕获详解

一、事件流 事件是js与HTML交互的基础,事件流描述的是页面接受事件的顺序,而事件流又分为三个阶段:捕获阶段、目标阶段和冒泡阶段。 如果单纯的事件处理,事件捕获和事件冒泡二选一即可,导致两者并存的原因是当年微软和网景的浏览器大战,微软提出了事件冒泡,而网景提出了事件捕获。 1、事件冒泡 事件开始...

2019-05-14 14:34:06

阅读数 59

评论数 0

页面性能优化之原生JS实现图片懒加载

在项目开发中,我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片,但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化,只加载浏览器窗口内的图片,当用户滚动时,再加载更多的图片。这种加载图片的方式叫做图片懒加载,又叫做按需加载或图片的延时加载。这样做的好处是:...

2019-05-13 13:47:26

阅读数 36

评论数 0

深入理解JavaScript函数

JavaScript中的函数 1. 函数的定义 两种定义形式: 通过函数定义表达式来定义 通过函数声明语句来定义 函数声明语句定义一个函数 //计算阶乘的递归函数 function factorial(x){ if (x<=1) return 1; ret...

2019-05-10 15:37:24

阅读数 47

评论数 0

Vue.js特性Scoped Slots的浅析

什么是scoped slots A scoped slot is a special type of slot that functions as a reusable template (that can be passed data to) instead of already-render...

2019-05-09 17:00:51

阅读数 71

评论数 0

vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析

v-on:click/mouseover...... 简写的: @click="" 推荐 事件对象: @click="show($event)" 事件冒泡: 阻止冒泡...

2019-05-09 14:33:09

阅读数 46

评论数 1

用 Node.js 写一个多人游戏服务器引擎

英文原文:https://www.smashingmagazine.com/2018/12/multiplayer-text-adventure-engine-node-js/ 摘要 听说过文字冒险游戏吗? 如果你的年龄足够大的话(就像我一样),那么你可能听说过、甚至玩过“back in th...

2019-05-07 19:24:47

阅读数 244

评论数 0

你不知道的浏览器渲染原理

前言 浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)...

2019-05-07 14:00:18

阅读数 68

评论数 0

总结下 JavaScript 中的一些小技巧

这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧,有些可能是 ES6+ 中一些比较具有实用性的新语法。 && 和 || 的妙用 有时候我们需要在某个函数或变量为 true 时执行另...

2019-05-05 15:21:21

阅读数 77

评论数 0

如何优化我们的代码(vue项目)

前言 作为一个前端,可能绝大多数的时间都是在写的业务代码,时间一长,大家会觉得乏味、没意思等等,但是其实就算只是写业务代码,我们也依然能够找到有兴趣的点,说的简单一点就是代码优化,不仅仅局限在业务逻辑这块,像是代码复用、效率等等都是我们可以加以改进的地方,学会在业务代码中找到不足,总结经验,这样日...

2019-04-30 14:07:18

阅读数 94

评论数 0

如何优雅处理前端异常?

前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。 一、为什么要处理异常? 异常是不可控的,会影响最终的呈现结果,但是我们有充分的理由去做这样的事情。 1.增强用户体验; 2.远程定位问题; 3.未雨绸缪,及早发现问题; 4.无法复线问题,...

2019-04-29 20:55:29

阅读数 64

评论数 0

vue基础之v-bind属性、class和style用法分析

一、属性 属性: v-bind:src="" width/height/title… 简写: :src="" 推荐 效果能出来,但是会报一个404错误 效果可以出来,不会发404请求 window.onload=function(){ ...

2019-04-29 16:04:23

阅读数 55

评论数 0

JavaScript碎片———函数闭包(模拟面向对象)

具体来说实现模拟面向对象主要是利用JavaScript函数闭包这个概念。由于JavaScript中的每一个function都会形成一个作用域,而如果变量声明在这个域中,那么外部是无法直接去访问,要想访问必须new出一个实例来,相当于Java中class。首先让我们来了解一下prototype方法:...

2019-04-28 17:19:20

阅读数 66

评论数 0

Vue渲染过程浅析

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板,不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤 把模板编译为render函数 实例进行挂载, 根据根节点render函数的调用,递归的生成虚拟dom 对比虚拟dom,渲染到真实dom 组...

2019-04-28 14:16:36

阅读数 117

评论数 0

Vue.js基础拾遗

模版语法 插值 1、Vue.js的数据绑定形式是使用“Mustache”语法(双大括号)的形式,针对Html代码,需要使用v-html指令。 <p>Using v-html directive: <span v-html="rawHtml&quo...

2019-04-27 17:07:33

阅读数 122

评论数 0

VUE—数据响应原理真的是双向绑定吗?

很多朋友在理解 Vue 的时候都把 Vue 的数据响应原理理解为双向绑定,但实际上这是不准确的,我们之前提到的数据响应,都是通过数据的改变去驱动 DOM 视图的变化,而双向绑定除了数据驱动 DOM 外, DOM 的变化反过来影响数据,是一个双向关系,在 Vue 中,我们可以通过 v-model 来...

2019-04-27 14:17:18

阅读数 56

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭