前端面试题
关注
分享
扫一扫
yunchong_zhao
这人比较懒，不喜欢写简介
展开
-
css将元素置于视图中心，禁止底部遮罩层滚动
禁止遮罩层滚动这个其实比较好处理 我们有的时候 会自己封装一个遮罩层，但是在上面弹出东西的时候，下面的内容还在滚动 其实这个时候我们可以通过js进行控制的。将元素设置到视图中心(不论页面怎么滚动都在中心位置) 这个更简单了 就是css3的属性 我们不考虑元素的宽高哈。全屏的遮罩层 其实也好处理 就是讲一个元素基于body 进行 绝对定位 然后宽高设置 100% 100% 即可。google firfox safari 都可以哈。关注我 持续更新前端知识。原创 2022-11-01 16:13:56 · 1300 阅读 · 0 评论 -
vue中多层嵌套传递props,vue中provide/inject讲解(含vue2, vue3)
不管react和vue其实都会有这个问题 在react中我们可以使用 context的方式进行传递但是今天的主角并不是 react. 博主最近使用vue进行开发。 相信初学的小伙伴 肯定会碰见多层嵌套传递的问题其实你也可以 根据 props 一层一层传递下去。但是不是贼麻烦vue中给我提供了。provide 和 inject的方式 进行深层组件传递。vue2中在上层组件中export default { provide: { foo :"hello world" }}// 当然有原创 2022-05-22 15:36:31 · 4272 阅读 · 0 评论 -
h5，移动端浏览器通过css 实现页面，元素横向滚动
横向滚动 在业务中还是比较常见的，比如我们的有些导航就是横向滚动的。横向滚动其实通过css就是简单的快速实现核心的代码就是这两行overflow-x: scroll; 开启滚动white-space: nowrap; 禁止换行ul { list-style: none; overflow-x: scroll; white-space: nowrap; padding: 15px;原创 2021-10-27 21:21:27 · 1596 阅读 · 4 评论 -
将stylus 样式 转换成sass,scss
因为有一个项目使用的是 stylus. 后来的项目使用了 scss, 但是很多样式代码都可以共用的， 就是格式不太一样 要是一点一点来转化 就累死了就想着网上找到一个工具也可以 能实现快速转换没想到还真有npm install -g stylus-convertermacsudo npm install -g stylus-converter然后 直接在那个文件下stylus-conver -i demo.styl -o demo.scss转出来 可能还得需要你调整下， 但是 能正常原创 2021-09-03 19:51:19 · 1653 阅读 · 4 评论 -
html, js,子元素在父元素中实现滚动到父元素指定位置，同时支持缓慢滚动
有的时候，还是会有这样的需求的工作中，不是让我们操作浏览器的滚动而是元素内部的滚动。我这里直接封装了一个原生的方法 可以拿过去 直接试试看。希望有所帮助<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie原创 2021-08-28 11:55:11 · 2154 阅读 · 0 评论 -
css中让文本显示到 元素的底部
div { height: 100px; width: 200px; border: 1px solid #f00; display: table-cell; vertical-align: bottom; }<div> hello world <span>1111</span> </..原创 2021-08-25 16:34:50 · 5372 阅读 · 0 评论 -
js匹配换行符
let str = str.replace(/\n/g, '<br />')持续更新前端知识原创 2021-07-30 01:36:26 · 1928 阅读 · 0 评论 -
前端面试题， js中 箭头函数 和 普通函数的区别，还能有啥区别 当然是长得不一样了
今天 再来扯一扯 面试题 以下场景是 博主虚拟的 当然也可能取自于生活中面试官有一天问我，箭头函数 和 普通函数有啥区别！ 不用想 肯定又是在考察基础点的切入度深浅问题了，我调，可恶啊，我每天搬砖敲代码，哪有空去理解那么深层次的东西，我当时只想说，要不是你来面试我，你可能也不知道 这两个的区别吧，谁天天没事去研究这个呢，与工作也没多大关系呢，奈何我是打工者，只好屈服了，面试官 这个 我知道点， 就是 首先 他们两长得不一样 这不废话吗// 箭头函数表达式const func = ()原创 2021-07-04 14:56:22 · 491 阅读 · 1 评论 -
聊一聊js中的位运算，javascript中的位运算
相信很多前端小伙伴在学习js基础的时候 都会学习到js中的位运算， 但自从工作之后 是不是 发现很少碰见位运算呢其实吧 位运算用好了 也可以解决一些 业务逻辑问题先举一个一例子吧 就是 常见的问题 如果判断是一个数字是 奇数还是偶数如果是一般的解决方法 就是 求余数const isEven = (num) => num % 2 == 0;在二进制中 奇数的尾数 都是 1 偶数的尾数 都是 0然后 我们 与运算一下的话 1 & 1 是 1 1 & 0原创 2021-06-19 17:03:51 · 476 阅读 · 0 评论 -
git 清理本地 之前的留的远程分支 ，删除之前缓存的origin分支，同步远程分支 ，git pull拉取失败
我们 会在进入公司第一天 然后 拉取下 远程分支，可能后期一直到走都不会在动第一次拉取的本地分支了但是 还有那个可能的， 比如 今天我们 老大说 要清理掉之前不用的 旧分支，记住 你本地 是不会自动跟着远程 更新的比如 我们查看远程分支的命令是 git branch -a查看 分支跟踪情况git remote show origin最近新来的一个同事， 场景重现下哈我们之前有一个 a分支 下面有很多子分支a/1a/2但是 新同事直接搞了一个 a分支 推到了远程 吧之前的给覆盖了原创 2021-06-17 17:56:48 · 452 阅读 · 0 评论 -
前端面试题 ： 用js方法 创建一个从1倒10的数组 随机从中取出五个数字 不重复
function createArray(count){ var arr=[]; for(var i=1;i<=count;i++){ arr.push(i); } return arr; }// 传入一个数字10 创建一个从1到 10的数组...原创 2020-01-17 11:36:25 · 4515 阅读 · 0 评论