- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS实现带小箭头气泡
显示效果如下.tip { position: fixed; bottom: 19px; right: 32px; width: 100px; height: 40px; background: #fff; box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; z-index: 1; display: flex; align-items: center;}.tip::aft
2020-08-14 18:31:39
1042
原创 宏任务和微任务关于异常的处理
var p = new Promise((resolve)=>{ console.log(1) resolve();})setTimeout(()=>{ console.log(2); },0);p.then(()=>{ console.log(3);}).then(()=>{ console.log(4); })console.log(5);// 结果//1 5 3 4 2var p = new Promise((
2020-05-25 20:14:55
319
原创 限制promise的并发数
参照文章指路→js如何限制Promise“并发”的数量思路利用一个队列保存超出数量限制待执行的任务利用Promise的finally方法取出队列中下一个任务执行代码// Promise.prototype.finally = function(callback){// return this.then(// (value)=>Promise.resolve(callback()).then(()=>value),// (reason.
2020-05-25 17:40:37
1962
原创 自己实现Promise
自己实现了Promise和requestclass MyPromise{ constructor(fun){ if(typeof fun !== 'function'){ throw new Error('need function!'); } this.state = 'PENDING'; this...
2020-04-28 23:58:13
407
原创 滚动到页面指定元素
滚动到页面指定元素// h5function scrollToElement(elementId,speed){ let destEle = document.getElementById(elementId); let scrolltopTemp = document.documentElement.scrollTop || document.body.scrollTop; ...
2020-04-28 13:27:58
403
原创 PureComponent
原理当组件更新时，如果组件的 props 和 state 都没发生改变， render 方法就不会触发，省去 Virtual DOM 的生成和比对过程，达到提升性能的目的。具体就是 React 自动帮我们做了一层浅比较：if (this._compositeType === CompositeTypes.PureClass) { shouldUpdate = !shallowEqual(p...
2020-04-26 00:31:39
104
原创 markdown目录锚点遍历实现
目录具体实现使用的antd代码主要是把markdown文件中的标题取出来，按照层级关系遍历，转化成antd中Anchor的实现形式比如，markdown文件中标题是一下形式<a id="1" style="position: relative;top: -120px;">1</a><a id="2" style="position: relative;top:...
2020-04-07 19:42:11
852
原创 二叉树我的爱
二叉树层次遍历https://leetcode-cn.com/problems/binary-tree-level-order-traversal//** * Definition for a binary tree node. * function TreeNode(val) { * this.val = val; * this.left = this.right ...
2020-04-01 21:13:45
230
原创 移动端列表项曝光计算
从这里学习哒列表页曝光埋点实现/** * 曝光计算 * @param comp 组件实例用来传发埋点记录的数据 * @param headHeight 页面原始头部高度 * @param stickyHeadHeight 页面上滑后吸顶部分+头部的高度 * @param rowHeight 每个列表项的高度 */export function scrollShowLog(com...
2020-03-30 11:28:23
227
原创 CSS圆圈loading实现+动画
效果如下图所示<div class="loading"> <div class="left"></div> <div class="right"></div> <div class="progress"></div></div>body { background: #000;...
2020-03-22 16:32:56
2748
原创 react router中的withRouter
withRouterYou can get access to the history object’s properties and the closest 's match via the withRouter higher-order component.withRouter will pass updated match, location, and history props to...
2019-01-15 17:13:44
5413
原创 node文件上传服务器
const http = require('http');const path = require('path');const fs = require('fs');const formidable = require('formidable');var header={};header["Content-Type"]="text/plain";//设置corsheader["Acc...
2019-01-04 20:56:25
922
原创 react中受控组件相关的warning
问题今天在做作业的过程中，发现了一个报错信息，虽然不是error，但还是研究了一下Warning: A component is changing an uncontrolled input of type text to be controlled.Input elements should not switch from uncontrolled to controlled (or vi...
2018-12-04 14:29:20
315
原创 react中的setState机制引发的坑
问题今天在做作业的过程中，在class一个组件内，因为一个函数中的逻辑有些复杂，于是拆成若干个函数，然后在一个函数中调用其他函数，但是运行的时候发现并不能运行出正常的结果。如以下函数，setEnterTime(time){ this.setState({ enterTime:time }); this.findMin()}解决过程使用浏览器对变量进行排查，发现enterTi...
2018-12-04 14:22:24
3625
3
原创 1129摸底考试记录(垂直居中，模板字符串，函数提升，闭包)
单行.content{ line-height: text-align:}//多行.container{ display:table;}.content{ display:table-cell; text-align: vertical-align:}/*position:absolute;*/.container{ position:relative;}.co...
2018-11-29 16:56:23
123
原创 Linux学习
Linux基础文件管理lsls -a 显示隐藏文件ls -l 显示文件信息ls -lh 文件大小方便读ls- lsrt t按时间排序 r反向显示 s按文件大小排序pwd显示当前文件夹路径cd - 回到上一目录/ 根目录～用户的home目录cp 复制cp 原文件名 要复制的文件名cp -r 复制目录mv移动mv 原 新目录rm 删除rm -r 删除目录rm -v...
2018-11-28 18:37:59
201
原创 2018滴滴一面前端面筋
介绍一下最近在做什么，前端知识了解哪些react的特点（因为我学习的react）react生命周期react组件通信html事件机制ajax底层实现css垂直居中可变元素（不了解-_-||）块级元素和行内元素区别给块级元素设置paddingDOCTYPE了解不？（不了解）cookie和localStorage和sessionStorage（不到20分钟）或许会有二面面...
2018-10-22 11:11:30
194
原创 两个有序链表合并成一个有序链表
为神马面试的时候撕不出来？？！！！o(╥﹏╥)o思路：取两个链表的第一个数比较，小的那个添加到新链表，然后指针向后移动，第二个数再与另一个链表的第一个数比较，以此类推。。。就是那个链表中的数被添加到新链表中，那个链表的指针就向后移动 /*数据结构 { value:1, next:{...} } */ //合并函数 function merge(p1,p2){ let ne...
2018-09-21 17:23:51
980
原创 JS层次遍历二叉树计算每一层的和
人生处处是惨痛经历~思路就是：用一个队列存每一层的节点，计算和，然后用另外一个队列存下一层的节点，交换两个队列 function sum(root){ let que=[],newque=[],result=[]; if(root!==null){ que.push(root); }else{ return [0]; } do{ let sum=0; ...
2018-09-21 14:41:12
2669
原创 一个JS立即执行函数和delete的坑（网易前端笔试）
今天网易笔试的坑(╥╯^╰╥) 上一碟小菜var a=1;(function a(){ console.log(1,a); var a=2; console.log(2,a); delete a; console.log(3,a);})();console.log(a);//1 undefined 闭包形成块级作用域，由于变量提升，此时a已存...
2018-09-18 11:40:56
785
原创 let const var作用域的坑
function a(){ var a=2; if(a>1){ const b=3; } console.log(b)}a();//var 3 变量提升//const Uncaught ReferenceError: b is not defined//let Uncaught ReferenceError: b is not def...
2018-09-15 14:06:03
193
翻译 CSS3新特性
边框border-radiusbox-shadowborder-image圆角——border-radius使用一个半径确定圆形半角，使用两个半径确定椭圆半角 即使元素没有边框，圆角也可以应用到background上 border-radius:&lt;length&gt;|&lt;percentage&gt;/*使用方法*/border-radius:&l...
2018-08-21 14:02:30
1010
原创 2018阿里前端在线编程测试
题目就是点击网页上的元素，获取它的CSS选择器半个小时......一首凉凉送给自己:-）<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head>&
2018-04-14 14:14:13
1521
原创 Spring+Mybatis service层org.springframework.beans.factory.UnsatisfiedDependencyException错误
ERROR [main] - Caught exception while allowing TestExecutionListener [org.springframework.test.context.support.DependencyInjectionTestExecutionListener@404bbcbd] to prepare test instance [com.scu.bank...
2018-03-19 16:06:55
931
csapp binarybomb实验报告
2017-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人