- 博客(105)
- 资源 (1)
- 收藏
- 关注
RSS订阅
1原创 @media媒体查询，看着一篇就够了
综合这两个条件，这个媒体查询选择的是视口宽度在 960 像素到 1024 像素之间的范围，包含 960 和 1024 像素。max-width: 1024px: 表示视口宽度最多为 1024 像素（即小于或等于 1024 像素）。min-width: 960px: 表示视口宽度至少为 960 像素（即大于或等于 960 像素）。当设备的视口宽度在 960 像素到 1024 像素之间时，页面的背景颜色将会变为浅蓝色。@media 是媒体查询属性，利用这个属性，可以做很多适配工作。
2024-05-17 14:38:22
305
原创 reduce用法
/会输出4次 hello world, 每次间隔3秒。//会输出4次 hello world, 每次间隔3秒。// 使下面调用代码能正常工作。//利用reduce实现。// 需要实现的函数。
2024-04-18 21:49:21
227
原创 zsh: command not found: air
背景利用air（git）实现go项目的热重启，关于air的介绍不再赘述。在Mac安装air后，仍然不能正常使用，并且报错，如本博客标题所示。后来经过探索，找到解决方案。先上解决方案配置Mac下的.zshrc文件，在最后添加语句alias air='$(go env GOPATH)/bin/air'原理分析.zshrc文件是Mac终端命令的配置文件（个人暂时的理解）安装air后，安装在GOPATH的bin目录下，而报错是因为在终端执行air命令，终端找不到对应文件（这个文件地址要说明给z
2021-08-24 22:19:13
1338
原创 解构运算符（...）的几个主要使用场景
函数参数function fn(...numb){ return reduce(pre,cur)=>{ return pre+cur; }}const arr=[1,2,3,4,5,6]fn(arr)深拷贝对象const ob={name:'tom'}const ob_={...ob}对象属性合并const ob={name:'tom'}const ob_={...ob,age:12}//pb_={name:'tom',age:'12'}...
2021-04-26 10:43:38
450
原创 局部严格模式
严格模式不仅可以用在全局，还能用在局部。当在严格模式下，this不会指向window两个简单函数，对比局部严格模式和非严格模式下的两种this指向function f(){ console.log(this)}function f2(){ 'use strict' console.log(this)}f();f2();执行结果：可见：局部严格模式下的this值为undefined在ES6的类定义中，类的内部默认是严格模式，即其中函数的this指向默认是u
2021-04-23 15:56:58
231
原创 Node与Java后台对比
高并发场景下的对比：nodejs具有单线程、非阻塞IO、事件循环/驱动的特点，所以在高并发场景下，线程占用cup处理资源，cup不用等待IO的处理过程，而是不停的的发起异步请求，在异步处理结束后继续下一步异步任务。所以不会出现线程阻塞。如图1所示。优势：cpu利用率较高，因为cpu不用等待IO，而时一直在发起异步请求。不足：单个线程崩溃后，所以任务都无法进行，而多线程并发场景下，某个线程崩溃，不影响其他线程任务类似Java的后台则通过多线程处理高并发任务，某个线程在进行IO时，cpu总是会等待I
2021-04-15 11:17:09
1983
原创 大文件切片上传(Vue+NodeJS)
大文件上传时，前端切片，上传后，后端组合先上界面前台<template> <div> <div style="margin:20px"> <h2>Upload Large Files</h2> <br> <el-row> <el-col :span="4"> &l
2020-12-14 22:49:23
2006
原创 Linux服务器上Node服务端进程崩溃
添加日志，查看状态记录forever start -o out.log -e err.log test.jsout.log 是console.log的输出err.log 是报错
2020-12-01 17:24:11
397
原创 Promise封装原生ajax
function fetch(url){ return new Promise((res,rej)=>{ let xhr=new XMLHttpRequest(); xhr.open('GET',url); xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ res(xhr.re
2020-10-15 10:25:22
246
原创 RGB与16进制颜色值的相互转换
提纲javaScript语言中通过parseInt()和toString()进行数字与字符串之间的转换，这种相互间的转换在许多方面都有应用场景。字符串转数字：parseInt(str, rad);数字转字符串: toString(rad);注意一般通常用paseInt()的时候不写第二个参数，即不指定进制转换的基数时，有可能不会转换成功，结果为NaN, 指定第二个参数，便于parseInt函数识别字符串代表的数据类型，这个方法可用于颜色值从16进制转为十进制rgb(r,g,b)值。同样一般
2020-09-28 11:29:37
1987
原创 腾讯笔试题：前端table点击触发单元格所在行列样式变化
实现效果就是点击表格，触发所在行列样式变化，如图所示“html<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script><!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><bod
2020-08-23 22:38:37
344
原创 输出所有的笛卡尔积组合
字节面试遇到的，已经基本做出来了，太紧张了。回溯递归，很简单function f(arr,re,tp,k){ if(tp.length===arr.length){ re.push([...tp]) }else{ for(let i=k;i<arr.length;i++){ for(let j=0;j<arr[i].length;j++){ tp.push(arr[i][j
2020-07-21 22:26:38
462
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人