前端面试基础知识题 1. es5 中的类和es6中的class有什么区别? 在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类。 10. Promise.all 和 Promise.allSettled 有什么区别?
前言: 这里记录我在工作或学习中用到的小技巧 1、获取指定日期的上一周或上上周(moment.js) 比如获取2019-01-01的上一周的起始日期或者是上N周的起始日期 <script src="moment.js const xx={name:"chen"} const newFunc=func.bind(xx) newFunc(); //chen //newFunc(); func() //这时是 windows 注意: 需要设置一个 flag 保存在 localStroage 中,作为页面滚动的tirgger 如果是跨域的话,可以通过router,判断前一个 router 是否是 页面 A 的 router 10
light类 的元素执行 .light{ } .item{ &:not(.light):hover{ color: #FE6225 } } 10
let arr=[]
arr[10]=11
console.log(arr.length); //11
arr[-1]=-1
console.log(arr.length) //11 let str=comment.split(/\r\n|\r|\n/g).join('
')
前言: 这里记录我工作、学习中值得注意的小知识点,希望对你有所帮助。 10、js禁止excel格式转化(重要!)
(0, 2)); // [1, 2] console.log(arr) // [3, 4, 5, 6] 9、git删除远程分支 git push origin --delete <branch> 10
1、redux的compose实现 例: const add = num => num + 10 const multiply = num => num * 2 const foo = compose ] ,不改变原数组 // 从倒数第二个 index 开始截取,到倒数第一个 index 结束(不包括 -1) arr.slice(-2,-1) // 左开右闭,返回[2] ,不改变原数组 10 ③ child componentDidMount ④ app componentDidMount 参考: React的ClassComp和FunctionComp组件的更新/卸载顺序 ---- 小进进已开通
/IE需要这么写 svg.attr('transform', `rotate(180,0 0)`) 详情请参考:https://www.zhangxinxu.com/wordpress/2015/10 详情请参考:https://www.zhihu.com/question/22818104 10、浏览器类别判断 window.navigator.userAgent console.log(window.navigator.userAgent
://zh-hans.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props 10 ); } } 详情请参考: https://zh-hans.reactjs.org/docs/react-component.html#getsnapshotbeforeupdate ---- 小进进还没开通留言功能
function circle(r){ return pi = Math.pow(r,2) } Shape.circle = circle })(Shape || (Shape = {})) 10
); //6
原理:
JS是用双精度浮点数来存储number类型的, 而|是二进制或,会先将number转为整数,再进行位运算,所以可以用来取整
补充:
(1) 关于或运算|具体的演算过程,请看:前端小知识 10点(2020.3.20)中的「2、JS 中的 | 是什么意思?」 function(canvas) {
setCanvasOne(canvas.toDataURL())
});
7、使用原生js拖拽div的小demo 使用 CSS3 的滤镜:
{
filter: grayscale(100%);
}
详细请看:
https://www.runoob.com/cssref/css3-pr-filter.html
10
Android小知识10则(上) github传送门 注: 在目录中点击可以跳转到具体代码页 目录 Chronometer和CountDownTimer计时器 Chronometer的使用 CountDownTimer 动态数组 转变为静态数组 首先是ArrayList转变为静态数组, 这个算是个小知识点吧, toArray方法中的参数要写对. 大家如果之前有关注我, 会知道这是之前一个单独的篇章, 当然不是为了凑数放在这里的, 和下一个知识点有关. progress)); mSbTest.setProgress(++progress); mSbTest.setSecondaryProgress(progress + 10 个知识点了, 这样之后很多文章扩展起来就会很方便了.
let obj={'哈哈':1} const {'哈哈':b}=obj const {a:{'嘿嘿':b}}=obj console.log(b,'b24') //1 10、对象解构赋默认值
请看: 前端小知识10点(2020.2.10) 3、React中suppressContentEditableWarning属性是什么意思? JSON.parse()转换即可 const a="['a','b','c']" console.log(JSON.parse(a.replace(/'/g,'"'))) //["a", "b", "c"] 10
禁止 Win7 下窗口被拖到顶部时自动飘到左上角 去掉窗口的 WS_THICKFRAME 风格 将最小化或者不是在最前面的窗口激活到前面 SwitchToThisWindow 禁止双击标题栏最大化窗口 屏蔽 WM_NCLBUTTONDBLCLK 消息 禁止 XP 下右键任务栏的「最大化」菜单项 去掉窗口的 WS_MAXIMIZEBOX 风格 在任务管理器下「应用程序」标签栏不显示程序,但是在「进程」里显示进程 一个可能的原因是窗口标题为空 在 XP 任务栏右键无菜单,在 Win7 任务栏右键只有一个关闭项
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/152654.html原文链接:https://javaforall.cn
禁止 Win7 下窗口被拖到顶部时自动飘到左上角 去掉窗口的 WS_THICKFRAME 风格 将最小化或者不是在最前面的窗口激活到前面 SwitchToThisWindow 禁止双击标题栏最大化窗口 屏蔽 WM_NCLBUTTONDBLCLK 消息 禁止 XP 下右键任务栏的「最大化」菜单项 去掉窗口的 WS_MAXIMIZEBOX 风格 在任务管理器下「应用程序」标签栏不显示程序,但是在「进程」里显示进程 一个可能的原因是窗口标题为空 在 XP 任务栏右键无菜单
前端面试基础知识题 1.为什么有时候⽤translate来改变位置⽽不是使用position进行定位? translate 是 transform 属性的⼀个值。 200px; height: 200px; background-color: #5daf34; border-width: 10px 利用vw来实现: .square { width: 10%; height: 10vw; background: tomato; } 利用元素的margin/padding百分比是相对父元素 每个核拥有的缓存大小相对小,数字逻辑运算单元也少而简单(GPU初始时在浮点计算上一直弱于CPU)。 最常用的方式:translate3d、translateZ opacity 属性/过渡动画(需要动画执行的过程中才会创建合成层,动画没有开始或结束后元素还会回到之前的状态) will-change属性(这个知识点比较冷僻
前端面试基础知识题 1. 将数组的length设置为0,取第一个元素会返回什么? 10. 说说你对 new.target 的理解 new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的。
前端面试基础知识题 1.使用原生js实现以下效果:点击容器内的图标,图标边框变成border:1px solid red,点击空白处重置 const box = document.getElementById 写在body标签后由于浏览器以逐行方式对HTML文档进行解析,当解析到写在尾部的样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成之后重新渲染,在windows的IE grid-gap 属性是两者的简写形式 grid-row-gap: 10px 表示行间距是 10px grid-column-gap: 20px 表示列间距是 20px grid-gap: 10px 关于兼容性问题,结果如下: 总体兼容性还不错,但在 IE 10 以下不支持;目前,Grid布局在手机端支持还不算太友好。 10.如何使用CSS提高页面性能? 了解哪些属性可以继承而来,避免对这些属性重复编写 cssSprite,合成所有icon图片,用宽高加上backgroud-position的背景图方式显现出我们要的icon图,减少了http请求 把小的