前端面试基础知识题 1. es5 中的类和es6中的class有什么区别? 在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类。 什么是“前端路由”?什么时候适合使用“前端路由”?“前端路由”有哪些优点和缺点? 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据 url 的不同返回不同的页面实现的。 在单页面应用,大部分页面结构不变,只改变部分内容的使用 优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户 缺点:单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置 实现方式 前端路由一共有两种实现方式 10. Promise.all 和 Promise.allSettled 有什么区别?
允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
(0, 2)); // [1, 2] console.log(arr) // [3, 4, 5, 6] 9、git删除远程分支 git push origin --delete <branch> 10
10、js禁止excel格式转化(重要!)
请看: 前端小知识10点(2020.2.10) 3、React中suppressContentEditableWarning属性是什么意思? react-codemirror 5、yarn安装antd-pro依赖包时卡在puppeteer的解决办法 请看: https://www.jianshu.com/p/2ce56dccc5a7 puppeteer是前端自动化测试用的 JSON.parse()转换即可 const a="['a','b','c']" console.log(JSON.parse(a.replace(/'/g,'"'))) //["a", "b", "c"] 10
今天给大家带来了十款web前端动画插件,大家收藏了记得给个小心心哦 1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载。 这次我们分享的这款插件是基于Layui的,layui 是一款采用自身模块规范编写的前端UI框架,这款表格插件可以允许你非常方便的添加、删除表格行数据,并且通过服务器接口进行保存。 你只需要定制前端的数据列和后端的保存逻辑即可,数据交互均采用JSON格式。 ? 10.CSS3深色背景的垂直手风琴菜单 手风琴菜单我们已经分享过很多了,特别是垂直手风琴菜单更为常见,比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。
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('
')
注意: 需要设置一个 flag 保存在 localStroage 中,作为页面滚动的tirgger 如果是跨域的话,可以通过router,判断前一个 router 是否是 页面 A 的 router 10
0); //6 原理: JS是用双精度浮点数来存储number类型的, 而|是二进制或,会先将number转为整数,再进行位运算,所以可以用来取整 补充: (1) 关于或运算|具体的演算过程,请看:前端小知识 10点(2020.3.20)中的「2、JS 中的 | 是什么意思?」 使用 CSS3 的滤镜: { filter: grayscale(100%); } 详细请看: https://www.runoob.com/cssref/css3-pr-filter.html 10
let obj={'哈哈':1} const {'哈哈':b}=obj const {a:{'嘿嘿':b}}=obj console.log(b,'b24') //1 10、对象解构赋默认值
function circle(r){ return pi = Math.pow(r,2) } Shape.circle = circle })(Shape || (Shape = {})) 10
://zh-hans.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props 10
const max = Math.max(...arr); const buckets: number[][] = []; // 初始化桶 for (let i = 0; i < 10 [i] = []; } // 计算最大数字的位数 let digitCount = 0; while (max > 0) { max = Math.floor(max / 10 = 0; j < arr.length; j++) { const num = arr[j]; const digit = Math.floor(num / Math.pow(10 , i)) % 10; buckets[digit].push(num); } arr = []; for (let k = 0; k < buckets.length
/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
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
---- 电脑装机 记录下本菜鸟作为一个初级前端,当拿到一个新电脑的时候 windows terminal terminal 是我个人比较喜欢的命令行工具,默认可以启动 cmd, powershell 网易云/listen1 (摸鱼听歌) apifox/postman (接口调试工具) wps office(办公) 百度网盘/阿里网盘 Navicat(数据库) sunlogin(远程操作) nginx(前端
今天是第十天的笔记,主要是HTML和CSS的,希望大家支持~ 在此之前先为大家显示下前端工程师的路线图: 第十天的笔记:HTML AND CSS: 响应式设计:自行创建:可以灵活的调控页面元素.
10. CMDB前端开发-IDC管理 CMDB前端开发-IDC管理 IDC管理 首先需要将布局做一下调整, 目录结构如下 删除原先的A~C.vue文件,修改router/index.js 路由文件如下: .. mounted() { this.getData() } } </script> <style scoped> </style> 前端效果展示 修改前端Idc.vue, 实现父组件引用子组件: views/idc/Idc.vue <template> <el-card class="box-card"> <el-table 前端创建idc子组件: views/idc/IdcCreate.vue <template> <el-dialog :model-value="visible" width
考虑一个场景,滚动事件中会发起网络请求,但是我们并不希望用户在滚动过程中一直发起请求,而是隔一段时间发起一次,对于这种情况我们就可以使用节流。