第四天前端浅记录

82 阅读2分钟

新的一天开始了,随看随记吧,真的记不太住。

image.png

Nginx

nginx就是一个轻量级,高性能的http(Hyper Text Transfer Protocol)和反向代理服务器。 特点:占用内存少,并发能力强,最重要的,还是轻量。

正向代理

用户想要直接访问网络是不可行的,就需要代理服务器的帮助,这种就被称为是正向代理。

反向代理

客户端无法感知代理,因为客户端访问网络不需要配置。这时候把请求发给反向代理服务器,反向代理服务器会去选择目标服务器而去获取数据。极大程度保护了用户本身的IP地址。

除此之外,还看了一些关于vue组件间高级通信的知识,这一部分是面试的必考项,虽然现在看来有点为时尚早,但是看到了,就浅记一下吧。

组件间的高级通信

  • event深入

如果再组件添加@click点击事件,由于组件不是原生的DOM,所以@click与 @ys 没有什么区别,都无法触发,需要再父组件的点击事件中@click中触发$emit(只是一种方法)就会触发。 注意:如果想在组件中使用@click,可以尝试@click.native

  • v-model深入

v-model是vue表单中的指令,它主要结合表单元素一起使用(输入框,复选、单选框等等)主要作用是收集表单数据。父子组件通信时父组件需要@input中使用$emit,与event深入中的方法类似,而子组件只需要用v-model接收就好了

  • 属性修饰符sync

可以实现父子组件数据同步,: ys.sync代表着给字符串传递props[ys] 相当于给当前子组件绑定一个自定义事件(update:ys)

  • $$attrs与$listeners

$$attrs数据组件的一个属性,可以获取到父组件传递过来的props数据。而listeners可以接收到父组件传给子组件的自定义事件(@开头的代码段),并且他必须用von引用不能用@von=listeners可以接收到父组件传给子组件的自定义事件(@开头的代码段),并且他必须用v-on引用不能用@。 `v-on='listeners'`

注: 此文中所有$$都为一个,由于鄙人技艺不精,无法打出来一个,望见谅。为保持文章更少的冗余,后面不再提示。

  • $$children与$parent

$$children可以获取到当前组件的全部子组件,以数组[]方式存放。而$parent可以获取到某一个组件的父组件,可以操作父组件的数据和方法

  • 作用域插槽scope-slot

插槽分为:默认插槽,具名插槽和作用域插槽。作用域插槽:子组件的数据来源于父组件,子组件无法控制自身的结构和外观。

  • 临时增加 mixin(混入):可以把相同逻辑的js代码封装起来使用,减少代码量,增快开发速度。

项目上的问题没有太多,由于大多需求已经实现,剩下的只是收尾工作了。今天提交比较早,晚上CBA总决赛 第二场,在此给辽宁队加个油。兼顾学习的同时适当放松,也未尝不是一件好事。加油!