- 博客(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
1380
原创 宏任务和微任务关于异常的处理
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 2 var p = new Promise((
2020-05-25 20:14:55
444
原创 限制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
2096
原创 自己实现Promise
自己实现了Promise和request class MyPromise{ constructor(fun){ if(typeof fun !== 'function'){ throw new Error('need function!'); } this.state = 'PENDING'; this...
2020-04-28 23:58:13
479
原创 滚动到页面指定元素
滚动到页面指定元素 // h5 function scrollToElement(elementId,speed){ let destEle = document.getElementById(elementId); let scrolltopTemp = document.documentElement.scrollTop || document.body.scrollTop; ...
2020-04-28 13:27:58
544
原创 PureComponent
原理 当组件更新时，如果组件的 props 和 state 都没发生改变， render 方法就不会触发，省去 Virtual DOM 的生成和比对过程，达到提升性能的目的。具体就是 React 自动帮我们做了一层浅比较： if (this._compositeType === CompositeTypes.PureClass) { shouldUpdate = !shallowEqual(p...
2020-04-26 00:31:39
183
原创 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
998
原创 二叉树我的爱
二叉树层次遍历 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
294
原创 移动端列表项曝光计算
从这里学习哒列表页曝光埋点实现 /** * 曝光计算 * @param comp 组件实例用来传发埋点记录的数据 * @param headHeight 页面原始头部高度 * @param stickyHeadHeight 页面上滑后吸顶部分+头部的高度 * @param rowHeight 每个列表项的高度 */ export function scrollShowLog(com...
2020-03-30 11:28:23
328
原创 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
3030
原创 react router中的withRouter
withRouter You 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
5578
原创 node文件上传服务器
const http = require('http'); const path = require('path'); const fs = require('fs'); const formidable = require('formidable'); var header={}; header["Content-Type"]="text/plain"; //设置cors header["Acc...
2019-01-04 20:56:25
990
原创 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
397
原创 react中的setState机制引发的坑
问题 今天在做作业的过程中，在class一个组件内，因为一个函数中的逻辑有些复杂，于是拆成若干个函数， 然后在一个函数中调用其他函数，但是运行的时候发现并不能运行出正常的结果。如以下函数， setEnterTime(time){ this.setState({ enterTime:time }); this.findMin() } 解决过程 使用浏览器对变量进行排查，发现enterTi...
2018-12-04 14:22:24
3801
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
185
原创 Linux学习
Linux基础 文件管理 ls ls -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
265
原创 2018滴滴一面前端面筋
介绍一下最近在做什么，前端知识了解哪些 react的特点（因为我学习的react） react生命周期 react组件通信 html事件机制 ajax底层实现 css垂直居中 可变元素（不了解-_-||） 块级元素和行内元素区别 给块级元素设置padding DOCTYPE了解不？（不了解） cookie和localStorage和sessionStorage （不到20分钟） 或许会有二面面...
2018-10-22 11:11:30
298
原创 两个有序链表合并成一个有序链表
为神马面试的时候撕不出来？？！！！o(╥﹏╥)o 思路：取两个链表的第一个数比较，小的那个添加到新链表，然后指针向后移动，第二个数再与另一个链表的第一个数比较，以此类推。。。就是那个链表中的数被添加到新链表中，那个链表的指针就向后移动 /*数据结构 { value:1, next:{...} } */ //合并函数 function merge(p1,p2){ let ne...
2018-09-21 17:23:51
1051
原创 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
2811
原创 一个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
850
原创 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
256
翻译 CSS3新特性
边框 border-radius box-shadow border-image 圆角——border-radius 使用一个半径确定圆形半角，使用两个半径确定椭圆半角 即使元素没有边框，圆角也可以应用到background上 border-radius:&lt;length&gt;|&lt;percentage&gt; /*使用方法*/ border-radius:&l...
2018-08-21 14:02:30
1100
原创 2018阿里前端在线编程测试
题目就是点击网页上的元素，获取它的CSS选择器半个小时......一首凉凉送给自己:-）<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> &
2018-04-14 14:14:13
1610
原创 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
1017
csapp binarybomb实验报告
2017-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人