首页
朋友圈
留言板
关于
Search
1
基于Vue和DataV的数据可视化模板
1812 阅读
2
阿里云盘来了(附带内测码)
844 阅读
3
玛莉嘉 原视频
788 阅读
4
自律
728 阅读
5
CG《目标》完整版
615 阅读
技术分享
博客
大数据
前端
生活
资源分享
Search
标签搜索
typecho
PHP
数据分析
博客
大数据
资源分享
Hadoop
日常分享
小程序源码
免费分享
css
前端
HDFS
面试题
技术分享
阿里云盘
Chrome
开源项目
大数据可视化
JS
木子卜
累计撰写
54
篇文章
累计收到
66
条评论
首页
栏目
技术分享
博客
大数据
前端
生活
资源分享
页面
朋友圈
留言板
关于
搜索到
2
篇与
前端
的结果
8 个前端小知识
1. css 一行文本超出...overflow: hidden; text-overflow:ellipsis; white-space: nowrap;2.多行文本超出显示...display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;3.IOS 手机容器滚动条滑动不流畅overflow: auto; -webkit-overflow-scrolling: touch;4.修改滚动条样式隐藏 div 元素的滚动条div::-webkit-scrollbar { display: none; }div::-webkit-scrollbar 滚动条整体部分div::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条div::-webkit-scrollbar-track 滚动条的轨道(里面装有 Thumbdiv::-webkit-scrollbar-button滚动条的轨道的两端按钮,允许通过点击微调小方块的位置div::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去div::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处div::-webkit-resizer两个滚动条的交汇处上用于通过拖动调整元素大小的小控件注意此方案有兼容性问题,一般需要隐藏滚动条时我都是用一个色块通过定位盖上去,或者将子级元素调大,父级元素使用 overflow-hidden 截掉滚动条部分。暴力且直接。5.使用 css 写出一个三角形角标元素宽高设置为 0,通过 border 属性来设置,让其它三个方向的 border 颜色为透明或者和背景色保持一致,剩余一条 border 的颜色设置为需要的颜色。div { width: 0; height: 0; border: 5px solid #transparent; border-top-color: red; }6.解决 ios audio 无法自动播放、循环播放的问题ios 手机在使用 audio 或者 video 播放的时候,个别机型无法实现自动播放,可使用下面的代码 hack。// 解决ios audio无法自动播放、循环播放的问题 var music = document.getElementById('video'); var state = 0; document.addEventListener('touchstart', function(){ if(state==0){ music.play(); state=1; } }, false); document.addEventListener("WeixinJSBridgeReady", function () { music.play(); }, false); //循环播放 music.onended = function () { music.load(); music.play(); }7.水平垂直居中我一般只使用两种方式 定位 或者 flex,我觉得够用了。div { width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }父级控制子集居中.parent { display: flex; justify-content: center; align-items: center; }8.隐藏页面元素display-none: 元素不存在,从 dom 中删除opacity-0: 元素透明度将为 0,但元素仍然存在,绑定的事件仍旧有效仍可触发执行。visibility-hidden:元素隐藏,但元素仍旧存在,页面中无法触发该元素的事件。
2020年12月05日
303 阅读
0 评论
2 点赞
2020-11-18
前端面试题
1.JS是一门面向对象的语言,面向对象语言的三大特征封装、继承、多态2.如何理解JS中封装、继承这两个特点封装指的是隐藏逻辑实现过程,只对外暴露属性和方法,使用者只需要知道如何使用即可,而不需要关心内部如何实现的,目的在于简化实现过程,做到多处复用,提高开发效率,当需要维护的时候,业务逻辑和工具功能是分开的,降低迭代成本。继承指的是建立一个对象与另一个对象之间的父子关系,使得子对象可以拥有父级对象的属性和方法。继承的目的在于实现功能共享,通过“借用”父对象的特性,从而避免重复写功能模块,避免多余内存空间的占用3.JS中函数继承主要继承的是什么?可以继承函数体吗JS函数的继承主要继承的是函数名,没办法实现函数体继承4.声明一个函数fn,对其使用typeof,结果返回什么?然后我给fn添加一个属性,请问会报错吗结果返回是function字符串。添加属性不会报错,因为在js中,函数并不是真正的函数,function本身是一个object对象,而对象是可以添加属性和方法的,所以不会报错5.定义一个字符串,对这个字符串使用typeof,结果返回什么?既然返回结果是string,而属性和方法是对象才有的,那为什么会在我定义的字符串上可以使用split,join(),length等方法和属性字符串形式的string。在JavaScript中,全局环境存在在简单数据类型的对象,String对象就是其中一个,所有的字符串都是这个对象的实例,当我们对字符串使用方法和属性时,其实字符串本身并没有对应的方法,这个时候,JavaScript会沿着作用域链往上寻找,最终在对象String上找到了对应的方法和属性,而这个过程对于开发者是无感的,所以看上去像是调用了字符串本身的方法。6.promise能实现异步的原理是什么?我new一个promise,然后对这个promise实例使用typeof,结果是什么?promise实例接收的参数是一个函数,函数接收两个参数一个resolve,一个reject,为什么resolve后可以实现继续执行后续代码promise对象代表了一个异步操作,可以将异步对象和回调函数脱离开来,通过then方法在这个异步操作上面绑定回调函数。返回字符串object7.我有一段文字,但不知道多长,如何实现单行文本居中,多行文本居左显示display: flex; flex-direction: row; justify-content: center;8.我想实现一段动画,我有哪些可选的实现方式?一段流畅的动画帧与帧之间间隔有什么要求html5动画,js动画,CSS3动画。多数情况下最高的绘制频率只能是每秒60帧(frame per second),对应于显示器的60Hz,低于这个频率,肉眼感觉画面卡顿不流畅,高于这个频率,及其耗费性能。因此通常采用的时间间隔就是1/60,也就是16.7ms[tag type="success"]文章转载于:Joe的博客链接:https://ae.js.cn/archives/99/[/tag]
2020年11月18日
277 阅读
0 评论
2 点赞