【WEB 前端抱团学习群】0413期技术解答分享

前言

2018 年伊始,我们准备实现一个小目标:

打造一个技术交流氛围浓郁的微信群。
让大家在这个群里轻松交流技术、没有扯淡,
拒绝吐槽,只关注技术学习本身。

因此,【WEB 前端抱团学习群】 就此诞生。

我们为这个群倾注极大精心与资源,期待给这个群提供诸多福利,例如:

1、聊天扯淡挺热闹,提个技术问题瞬间死寂?

——放心,在这个群里,拒绝扯淡,只谈学习。技术提问,必有回应~

2、独自一人无目的学习、没有学习目标?

——管理员会根据每人的基础做合理的学习计划、定期监督提醒~

3、自己学得怎么样?知识掌握的好不好?稀里糊涂的?

——群内提供阶段性技能水平测试,个人水平一目了然~

4、群里有没有技术大牛可以讨论的?

——每周邀请嘉宾(技术牛人、或妙味全职讲师)进行技术主题分享

5、做了练习无人点评、也不知道哪里可以优化或改进?

——专属的练习提交地址,会有资深讲师进行专业点评

6、都说进群抢红包,这群里会经常发红包么?

——围绕学习的奖励红包层出不穷,甚至会有奖学金提供唷~

7、还有更多可能的探索,我们会动态调整、不断尝试……

——也欢迎群友为我们提供各种建议,我们会认真倾听、努力改进~


VIP 进群:

“爱学习的人总是少数,但是大多数学习者都在这里!”
  • 扫码关注公众号,发送”VIP进群”关键字,入群共同学习,审核通过后入群


今天的内容分享如下:

大家好~
令人愉悦的周五来啦!
发一个同样令人愉悦的消息

本群今天的安排是:

《技术分享回顾日》

讲师们将会全天坐镇
逐一解答大家的提问

解答时间:
· 上午 10:00~12:30
· 下午 14:00~18:00


在过去的两周内
我们在群内分享了诸多内容

· CSS 相关的有:

移动端适配、响应式、BFC、less、grid 网格、弹性盒模型,flex 布局、可视化问题处理、结构性伪类、像素比、相对单位 “vw”、bootstrap 栅格系统…

· JavaScript 相关的有:

数据类型、作用域、闭包、原型链、代码运行机制、事件代理、异步、面向对象、递归、ES6、let、const、变量的解构赋值、箭头函数…

· react 相关的内容有:

模块化基础 spread、rest 和 class,数组的 map 方法、数组的 filter、ES6 模块化语法、CommonJS、react 环境、React 的初次渲、认识 jsx、认识组件、认识 props…


正所谓温故而知新
知识虽然分享了
但许多同学并未掌握扎实

因此今天,讲师们在群里
解答大家提出的各种 CSS、JS、react 问题

以下是当天的提问整理:


CSS 相关:

问:请问一下,视频中老师说+background:#f9f9f9;只是ie6/7 认的,是因为前面那个加号的作用吗?
答:
是的,这玩意叫 css Hack。代码示意如下:

.box{
height:32px;
background-color:#f1ee18;/所有识别/
.background-color:#00deff\9; /IE6、7、8识别/
+background-color:#a200ff;/IE6、7识别/
_background-color:#1e0bd1;/IE6识别/
}

问:老师,为啥你们视频中浏览器运行显示的字体是黑色16像素的,我的是彩色15像素的?

答:
你这调整的是编辑器的字体大小 而不是你页面的字体大小
页面的字体大小要用 css font-size 去控制

问:在浏览器中文字默认有个高度怎么处理?比如 我一个块 40px 假如 我设置了 line-height:40px; 发现 这个块里的文字并没有上下居中 而是靠下 这种情况下如何改?
答:文字设计就是如此 不同的字体在一个方块里面处于不同的位置 比如说微软雅黑就稍微偏下一点

追问:那我们如何改呢?只能通过设置行高来弄吗?
回复:如果说是大体居中 然后上下偏差一两个像素就无所谓
如果说偏差很多 那么这时候就要找找别的原因了

问:info块难道不是在image块下面吗 怎么跟在后面了
img float起来了 info 没有float

答:浮动元素是脱离文档流 但是还是会占用正常文档流里面的文字空间

JS 相关:

