做只努力的小咸鱼-CSDN博客

原创 CSS padding和margin百分比的使用和细节

padding和margin作为CSS最常用的属性之一，它的用法想必大家都不陌生，但它的值除了数值之外，还有一个百分比！数值很简单，输入多少那么padding和margin的值就是多少。那么百分比呢？百分比对应的值是根据父元素的宽度来决定的，如果没有就继续往上级去查找，注意：不管是水平还是垂直的padding和margin都是由父辈的宽度来决定。下面以padding来举个例子：<style> .box { width: 200px; height: 200

2022-03-12 17:45:06 1367

原创 2021 小米前端秋招笔试题

不定项选择题使用浏览器访问http://miui.com/时，以下哪些过程发生在浏览器端？A. 构建HTTP 请求B. 解析HTTP 请求C. 发送HTTP 响应D. 渲染页面正确答案：AD解析：浏览器端构建HTTP请求，并发送 -> 服务器端接收到HTTP请求，并进行解析 -> 服务器端发送HTTP响应 -> 浏览器端接收到响应，并进行页面渲染。下列哪些关于HTTP/2 的描述是正确的？A. 解决了TCP 队头阻塞的问题B. 解决了浏览器线头阻塞的

2022-03-07 14:17:46 1521

原创 2020 奇安信前端秋招笔试选择题

CPU的调度分为高级，中级和低级三种，其中低级调度是指？A. 作业B. 交换C. 进程D. 线程正确答案：C解析：高级调度是作业调度；中级调度是交换调度；低级调度是进程调度。以下代码执行后，result的值变成什么？var result=0;function test(result){result=1;}test(2);A. 0B. 1C. 2D. 代码执行时抛异常正确答案：A解析：result在方法内作为形参它的作用域仅限于这个方法，因此方法内的resu..

2022-03-06 11:37:54 944

原创记录微信小程序 2.10.4后使用 wx.getUserProfile 获取用户信息

wx.getUserProfile(Object object) 在2.10.4后开始支持，低版本也可以做兼容性处理因为在2021年4月13日后，使用getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息，使用getUserProfile成为了最佳的选择。getUserProfile和getUserInfo用法相似，每次点击请求都可以在用户同意后返回userInfo对象，我们也可以把对象存储到缓存中。WXML<button type="primary" plain bindtap=

2022-03-02 11:57:01 730

原创实现数组扁平化(常见的两种问法)

前端面试中数组扁平化也是一个比较常见的问题了，我见得多的有两种问法：一种是将数组完全展开，数组里面不在有数组，另一种就是给定一个展开值，只展开一部分，下面就这两种情况进行一下讨论。1. 完全展开先创建一个空数组作为最后的输出结果，然后将要扁平化的数组去进行遍历，如果发现arr[i]是数组，就进行递归，判断这个数组里面的值是否还是数组，直到递归完全，每一次递归完都会将最后的值添加到空数组里面去。let res = [];function flat(arr) { for(let i =

2022-02-27 12:07:59 185

原创保姆级教学，让你用VUE来轻松实现简单的增删改查操作，不来看看吗

文章目录1. HTML部分2. CSS部分3. JS部分源码因为我是用vue来练练手，所以我并没有采用Element去实现，如果赶时间或者追求美观的各位推荐使用element。下面直接就开门见山了，html和css部分就不多做介绍了，简易版本的增删改查也没有太过复杂的样式，js我会做很详细的讲解。可分为三个部分：搜索和添加部分，编辑框部分(添加用户和修改共用)，列表部分。编辑框用v-show来决定显隐。下面是简单的实现图：1. HTML部分 <div class="add_info"&g

2022-02-20 14:58:56 6276 2

原创 phpstudy连接mysql总是启动了又停止，简单几步就能解决

第一种情况可能是端口占用问题，可以选择在phpstudy的MySQL配置里面更改端口，改成3307即可，不过一般这种情况较少第二种情况就是曾经在电脑上安装过mysql，忘记了的可以在服务里面进行查看，比如：这时候可以进入win + R输入cmd，最好以管理员的身份进入之后输入 sc delete mysql，做完这一步在进入注册表，彻底删除之前的mysql1、HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Applica.

2022-02-19 17:26:07 18340 10

原创初用vscode写wxml不知道怎么快捷注释？来试试扩展

在vscode中，Ctrl + / 在wxml页面并不支持，这时候可以回到微信开发者工具去用Ctrl + /进行注释，也可以在vscode中手写”< !-- --> “对代码进行包裹但我既不像切换工具，又想使用快捷键怎么办呢，推荐大家使用vscode的扩展，按Ctrl+shift+X进行搜索 ”WXML - Language Service“，就可以实现想要的快捷键啦，还有代码自动补全，高亮功能。另外还有写扩展推荐大家使用，比如小程序开发助手，和想要使用 less 进行样式编写的 Eas

2022-02-16 17:21:07 1265

原创 JS location属性方法详解

文章目录URL组成location对象属性location对象方法URL组成先提一下URL的各部分组成：协议部分、域名部分、端口部分、虚拟目录部分、文件名部分、参数部分、锚部分例如一个URL：http://www.aspxfans.com:8080/news/index.asp?boardID=5&ID=24618&page=1#r_70732423协议部分：协议部分为“http：”，这代表网页使用的是HTTP协议。在”HTTP”后面的“//”为分隔符域名部分：该URL

2021-12-30 17:43:24 1574

转载清晰易懂的递归实现深拷贝

深拷贝：就是复制多层新对象会创建一个新的堆内存地址，原对象堆内存地址的属性会复制一份存放到新对象里的堆内存地址中去，两者不互干扰。 var obj = { arr1 : [1,2,3], fn: function(){ console.log('我是一个方法') }, a : '我是普通属性' } // 现在我要把obj字面量创

2021-09-27 09:31:13 590

原创轻松理解TCP与UDP的区别

1.TCP协议2.UDP协议3.TCP与UDP的区别总结1.TCP协议传输控制协议（TCP，Transmission Control Protocol）是一种面向连接的、可靠的、基于字节流的传输层通信协议。连接到不同但互连的计算机通信网络的主计算机中的成对进程之间依靠TCP提供可靠的通信服务。① 建立连接（三次握手）第一次握手：客户端向服务端发起连接时，会发送一个SYN包询问服务器是否可以建立连接，之后客户端会进入SYN-SENT状态，等待服务器确认请求。第二次握手：服务端收到了客户端发来.

2021-08-14 22:02:28 822 1

原创手把手搞懂JavaScript数组的常用API

创建数组使用Array构造函数创建数组：let arr = new Array();let arr = new Array(5); // 也可以给构造函数传值,这里创建了一个初始length为5的数组let arr = new Array(“aa”,“bb”); // 创建一个两个字符串值的数组使用数组字面量表示法创建数组：let arr = []; // 创建空数组let arr = [“aa”,“bb”, ]; //创建一个包含2个元素的数组添加元素数组内添..

2021-08-11 10:54:01 540

原创浅拷贝、深拷贝？一篇解决理解与实现

先来说说浅拷贝和深拷贝大致的理解：浅拷贝只是复制了一层，复制后的对象会与原对象共用堆内存地址，而深拷贝就是复制多层新对象会创建一个新的堆内存地址，原对象堆内存地址的属性会复制一份存放到新对象里的堆内存地址中去，两者不互干扰。这里画一张简略的图来说明一下：以上为浅拷贝，就是指NewObj虽然复制了Obj，但它只是拿到了原对象的引用，如果obj的值发生改变时，NewObj也会跟着改变。let obj = { a: "Hello World"}let NewObj = obj;obj.a =

2021-08-09 22:12:43 329

原创浅析script标签中async和defer的区别

通常我们在编写网页的时候会在html里面引用script标签来添加一些第三方的脚本，在同步的情况下，html必须要按部就班的向下加载，一但碰到了script标签，也必须要强行把他们加载执行完，哪怕是它们是在一个环境很差的服务器上，所以就可能会出现页面加载缓慢，白屏的现象。这个时候，我们就有两种解决办法，就是async（异步）和defer（延迟）这两种属性，它们可以使script标签不影响后续DOM的渲染。1. async浏览器在加载页面时，如果碰到了async，会将带有async的script标签立即

2021-07-31 20:48:46 497

原创面试经典：六种常用的css三栏布局方法（圣杯，双飞翼，Float，绝对定位，flex，网格布局）

三栏布局即组有定框，中间宽度自适应1. 绝对定位+margin（左中右）先给左右两边来个绝对定位在屏幕两侧占据固定位置，再给中间元素添加左右margin，值与左右的元素的宽相等<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0;

2021-07-30 10:52:57 569

原创 nginx 报500 Internal Server Error解决办法泪目！！！

今天初用了nginx，结果刚用就报一大堆错误，这里记录一下我犯的最傻的一个问题这里直接进入nginx的配置文件去找问题，进入nginx/logs/error.log文件到最后一行找错误2021/07/13 21:14:04 [crit] 3856#15176: *17 GetFileAttributesEx() "E:\Vue\v-reader\vue-readeresource" failed (123: The filename, directory name, or volume label

2021-07-13 21:23:38 26008 5

原创计算机系统结构简答题大全（考前速救）

1.什么是软件兼容？软件兼容有几种？其中哪一种是软件兼容的根本特征？同一个软件可以不加修改地运行于系统结构相同的各档机器上，而且它们所获得的结果一样，差别只在于运行时间的不同。软件兼容分为向上兼容、向下兼容、向前兼容和向后兼容。其中向后兼容是软件兼容的根本特征。2.试以系列机为例，说明计算机系统结构、计算机组成和计算机实现三者之间的关系。计算机组成是计算机系统结构的逻辑实现；计算机实现是计算机组成的物理实现。一种系统结构可以有多种组成；一种组成可以有多种实现。同一系列机中各种型号的机器具有相同的系

2021-06-29 20:51:04 2996

qq_52340302的博客