- 博客(120)
- 收藏
- 关注
RSS订阅原创 圣杯布局的两种实现方法flex和float
圣杯布局是一种很经典的布局方法，经典的float方式实现圣杯布局是通过左、中、右三层的包裹层设置左右padding来预留左右元素的位置，重难点是margin 负值；而flex方法实现则简单得多，即给中间元素设置flex：1，接着写死左右元素宽度，最后利用order进行顺序排列。
2022-09-08 12:58:36
317
1
原创 浏览器缓存顺序
的缺点是其精确单位为秒，所以可能会出现缓存判断不准确的情况，例如用户在1s内发送多次请求，若这1s内服务端资源已经改变，由于精确度问题会导致客户端误判为资源未更新，只会从本地缓存中获取资源。值是不一样的，若出现负载均衡情况时也可能导致一致的数据却重新加载。的缺点是因为不同服务器存储的。
2022-09-03 20:33:44
333
原创 proxy反向代理解决前端跨域问题vue2
proxy解决跨域的原理主要是基于跨域只会出现浏览器与服务器之间，而服务器与服务器之间进行网络请求就不会出现跨域，所以先配置proxy后会将请求发送给本地服务器，再由本地服务器发送给目标服务器，本地服务器获取到数据后再与客户端通信。
2022-09-03 17:40:38
742
原创 express演示前端解决跨域的方法jsonp、cors
即json外面包了一层js函数外衣，jsonp主要是利用了html中等带有src属性的标签进行服务器请求时可以不受跨域影响。成功打印，说明客户端中src请求回来的资源会当作js代码执行，所以我们利用这个特性，希望获取的数据能通过外包裹一层函数的形式传递过来，客户端预先定义了一个接受数据的函数，接着将该函数的函数名作为参数传递到服务端，后续服务端会将这个函数名和返回的数据拼接而返回。字段，即设置上允许跨域访问的域，* 即代表所有域都可以访问。1.在标签的src属性中发请求。
2022-09-03 13:24:50
513
原创 js构造函数中this一个箭头函数大坑
之前错误地认为直接运行 fn() ，函数中的this就指向window，然后认为箭头函数中的this就一定指向window。其实不然，做题还是得深究其原理而不是总结所谓的规律。
2022-08-29 18:52:43
178
原创 JS3 分隔符(递归)
描述请补全JavaScript代码，要求返回参数数字的千分位分隔符字符串。题目请补全JavaScript代码，要求返回参数数字的千分位分隔符字符串。示例输入：_comma(12300)输出：‘12,300’代码function _comma(number){ if(number<1000){ return number.toTring() }else{ return _comma(parseInt(number/1000))+','+_comma(number%1000)
2022-05-27 13:01:16
181
原创 为什么需要等待2MSL
为什么第四次握手要等待2MSL后客户端才进入CLOSED状态？MSL（Max Segment Lifetime）：最长报文段寿命报文最长存活时间就是1MSL，服务端在第三次挥手后也会等待2MSL时间，为的就是怕第四次挥手的ACK确认报文丢失。因为若不等待2MSL客户端就立即进入CLOSED，有可能ACK包丢失从而导致服务端一直处于LAST_ACK状态，此时即使服务端再怎么重发也没用了，因为客户端已经进入CLOSED状态了。所以客户端发送ACK包后等待2MSL，即假设发ACK包要1MSL，若下一个1
2022-05-25 20:53:01
1476
原创 JS2 文件扩展名（lastIndexOf和slice）
描述请补全JavaScript代码，要求以字符串的形式返回文件名扩展名，文件名参数为"filename"。题解：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <script> const _getExFilenam
2022-05-11 20:00:50
369
原创 JS1 直角三角形
描述请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下：******题解：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <div class='triangle'></div>
2022-05-11 11:14:08
780
原创 vue2 vuex的使用步骤
1.下载vuexnpm i [email protected]版本太高容易报错2.新建store目录并新建index.js3.修改store中的index.jsimport Vue from "vue"import Vuex from "vuex"Vue.use(Vuex)export default new Vuex.Store({ modules: { }})4.新建状态管理模块（放在store目录）本处建立tab.js，其实也可直接不用引模块的方式，直接state、getters
2022-04-06 17:41:03
1215
原创 箭头函数中的this
题目1： var x = 11; var obj = { x:22, say: ()=>{ console.log(this.x) } } obj.say()//输出：11分析：关于箭头函数中的this：箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。箭头函数中，this指向固定化，并不是因为箭头函数内部有绑定机制，实际原因是箭头函数根本没有自己的t
2022-03-15 11:41:27
166
原创 阿里巴巴this指向经典面试题
题目： var name = 222 var a = { name: 111, say: function () { console.log(this.name) } } var fun = a.say fun() a.say() var b = { name: 33
2022-03-14 11:41:00
284
原创 js预编译习题
题目： function fn(a,c) { console.log(a) var a = 123 console.log(a) console.log(c) function a() { } if(false) { var d = 678 } consol
2022-03-14 10:27:15
464
原创 gitee配置与使用方法
一、右键打开Git Bash，输入如下命令配置git操作的用户名、邮箱$ git config --global user.name “你的名字或昵称”$ git config --global user.email “你的邮箱”二、配置ssh公钥$ ssh-keygen -t rsa -C 你的邮箱三、打印生成的ssh key$ cat ~/.ssh/id_rsa.pub四、设置->SSH公钥->粘贴刚生成的公钥即可五、拉取代码$ git clone SSH代码地址
2022-01-25 15:01:40
1178
原创 宏任务与微任务执行顺序试题（1）
上码：setTimeout(()=>{ console.log('A')})new Promise((resolve)=>{ console.log('B') resolve()}).then(()=>{ console.log('C')})console.log('D')执行顺序：分类：宏任务：1.异步Ajax请求2.setTimeout、setInterval3.文件操作4.其他宏任务微任务：1.promise.th
2021-11-27 17:31:17
501
原创 async/await的执行顺序个人感悟
上码:import thenFs from 'then-fs'console.log('A')async function test(){ console.log('B') const txt1 = await thenFs.readFile('./1.txt','utf8') const txt2 = await thenFs.readFile('./2.txt','utf8') const txt3 = await thenFs.readFile('./3.txt'
2021-11-27 12:32:15
164
原创 uni-app 遮罩层事件穿透解决办法catchtouchmove
前言：最近在做遮罩层相关的组件时，发现出现遮罩层后，其比遮罩层层级低的其他组件依然能滑动滚动，这就很无语。后面我尝试通过各种布尔值试图阻断这种情况，后面越做越复杂，逻辑越做越乱。再后来发现了一个专门解决这个问题的封装属性，即直接在需要防止事件穿透的组件标签上加上:catchtouchmove="true"后面即可轻松完美解决...
2021-11-06 14:01:10
6765
3
原创 uni-app z-index无效的解决办法（遮罩层）
前言：现在是做一个遮罩层效果，需要部分组件要在遮罩层上面，其他比遮罩层低。效果如图：问题：于是想到在需要在遮罩层以上的那个组件的z-index使层级拉高但是效果却不如我们想的那样查询资料：看了别人的文章说这种情况有两种原因第一种又有三小点：1、父标签 position属性为relative；2、问题标签无position属性（不包括static）；3、问题标签含有浮动(float)属性。解决办法为：1、position:relative改为position:absolute；
2021-11-06 13:48:27
7279
1
原创 uni-app横向滚动视图的坑
前言：并不是所有uni-app的组件cv过来就能用的，例如scroll-view组件必须进行一些css上的操作才能成功实现横向滚动效果。简而言之就是必须在swiper-view容器加上white-space: nowrap;在swiper-view的子元素中加上display: inline-block;white-space: nowrap作用：其中文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。display: inline-block作用：可使元素不会独占一行，并且能够设置宽高
2021-10-24 18:36:39
465
1
原创 再度复习uni-app请求接口的封装
前言：愈发觉得封装请求接口方法和封装api地址非常重要，觉得这是一个好的项目开发必备的步骤，于是在仿美团app项目中又复习了一遍接口封装上码：1.请求接口方法的封装：myRequest.js//myRequest.js//向该方法传递对象作为参数export const myRequest =(option)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:option.url, method
2021-10-24 17:45:18
1679
原创 uni-app封装request网络请求
前言：因为若不对网络请求进行封装就需要不断重复写api接口中重复的部分，一个是麻烦，另一个是会造成后期接口维护困难，若多处需要请求同一接口，一旦该接口地址更换就需要一个个全部重写，所以封装接口很有必要步骤：1.先创建一个util目录用于专门存放api的封装接口2.在util目录中创建js文件封装接口const BaseUrl= 'http://localhost:8082'//公共接口地址export const myRequest = (options)=>{ //导出myReques
2021-09-25 18:26:23
262
原创 【JAVA蓝桥杯训练】试题 最大最小公倍数
题目：问题描述已知一个正整数N，问从1~N中任选出三个数，他们的最小公倍数最大可以为多少。输入格式输入一个正整数N。输出格式输出一个整数，表示你找到的最小公倍数。样例输入9样例输出504数据规模与约定1 <= N <= 106。思路：刚开始就朝着求两个数最小公倍数的方向想，后面发如果强行暴力是不可能得出结果的，所以直接去看解析。。。后面发现这题还涉及数论知识点就很无奈。后面清楚本题思想后就自己敲一遍，后来发现验证不通过，输入返回的输入输出带进去能得出结果，但是是错误的
2021-09-11 09:41:15
132
原创 【JAVA蓝桥杯训练】试题 基础练习01字串
题目：问题描述对于长度为5位的一个01串，每一位都可能是0或1，一共有32种可能。它们的前几个是：0000000001000100001100100请按从小到大的顺序输出这32种01串。输入格式本试题没有输入。输出格式输出32行，按从小到大的顺序每行一个长度为5的01串。样例输出00000000010001000011<以下部分省略>思路：一眼看出是进制转换，则十进制转换成二进制：String num=Integer.toBinaryString(i);
2021-09-10 11:01:08
56
原创 【JAVA蓝桥杯训练】试题 基础练习字母图像（StringBuilder另类解法）
题目：问题描述利用字母可以组成一些美丽的图形，下面给出了一个例子：ABCDEFGBABCDEFCBABCDEDCBABCDEDCBABC这是一个5行7列的图形，请找出这个图形的规律，并输出一个n行m列的图形。输入格式输入一行，包含两个整数n和m，分别表示你要输出的图形的行数的列数。输出格式输出n行，每个m个字符，为你的图形。样例输入5 7样例输出ABCDEFGBABCDEFCBABCDEDCBABCDEDCBABC数据规模与约定1 <= n, m <=
2021-09-10 08:42:07
90
1
原创 【JAVA蓝桥杯训练】试题 基础练习 杨辉三角形
题目：问题描述杨辉三角形又称Pascal三角形，它的第i+1行是(a+b)i的展开式的系数。它的一个重要性质是：三角形中的每个数字等于它两肩上的数字相加。下面给出了杨辉三角形的前4行：11 11 2 11 3 3 1给出n，输出它的前n行。输入格式输入包含一个数n。输出格式输出杨辉三角形的前n行。每一行从这一行的第一个数开始依次输出，中间使用一个空格分隔。请不要在前面输出多余的空格。样例输入4样例输出11 11 2 11 3 3 1数据规模与约定1 <= n
2021-09-09 16:25:48
61
原创 【JAVA蓝桥杯训练】试题 基础练习 十六进制转十进制
题目：问题描述 从键盘输入一个不超过8位的正的十六进制数字符串，将它转换为正的十进制数后输出。 注：十六进制数中的10~15分别用大写的英文字母A、B、C、D、E、F表示。样例输入FFFF样例输出65535思路：刚开始纠结要把ABCDEF转换成数字来算，后面看到某位博主的文章，第一次见这个方法，犹如天神下凡！JAVA十进制与十六进制相互转换代码：import java.util.Scanner;public class Main { public static void
2021-09-08 18:39:38
124
原创 【JAVA蓝桥杯基础练习】十六进制转八进制
题目：问题描述 给定n个十六进制正整数，输出它们对应的八进制数。输入格式 输入的第一行为一个正整数n （1<=n<=10）。 接下来n行，每行一个由09、大写字母AF组成的字符串，表示要转换的十六进制正整数，每个十六进制数长度不超过100000。输出格式 输出n行，每行为输入对应的八进制正整数。【注意】 输入的十六进制数不会有前导0，比如012A。 输出的八进制数也不能有前导0。样例输入 2 39 123ABC样例输出 71 4435274
2021-09-08 17:59:29
201
原创 【java蓝桥杯2021】B组-卡片（注释多）
题目：小蓝有很多数字卡片，每张卡片上都是数字 0 到 9。小蓝准备用这些卡片来拼一些数，他想从 1 开始拼出正整数，每拼一个，就保存起来，卡片就不能用来拼其它数了。小蓝想知道自己能从 1 拼到多少。例如，当小蓝有 30 张卡片，其中 0 到 9 各 3 张，则小蓝可以拼出 1 到 10，但是拼 11 时卡片 1 已经只有一张了，不够拼出 11。现在小蓝手里有 0 到 9 的卡片各 2021 张，共 20210 张，请问小蓝可以从 1拼到多少？思路：从1开始拼整数，直到某一卡片不够用，则说
2021-09-06 20:21:55
994
1
原创 一句话简述border-box和content-box的区别
.login_form{ position: absolute; bottom: 0; width: 100%; padding: 0 10px; // box-sizing: border-box;}设置表单时，想让表单离边缘有点距离就设置个padding: 0 10px;但是效果如下我们会发现此时输入框已经超出边界，原因是什么呢？因为表单盒子模型boder-sizing是设置为content-box，content-box最大的特点是计算盒子宽高时会
2021-07-17 18:31:17
1650
原创 css四行代码实现网页的居中效果
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
2021-07-16 23:28:45
48
原创 vue ui进不去（版本已到达3x）原因
今天，想接着学习vue，但是输入 vue ui却进不去，但是昨天还是能进去的，逛了很多论坛都找不到原因，都是说版本问题，但是我的版本是够的，cli有4点多，重启后重新输入也一直卡在 Start UI…后面死马当作活马医，把网断了，再输入，结果网页弹出来了！！！！虽然里面显示断网状态，后面紧接着把网连上就完美解决了。...
2021-07-16 23:22:46
694
原创 微信云函数的使用步骤
微信云函数的使用步骤1.先新建一个云函数2.打开新建的云函数的js文件，在cloud.init()下面连接数据库cloud.init()const db =cloud.database()//连接数据库3.在main函数中编写此云函数的逻辑其中，event接收页面传递的参数集合，我们在此只需要id，故只要将event.id赋值给id就好，接着返回异步对象exports.main = async (event, context) => { const id=event.id re
2021-05-22 17:34:02
1303
原创 微信小程序文章跳转到相应页面实现
微信小程序文章跳转到相应页面实现效果：1.为文章标题栏添加自定义点击事件，使得点击文章标题可跳转到对应的文章详情页<view class="row" wx:for="{{dataList}}"wx:key="index"bindtap="getShow"//绑定自定义点击事件data-id="{{item._id}}">//绑定id号作为跳转的参数2.在点击事件中getShow(e){let id=e.currentTarget.dataset.idwx.navigate
2021-05-22 15:55:25
1823
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人