问:NodeList 对象 支持的一些方法能去哪里查,比如是否支持 forEach?
答:console.dir(NodeList);//查看NodeList 下 ,支持哪些方法,最简单的办法,就是把它下边的方法 都枚举出来看看

问:

答:这就是一个基本功能,暂时还没有简化的余地
追问:for 循环是不是浪费性能
答:那你就得换思路了,不要在依次清除所有的,只清除当前选中的

问:老师们能不能帮忙看一下这个代码为什么会出现 if else 重复执行的问题。jq 的
当窗口滚动的时候下滑的时候,我要让选中的元素固定

答: 注意这里使用的是 scroll 事件,scroll 事件,在滚动条 位置发生改变的时候,执行,你在不断改变滚动条位置,他就不停执行啊

追问: if else不是只执行其中的一次吗,为啥重复执行这两个
回复: 你上下 来回拉动 那不就在 if 和 else 之前 来回执行了

问:有没有人做过前端调用打印机
答:window.print();

问:自动记住用户的这个黄色可以去掉吗

答:autocomplete=”off”

续问:autocomplete=”off” 就不能记住密码了
回复:
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px #fff inset;
-webkit-text-fill-color: #000;
}
利用阴影把 背景的黄色 给盖起来

问:js 中怎么样现在自己以下或者以上的兄弟节点
答:el.nextElementSibling||el.nextSibling;
el.previousElementSibling||el.previousSibling;

续问: previousElementSibling||el 只能获取一个,我想要的是全部
答: 向上 递归 或 那就给每个元素加 index,获取当前 index,然后 小于 index ,就是它之前的,大于 index 就是它之后的

续问: 递归不会
答:也可以利用循环写啊,如下:

问:小程序中 navigationBarBackgroundColor 支持 渐变吗?
答: 目前 只支持 纯色

问:请教一个问题,弹幕文字如何在出入视频时实现较好的显示隐藏的过渡效果呢?有哪些 css 样式可以是实现的呢
答:opacity rgba translate left 都可以啊,关键是看你要一个什么样的过渡效果

问:进入视频前不显示文字,进入后显示文字,所以会有部分文字进视频了,又部分文字没进入视频,这种效果
答:那就用个容器 包括起来,overflow:hidden 然后改变位置就行

问:老师 现在 video 在浏览器上有什么问题么 我最近做项目 里边带 video 看以前同事写的用到了 videoJs 这个插件 没搞懂是用来干啥的。我没用过 video 标签 所以不太知道有什么为题

答:除了不兼容低版本 没啥大问题,移动端的问题就比较多了,比如 不能自动播放,以及 一些事件在移动端下 不兼容

问:fn.call(window); fn();
这两个是不 不是一个意思
答: 在浏览器器⾥面, 使用 function 声明的函数是这样

问:为什么这样定义的对象,就不能通过字⾯量⽅式修改属性? 有谁了解的吗?

答: 因为 name 不在实例属性上面, 在内部的作用域⾥

问:老师,可以讲⼀下 bind() 这个⽅法吗
bind 就是给函数绑定一个对象作为它调用时候的 this,
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ Function/bind 可以参考下

问:怎样才可以使浏览器器加载gz?
答:在服务器器开启 gzip


精彩课程推荐:

足不出户,享受优质远程课程!

远程《零基础前端开发 “PC 端+移动端+响应式开发” 课程》
https://miaov.com/index.php/news/newsDetail/nid/322

远程《JS 前端资深工程师就业精英班》
https://miaov.com/index.php/news/newsDetail/nid/316

远程《妙味 React+redux 高阶实战项目班》
https://www.miaov.com/index.php/news/newsDetail/nid/338

超五星级优质远程课服务:

1、系统完善的课程体系——内容有保障;
2、技术精湛的资深讲师授课——品质有保障;
3、远程视频直播 + 录播双管齐下——复习有保障;
4、全职老师全天 14 小时轮换在线答疑——服务有保障;
5、作业批改与练习讲解服务——答疑解惑有保障;
6、阶段式测评服务——学习效果有保障;
7、结课项目由妙味讲师倾心指导——毕业作品有保障;
8、简历指导 + 面试过程专人跟进——学完就业有保障;

报名咨询:

• 咨询QQ:2852509866、2852509867、2852509868
• 电话:010-57269690
• 微信:miaov-class

妙味网友
请登录后留言,请登录注册
 
 
 
 
 
官方微博
常见问题
手机观看
微信扫一扫
公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部