- 博客(106)
- 资源 (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
473
原创 reduce用法
/会输出4次 hello world, 每次间隔3秒。//会输出4次 hello world, 每次间隔3秒。// 使下面调用代码能正常工作。//利用reduce实现。// 需要实现的函数。
2024-04-18 21:49:21
260
原创 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
1439
原创 解构运算符(...)的几个主要使用场景
函数参数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
477
原创 局部严格模式
严格模式不仅可以用在全局,还能用在局部。当在严格模式下,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
258
原创 Node与Java后台对比
高并发场景下的对比:nodejs具有单线程、非阻塞IO、事件循环/驱动的特点,所以在高并发场景下,线程占用cup处理资源,cup不用等待IO的处理过程,而是不停的的发起异步请求,在异步处理结束后继续下一步异步任务。所以不会出现线程阻塞。如图1所示。优势:cpu利用率较高,因为cpu不用等待IO,而时一直在发起异步请求。不足:单个线程崩溃后,所以任务都无法进行,而多线程并发场景下,某个线程崩溃,不影响其他线程任务类似Java的后台则通过多线程处理高并发任务,某个线程在进行IO时,cpu总是会等待I
2021-04-15 11:17:09
2108
原创 大文件切片上传(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
2074
原创 Linux服务器上Node服务端进程崩溃
添加日志,查看状态记录forever start -o out.log -e err.log test.jsout.log 是console.log的输出err.log 是报错
2020-12-01 17:24:11
436
原创 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
277
原创 RGB与16进制颜色值的相互转换
提纲javaScript语言中通过parseInt()和toString()进行数字与字符串之间的转换,这种相互间的转换在许多方面都有应用场景。字符串转数字:parseInt(str, rad);数字转字符串: toString(rad);注意一般通常用paseInt()的时候不写第二个参数,即不指定进制转换的基数时,有可能不会转换成功,结果为NaN, 指定第二个参数,便于parseInt函数识别字符串代表的数据类型,这个方法可用于颜色值从16进制转为十进制rgb(r,g,b)值。同样一般
2020-09-28 11:29:37
2067
原创 腾讯笔试题:前端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
368
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人