让我们的技术真正秀起来 - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

2年前

JavaScript专题之jQuery通用遍历方法each的实现

JavaScript专题之jQuery通用遍历方法each的实现

JavaScript专题系列第十一篇，讲解jQuery通用遍历方法each的实现each介绍jQuery的each方法，作为一个通用遍历方法，可用于遍历对象和数组。语法为：jQuery.each(object,[callback])复制代码回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。//遍历数组$.each([0,1,2],function(i,n){console.log("Item#"+i+":"+n);});//Item#0:0//Item#1:1//Item#2:

545155 3353 0

2年前

说说你对算法中时间复杂度，空间复杂度的理解？如何计算？

说说你对算法中时间复杂度，空间复杂度的理解？如何计算？

#面试官：说说你对算法中时间复杂度，空间复杂度的理解？如何计算？#一、前言算法（Algorithm）是指用来操作数据、解决程序问题的一组方法。对于同一个问题，使用不同的算法，也许最终得到的结果是一样的，但在过程中消耗的资源和时间却会有很大的区别衡量不同算法之间的优劣主要是通过时间和空间两个维度去考量：时间维度：是指执行当前算法所消耗的时间，我们通常用「时间复杂度」来描述。空间维度：是指执行当前算法需要占用多少内存空间，我们通常用「空间复杂度」来描述通常会遇到一种情况，时间和空间维度不能够兼顾，需要在两者之

545386 3283 0

3年前

Vue实例挂载的过程中发生了什么?

Vue实例挂载的过程中发生了什么?

面试官：Vue实例挂载的过程一、思考我们都听过知其然知其所以然这句话那么不知道大家是否思考过newVue()这个过程中究竟做了些什么？过程中是如何完成数据的绑定，又是如何将数据渲染到视图的等等一、分析首先找到vue的构造函数源码位置：src\core\instance\index.jsfunctionVue(options){if(process.env.NODE_ENV!=='production'&&!(thisinstanceofVue)){warn('Vue

546397 3295 0

5年前

Vue全局指令：如何添加全局指令？（附2个常用自定义指令）

Vue全局指令：如何添加全局指令？（附2个常用自定义指令）

Vue全局指令：如何添加全局指令？（附2个常用自定义指令）前言前面有专门的文字，讲过Vue指令，以及如何使用指令，今天就来讲讲如何添加全局指令，并且附上2个非常适用的例子。《Vue如何创建自定义指令？》如何添加全局指令？在上面文章中，提到过一种方法，在main.js（入口JS文件）中引入你已经写好的指令文件，可以省略文件后缀：//main.jsimportfocusfrom'xxx/directive'如果你有多个指令文件了？怎么引入？Vue.use((Vue)=>{((requireContext

558140 3784 1

2年前

水平垂直居中深入挖掘

水平垂直居中深入挖掘

在上篇文章--一行CSS代码的魅力的最后，提到了两种快速实现水平垂直居中的方式。当然，CSS中实现水平垂直居中的方式很多。别看到水平垂直居中就准备右上角x掉，本文的重点不是罗列有多少种方式实现水平垂直居中方式，而是探讨一下常见的几种水平垂直居中的方式的利弊。嗯哼？也就是：那么多种水平垂直居中的方式，如果真的在业务中需要使用了，你脑海里第一时间会想到哪个？不同的水平垂直居中方式，它们肯定存在差异，那么最显著的不同是什么？有没有所谓的最完美的水平垂直居中？本文将讨论4种水平垂直居中的方式，分别是，并且每个起个

546738 3395 0

2年前

单标签实现复杂的棋盘布局

单标签实现复杂的棋盘布局

最近，有群友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局：他用了60多个标签，而他的同学，只用了6个，问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑DOM的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。当然，仅仅从用更少的标签完成这个布局的角度而言，我们能够把标签数压缩到多少呢个？（不考虑<body>和<html>）答案是1个。本文就尝试使用一个标签完成这

546439 3396 0

3年前

bind、call、apply 区别？如何实现一个bind?

bind、call、apply 区别？如何实现一个bind?

bind、call、apply区别？如何实现一个bind?一、作用call、apply、bind作用是改变函数执行时的上下文，简而言之就是改变函数运行时的this指向那么什么情况下需要改变this的指向呢？下面举个例子constname="lucy";constobj={name:"martin",say:function(){console.log(this.name);}};obj.say();//martin，this指向obj对象setTimeout(obj.say,0);//lucy，this指

545203 3257 0

2年前

JavaScript深入之执行上下文

JavaScript深入之执行上下文

JavaScript深入系列第七篇，结合之前所讲的四篇文章，以权威指南的demo为例，具体讲解当函数执行的时候，执行上下文栈、变量对象、作用域链是如何变化的。前言在《JavaScript深入之执行上下文栈》中讲到，当JavaScript代码执行一段可执行代码(executablecode)时，会创建对应的执行上下文(executioncontext)。对于每个执行上下文，都有三个重要属性：变量对象(Variableobject，VO)作用域链(Scopechain)this然后分别在《JavaScript

546457 3248 0

5年前

React高级组件精讲

React高级组件精讲

高阶函数是以函数为参数，并且返回也是函数的的函数。类似的，高阶组件（简称HOC）接收React组件为参数，并且返回一个新的React组件。高阶组件本质也是一个函数，并不是一个组件。高阶组件的函数形式如下：constEnhanceComponent=higherOrderComponent(WrappedComponent)通过一个简单的例子解释高阶组件是如何复用的。现在有一个组件MyComponent，需要从LocalStorage中获取数据，然后渲染到界面。一般情况下，我们可以这样实现:importRe

554951 3304 0

zxg_神说要有光

2年前

Typescript 类型的本质是什么

Typescript 类型的本质是什么

类型类型指的是变量的类型，而变量是一块内存空间，不同类型的变量会占用不同的字节数，而且可以做的操作也不同。number、boolean、string等类型的变量会占用不同的内存大小。类型分为基础类型和引用类型，基础类型分配在栈上，而引用类型分配在堆上，之所以有引用类型是因为这种类型是复合出来的，比如对象，它可能有任意多个属性，这种就放在可动态分配内存的堆上，然后在栈上记录下该地址，这就是引用类型。类型是运行时的变量的内存空间大小和可以做的操作的标识，但是代码中不一定包含，根据代码中是否有类型的标识，语言分

545542 3311 0

下拉加载更多

猜你喜欢

换一换

最新文章