3 会点php的前端小渣渣

尚未进行身份认证

我要认证

技术栈:tp框架+ spring boot easyswoole+react+vue+小程序+微信公众号开发+微信网页开发

等级
TA的排名 14w+

JS 数组中对象去重 reduce 高级技巧用法

let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ]我们想去掉数组中id重复的对象,比如同样id为2的两个对象——{id: 2, name: "小李"}和{id: 2, name: "小陈"} (去掉任何.

2020-07-04 15:06:26

1rem等于多少px (rem和px怎样转换)

1rem等于html根元素设定的font-size的px值如果css里面没有设定html的font-size,则默认浏览器以1rem=16px来换算。假如我们在css里面设定下面的csshtml{font-size:14px}那么后面的CSS里面的rem值则是以这个14来换算。例如设定一个div宽度为3rem,高度为2.5rem.则它换算成px为width:42px.height:35px同理,假如一个设计稿为宽度42px,高度为35px则换成rem,则是4...

2020-06-17 14:22:23

动态设置html的font-size值 (适配文字大小)

PC端(function () { function setRootFontSize() { let rem, rootWidth; let rootHtml = document.documentElement; //限制展现页面的最小宽度 rootWidth = rootHtml.clientWidth < 1366 ? 1366 : rootHtml.clientWidth; // 19.2 = 设计.

2020-06-16 18:10:15

http协议知识点

3次握手: (1)首先客户端向服务器端发送一段TCP报文 (2)服务器端接收到来自客户端的TCP报文之后,结束LISTEN阶段。并返回一段TCP报文 (3)客户端接收到来自服务器端的确认收到数据的TCP报文之后,明确了从客户端到服务器的数据传输是正常的,结束SYN-SENT阶段。并返回最后一段TCP报文。 4次挥手: (1)首先客户端想要释放连接,向服务器端发送一段TCP报文 (2)服务器端接收到从客户端发出的TCP报文之后,确认了客户端想要释放连接,随后...

2020-06-01 13:10:08

js之for与forEach循环的区别

首先,for循环在最开始执行循环的时候,会建立一个循环变量i,之后每次循环都是操作这个变量,也就是说它是对一个循环变量在重复的赋值,因此 i 在最后只会存储一个值; 而forEach()虽然变量名没变,但是实际上每次循环都会创建一个独立不同的变量,而存储的数值自然也是不同的数值,因此相互之间不会影响; 上面代码中,我们会发现使用for循环给每个p绑定事件时,无法正确的找到对应的p元素,最后显示的都是最后一个,这就是因为for循环是一瞬间执行完的,并且只有一个变量,只会存...

2020-05-30 20:49:03

说下v-model的实现原理,戏法

v-model只不过是一个语法糖而已,真正的实现靠的还是 v-bind:绑定响应式数据 触发oninput 事件并传递数据 <input v-model="sth" />// 等同于<input :value="sth" @input="sth = $event.target.value" /> //自html5开始,input每次输入都会触发oninput事件,所以输入时input的内容会绑定到sth中,于是sth的值就被改变;//$event

2020-05-26 17:47:09

element ui (简单的手动上传文件,submit方式)

<template> <el-form ref="form" label-position="left" :model="form" :rules="rules" label-width="80px" style="margin:20px;width:60%;min-width:600px;"> <el-form-item label="坐标类型" prop="coordinateType"> <el-radio-.

2020-05-22 10:50:35

模拟jq框架,学习jquery源码的理解

//可重复调用的加载函数function myAddEvent(obj,sEv,fn){ if(obj.attachEvent){ obj.attachEvent('on'+sEv,function(){ fn.call(obj);//兼容ie }); }else{ obj.addEventListener...

2020-04-13 16:00:02

ES6 Proxy 和 Reflect 的理解

Vue中的数据绑定ps:观察者模式 (下面有重点)Vue作为前端框架的三驾马车之一,在众多前端项目中具有极其重要的作用。Vue中具有一个重要的功能点——“数据绑定”。使用者无需关心数据是如何绑定到dom上面,只需要关注数据本身即可。那实现其功能的原理是什么?阅读官方文档(v2.0),我们会发现:把一个普通 Javascript 对象传给 Vue 实例来作为它的 data ...

2020-04-07 15:24:57

BUG是怎么出现的? 唉。。。。

2020年 3月25号 11点半1:代码写着写着。。。逻辑就不严谨了。。。2:不细心,其实很多问题都是不细心导致后面一盘乱3:还是不够细心。4:太过于执着、钻牛角尖、自认为代码逻辑没错。。。。5:大胆猜想bug来源。。。打debugge看...

2020-03-25 11:29:18

setTimeout和Promise进行混合操作的执行顺序

console.log('同步-0.1')Promise.resolve().then(() => { console.log('P-1.1')})setTimeout(() => { console.log('S-1.1')});Promise.resolve().then(() => { console.log('P-1.2')})setTimeo...

2020-03-06 16:07:14

css BFC的介绍规则

如果我们经常用flex来布局pc网页,就可能会用到BFC,主要用overflow:hidden解决哪些属性产生BFCBFC布局特性

2020-03-06 14:41:35

css 标准盒模型 content-box IE怪异盒子模型border-box

1、标准盒模型中width指的是内容区域content的宽度; height指的是内容区域content的高度。(这个元素高度直接就是内容高度) 标准盒模型下盒子的大小=content+border+padding+margin2、IE盒子模型(怪异盒模型)中的width指的是内容、边框、内边距总的宽度(content + border + ...

2020-03-06 14:17:24

开启rabbitmq远程ip访问 (新手必看)

我用docker创建的mq,发下没有配置文件,我也没去设置默认的配置mq配置文件。重点来了:当使用 ip+15672 访问的时候,linux肯定是登录不了。提示只能本地ip登录由于账号guest具有所有的操作权限,并且又是默认账号,出于安全因素的考虑,guest用户只能通过localhost登陆使用,并建议修改guest用户的密码以及新建其他账号管理使用rabbitmq。这里我们以创建个...

2020-03-05 14:29:46

SpringBoot笔记:定时任务、异步任务

异步任务注解:@Async,@EnableAsync我新建一个Service,就叫AsyncServicepackage com.example.service;import org.springframework.stereotype.Service;@Servicepublic class AsyncService { public void hello(){...

2020-03-05 11:11:24

SpringBoot笔记:消息队列(RabbitMQ)

什么是消息队列消息队列就是消息存储的容器,Java里面有两种JMS:Sun公司出品,有两种模式,点对点和发布订阅。 AMQP:消息队列的一个协议,其实现有RabbitMQ,stormMQ等我们会重点讲解RabbitMQ消息队列的作用异步通信例如下面的案例,用户注册之后,我需要存储用户的信息,还要发邮件,发短信给用户。传统的方式呢,像第一个图,一步一步来,需要150ms第...

2020-03-05 11:04:03

Spring Boot笔记:表单验证(应该会自动触发全局异常)

首先,我们的Person类,我们加上一些表单验证的注释,如下:package com.vae.springboot.study.bean;import org.springframework.stereotype.Component;import javax.validation.constraints.Min;import javax.validation.constraint...

2020-03-05 10:54:02

Spring Boot笔记:日志框架介绍SLF4j

日志框架出现了,分为两种:  1.日志门面:相当于军队的谋士,我只负责充门面,出谋划策,水攻火攻空城计,但是我不做,你找人去做  2.日志实现:相当于军队的士兵,我不管啥计策水啊火啊东风啊,我只需要你告诉我,我去干,我去放火,放水,借诸葛亮...  现在的日志框架门面和实现大概有以下几种:  1.日志门面:SLF4j ,JCL ,jboss-logging  2.日志实现:L...

2020-03-05 10:48:48

Docker使用exec进入正在运行中的容器(小白必看)

docker在1.3.X版本之后提供了一个新的命令exec用于进入容器,这种方式相对简单一些,下面我们来看一下该命令的使用:dockerexec--help接下来我们使用该命令进入一个已经在运行的容器dockerps 查看运行中的容器docker exec -it d94297f81e28(其实就是容器ID) /bin/bash按照上面的格式。、就能进入你...

2020-03-04 15:00:25

git本地版本回退与远端版本回退(回滚)

git log:该命令显示从最近到最远的提交日志。commit e620a6ff0940a8dff91e0d252f30e4d138ec37beAuthor: TangShengqin <15527733782@163.com>Date: Wed Jan 3 10:35:44 2018 +0800 练习版本回退,假设这是版本3commit 33342d9870f1...

2020-02-21 10:28:06

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。