m0_70058592-CSDN博客

原创 javaScript预习（十）document

我们可以通过，循环输出查看页面到底有哪些成员for(var x in document)document.write(x+“”)document.image //此时，输出的[object HTMLCollection]，//代表是一个对象（object），而collection表示这个是一个容器也就是数组甚至，我们可以通过document.image[0].src，查看第一张图片的地址document.getElementsByName(“xxx”)：获取name为x

2022-05-11 14:56:25 245

原创原生JS实现图片懒加载

data-src : 这里存放的是图片的真实地址，等用户滚动条发生滚动，用元素中的 data-src 里的值替换默认值sr 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 c 便可。js 实现...

2022-05-10 15:41:19 175

原创前端项目自测

搜索表单按钮间距、图标是否正确表头筛选、排序后高亮、图标是否正确列宽分配是否合理单元格内容展示形式是否合理文本内容过长需使用超出隐藏+toolTips弹框操作列按钮过多需要折叠[](()图文卡片列表功能翻页功能是否正确样式文字内容过多、过少时是否正确显示图片不按约定尺寸上传时是否正确显示图片列表无图片时是否正确显示无数据时是否做兼容[](()文件上传功能文件类型是否限制文件大小是否限制文件数量是否限制上传建议文案是否正确删除功能是否正常操作成功后提示语及动作是否

2022-05-10 15:39:12 209

原创前端页面性能优化的几种方式(强烈推荐)

有的人可能会回答local storage 和session storage，其实不是这个。浏览器缓存和存储不是一回事。4、使用CDN浏览器第一次打开页面时，缓存是起不了作用的。这个时候，CDN就上场了。5、DNS预解析一、资源压缩合并，减少http请求合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩图片较多的页面也可以使用 lazyLoad 等技术进行优化。精灵图等二、非核心代码异步加载异步加载的方式：（这里不说框架，只说原理）动态脚本加载defera

2022-05-10 15:37:35 3773

原创前端面试必考题：JavaScript事件循环(Event loop)、宏任务微任务

一、事件循环二、宏任务/微任务无渲染有渲染[](()一、事件循环=========================================================================我们都知道，Js引擎是单线程的，也就是说每次执行一堆程序，必须是一个执行完再去执行另一个。那可能有人要问了：平时我们开启setTimeout定时器，也没见影响到后面程序的运行啊！是因为javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。而它的..

2022-05-10 15:35:45 121

原创几个常用js库，别再重复造轮子了

.set(‘month’, 3).month() // 获取dayjs().add(1, ‘year’) // 处理dayjs().isBefore(dayjs()) // 查询[](()[milliseconds](()==~~~~功能==：用于将时间转换为毫秒。var ms = require(‘milliseconds’);ms.seconds(2); // 2000ms.minutes(2); // 120000ms.hours(2); // 7200000ms.days(

2022-05-10 15:31:48 788

原创几个优雅的JavaScript运算符使用技巧

object?.[expression]上面的代码可以简化为：let title = data?.children?.[0]?.title;然后，如果我们有:let data;console.log(data?.children?.[0]?.title) // undefineddata = {children: [{title:‘codercao’}]}console.log(data?.c

2022-05-10 15:29:46 140

原创写一个jsonp的实例来实现跨域

//回调函数名var cb=‘jsonp_cb_’+fnSuffix;// 将data转化成url字符串的形式var param=url.indexOf(‘?’)==-1?‘?’:‘&’;for(var key in data){param+=key+‘=’+data[key]+‘&’;}//将需要回调的函数名传到后台param+=‘cb=’+‘jsonp_cb.’+cb;//创建一个script的标签var scriptElement=document.createEl

2022-05-10 15:27:44 262

原创使用JavaScript将小写金额转化为大写金额的两种常见方法

前面小写,后面大写,这里使用vue测试,其它框架同理.小写是传值的字段money,大写直接调用函数dealBigMoney(money) 即可.方法一:使用正则表达式dealBigMoney(n) {if (!/^(0|[1-9]\d*)(.\d+)?$/.test(n))return “数据非法”;let unit = “千百拾亿千百拾万千百拾元角分”, str = “”;n += “00”;let p = n.indexOf(‘.’);if (p >= 0){n = n.subs

2022-05-10 15:23:34 1518

原创什么是 Promise

第二，rejectTimeout(reason, delay) - 返回一个 promise，在经过 delay 时间后拒绝reason。最后，我们使用这些辅助函数来试验 promise.allsettle()。[](()2.1 All promises fulfilled我们同时访问当地杂货店的蔬菜和水果。访问每个列表是一个异步操作:const statusesPromise = Promise.allSettled([resolveTimeout([‘potatoes’, ‘tomatoes’

2022-05-09 16:40:39 50

原创云原生技能树测评

[](()默认苹果左划返回苹果手机左划返回直接返回到了CSDN首页，用户体《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】验不太好[](()AAP答题界面感觉可以添加出题人是谁，让出题人也自豪一波，另外呢点击出题人可以连接到出题人博客主页[](()题目类型感觉可以多一种题型目前看来只有选择题，可以是填空、简答[](()学习完成学习完整个技能树后，并答对所有习题后可以给毕业证书，虚拟勋章作为奖励，也是对大家的一.

2022-05-09 16:36:31 40

原创二、SpringBoot2核心功能--02web开发-20springboot默认错误处理机制

1、默认规则[2、总结](about:blank#2_ 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 20)[springboot默认的错误处理机制官方文档](()[](()1、默认规则=====================================================================默认情况下，Spring Boot提供/error处理所有错误的映射对于机器客户..

2022-05-09 16:34:58 53

原创一文了解Session

Session使用细节Session钝化、活化Session销毁：Session介绍=========服务端会话跟踪技术：将数据保存到服务端《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】JavaEE提供HttpSession接口，来实现一次会话的多次请求间数据共享功能使用：1、获取Session对象HttpSession session=request.getSession();2、Session对象功能

2022-05-09 16:33:28 189

原创【重识 HTML + CSS

Rule1：定位元素会层叠在浮动元素上面：Rule2：浮动元素不能与行内级内容层叠，行内级内容将会被浮动元素推出比如行内级元素、inline-block元素、块级元素的文字内容利用此特性，可以轻松实现文字环绕功能：[浮动-文字环绕练习](()Rule3：行内级元素、inline-block 元素浮动后，其顶部将与所在行的顶部对齐实现代码：[float-rule_01-其他](()Rule4：如果元素是向左（右）浮动，浮动元素的左（右）边界不能超出包含块的左（右）边界带圆圈的

2022-05-09 16:31:43 61

原创【转载】egg

const { ctx } = this;console.log(ctx.request.body);console.log(‘got %d files’, ctx.request.files.length);for (const file of ctx.request.files) {console.log('field: ’ + file.fieldname);console.log('filename: ’ + file.filename);console.log('encoding: ’

2022-05-09 16:29:14 240

原创【精品】好用的验证码工具类VerifyCodeUtils

ByteArrayOutputStream baos = new ByteArrayOutputStream();VerifyCodeUtil.outputImage(100, 39, baos, code);final String BASE64_IMAGE = “data:image/jpeg;base64,%s”;String base64Img = String.format(BASE64_IMAGE, Base64Util.encode(baos.toByteArray()));retur

2022-05-09 16:27:17 988

m0_70058592的博客