#新理解

暂时性死区TDZ理解与总结

  为什么会出现暂时性死区?  先来看看ES6标准中对let/const声明中的解释第13章,有如下一段文字:Thevariablesarecreated when theircontainingLexicalEnvironment is instantiatedbutmay&n...

正则中1、2的理解,利用正则找出重复最多的字符

  今天看到一个题,是利用正则找重复最多的字符letstr='asss23sjdssskssa7lsssdkjsssdss'constarr=str.split(/s*/)//把字符串转换为数组conststr2=arr.sort().join('')//首先进行排序,这样结果会把相同的字符放在一起,然后再转换为字符串...

理解SVG图片标签的viewport、viewBox、preserveAspectRatio缩放

一、viewport  表示SVG可见区域的大小,或者可以想象成舞台大小,画布大小。<svgwidth="500"height="300"></svg>  上面的SVG代码定义了一个视区,宽500单位,高300单位。  注意这里的措辞是“单位”,不是“像素&r...

理解HTML5数据推送应用开发问题

一、数据推送  SSE是一种允许服务端向客户端推送新数据(通常称作数据推送)的HTML5技术。那么,究竟什么是数据推送?它与我们可能用过的其他技术有什么不同呢?  让我先来回答什么不是数据推送。数据推送有两种替代方案:无更新方案和数据拉取方案。  无更新方案是最简单的。这几乎是所有网络内容的运作方式。  替代方案之一:...

深入理解VUE样式style层次分析

  刚开始使用vue的时候容易被里面的样式搞懵:  样式可以在main.js中引入,在模块js文件中引入,在组件中的style标签引入,在组件中的script标签引入,还可以在index.html的body中引入。  我不禁要问:  1、从不同位置引入的样式到底是什么关系?  2、在实际定义样式时应该定义在哪个位置,以...

详解Vuex常见问题、深入理解Vuex

  Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。  状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。  使用Vue开发项目时,通常我们就会遇...

正向代理/反向代理理解、Nginx概述、安装及配置详解

一、Nginx概述  nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器;同时也是一个IMAP、POP3、SMTP代理服务器;nginx可以作为一个HTTP服务器进行网站的发布处理,另外nginx可以作为反向代理进行负载均衡的实现。这里主要通过三个方面简单介绍nginx:反向代理、负载均衡、ngin...

项目部署问题:xftp无法连接服务器、Nginx403 Forbidden解决、nginx反向代理解决前端跨域问题

一、xftp无法连接服务器  在xftp中配置正确的ip,用户名和密码后,居然无法连接  解决方案:将协议里面的FTP换成SFTP,注意换成SFTP后端口就默认换成22,要还是原来的21就还是连不上的哈二、Nginx出现403Forbidden最终解决  在用nginx配置的时候,出现403禁止访问错误  解决方案:打...

理解Vue的计算属性

  计算属性是一个很邪门的东西,只要在它的函数里引用了data中的某个属性,当这个属性发生变化时,函数仿佛可以嗅探到这个变化,并自动重新执行。  上述代码会源源不断的打印出b的值。如果希望a依赖data中的x而变化,只需保证a函数中有this.x即可。如果函数中没有出现data中的属性,那么无论data中的属性怎么变,...
代码星球 代码星球·2020-06-27

理解Vue的状态管理模式Vuex

  Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。  状态管理模式、集中式存储管理,一听就很高大上,蛮吓人的。在我看来vuex就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中供其他组件使用。这...

理解Flow静态类型检查

一、为什么在JavaScript中使用静态类型  了解静态类型的最快方法是将其与动态类型进行对比。有静态类型参数的语言被称为静态类型语言。另一方面,有动态类型参数的语言被称为动态类型语言。核心区别是静态类型语言在编译时执行类型检查,而动态类型的语言在运行时执行类型检查。  这里我们一个概念需要解释:“类型检...

vue项目构建实战基础知识:SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除

一、SPA  不是指水疗。是singlepagewebapplication的缩写。中文翻译为单页应用程序或单页Web应用,更多解释请自行搜索。  所有的前端人员都应该明白我们的页面的url构成:http://www.fengcms.com/index.html?name=fungleo&old=32#mylo...

理解JS里的稀疏数组与密集数组

  一般来说,JavaScript中的数组是稀疏的。  什么是稀疏呢?稀疏也就是说,数组中的元素之间可以有空隙,因为一个数组其实就是一个键值映射。本文解释了如何创建稀疏数组和不稀疏的数组。1、稀疏数组  创建一个指定长度的稀疏数组很简单:  当你遍历它时,你会发现,它并没有元素,JavaScript会跳过这些缝隙。  ...

模拟源码深入理解Vue数据驱动原理(2)

  我们说到如果监听的属性是个对象呢?那么这个对象中的其他属性岂不就是监听不了了吗?如下:  倘若user中的name、age属性变化,如何知道它们变化了呢?今儿,就来解决这一问题。  通过走读Vue源码,发现他是利用Observer构造函数为每个对象创建一个Observer对象,来监听数据的,如果数据中的属性又是一个...

深入理解JS函数节流和去抖动

一、什么是节流和去抖?1、节流  节流就是拧紧水龙头让水少流一点,但是不是不让水流了。想象一下在现实生活中有时候我们需要接一桶水,接水的同时不想一直站在那等着,可能要离开一会去干一点别的事请,让水差不多流满一桶水的时候再回来,这个时候,不能把水龙头开的太大,不然还没回来水就已经满了,浪费了好多水,这时候就需要节流,让自...
首页上一页...3334353637...下一页尾页