专栏首页趣谈前端前端进阶第4周打卡题目汇总

前端进阶第4周打卡题目汇总

由于最近有很多朋友问我如何入门和进阶前端,以及如何提高自己的javascript水平,为了认真回答这个问题并提高执行力,本人特地建了一个前端学习打卡群,每天会定期分享工作中常见的问题和笔试,面试题,以此来提高大家对前端的掌握程度。(感兴趣的可以加我进群哦)

好啦,接下来赶快进入正题,总结一下前四周的打卡笔记。

第一天

1.用js计算斐波那契数列的第n项

菲波那切数列

2.用css画一个扇形

css实现扇形可以用伪类矩形旋转一个角度,来遮挡父容器的圆形,父容器溢出隐藏

第二天

1. 解释一下在js里,0.1+0.2为什么等于0.30000000000000004,如何通过代码解决这个问题?

2.用css实现圣杯布局和双飞翼布局

第三天

1. 阐述图片预加载原理并通过js实现一个图片预加载方案

图片预加载就是将所有所需的图片提前请求加载到本地,这样后面在需要用到时就直接从缓存取图片 。

图片预加载的原理很简单:new Image(),然后使用onload方法回调预加载完成事件,当浏览器把图片下载到本地后,之后同样的src就直接使用缓存。

2.用css实现0.5px border效果

半像素边框: 1px改为0.5px(会被解析成1px)

第四天

1.用js实现一个图片懒加载方案

2. 用css实现下拉框动画

第五天

1. 阐述骨架屏以及实现思路

骨架屏主要用来优化用户体验,在页面渲染完成前会添加占位符,占位符可以是动态注入的html也可以是加载动画的图片,目前antd和element都提供了骨架屏相关的组件

2.用css实现一个加载动画

第六天

简要概述节流函数和防抖函数,并用js实现节流和防抖函数

1. 什么是函数节流:

概念: 规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只有一次能生效。

2. 防抖(debounce)

所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。

本文分享自微信公众号 - 趣谈前端(beautifulFront),作者:徐小夕

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-12-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typescript)

    首先来简单介绍一下webpack:现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个...

    徐小夕
  • 30分钟教你使用nodeJs开发自己的图床应用

    本文主要复盘笔者的nodeJS,通过一个线上的实战案例来总结node生态常用的技术点和最佳实践。后面会花费大概一个月的时间输出3篇以实战为主的nodeJs项目,...

    徐小夕
  • 前端开发中不可忽视的知识点汇总(二)

    ‍24. 如何将浮点数点左边的数每三位添加一个逗号,如12000000.11转化为『12,000,000.11』?

    徐小夕
  • 让IIS8支持WCF的最简单方法

    以前在IIS8中使用WCF时,总是参考在IIS8添加WCF服务支持这篇博文进行手工设置:

    习惯说一说
  • 如何判断是关闭还是刷新网页

    我们在写js代码的时候,经常要判断网页是否被关闭了,如果是被关闭了,就执行某段代码,这个可以用HTML的onbeforeunload事件来执行一段js代码,但是...

    源哥
  • 浅谈pyse

    现在都看懂了吧!就是简单的Python和selenium融合,做的二次开发,使用起来比原来的selenium还要简单!

    我被狗咬了
  • 打包优化实践(如何Code Spliting)

    开发环境中可使用 analyze-webpack-plugin 观察各模块的占用情况。以该项目为例:浏览器中输入 http://localhost:3000/a...

    牧云云
  • Java Validation Api

    在我们应用程序的业务逻辑中,经常会碰到参数教研的情况,比如在Controller中,我们的参数是一个Entity的时候,经常要判断这个Entity的字段是否是...

    haoming1100
  • 20个轻量的 JavaScript 库和插件

    下面这个列表中的免费 JavaScript 插件都是今年发布的,没有臃肿的一体化的框架,它们提供轻量级的解决方案,帮助 Web 开发过程更容易和更快。提供的插件...

    用户4962466
  • 20140921遇到的问题-----JAVA----JS------jquery-1.11.1.min.js找不到的原因和解决办法

    当我把项目发布到tomcat服务器上面去,运行某个jsp页面的时候,发现功能没有实现 有没有报错,说明代码没有问题,那就找引入的文件是否正常导入了。这里有可能一...

    wust小吴

扫码关注云+社区

领取腾讯云代金券