关键字:height
  • HTML- white-space 和 overflow 两个重要的 CSS 属性
    CSS的作用是给 HTML 元素添加样式和布局,接下来利用CSS的 white-space 和 overflow 这两个属性让元素实现左右滑动,效果如下: 左右滑动的菜单.gif 点击按钮 day4-前端 菜单会滚动到中间,在iOS中想要实 ...
  • Web前端进阶之路: 提升代码质量篇
    初级前端和高级前端有什么差别?在我看来,初级前端关注点在完成功能,高级前端能在完成功能的基础上,做的又好又快。做的好,就是代码质量高,做的快就是开发效率高。 本文讨论的主要内容是:提升代码质量的方法。 高质量的代码的重要性 高质量的代码体现 ...
  • js实现图片懒加载
    一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性,所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中,等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...
  • 记好这 24 个 ES6 方法,用来解决实际开发的 JS 问题
    本文主要介绍 24 中 es6 方法,这些方法都挺实用的,小本本请记好,时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...
  • next.js如何加入google或者百度统计
    在next.js框架中如何加入google或者百度统计呢? 1. 第一种 在之间加入,代码如下 <script dangerouslySetInnerHTML={{__html: `(function( ...
  • 基于Ant Design的Tree可搜索树形组件
    Ant Design中的Tree不能直接拿来满足设计图的样子和需求,按还是基于andt的Tree进行了一些改造。 问题:自定义树节点的展开/折叠图标 antd提供了一个switcherIcon属性,用来自定义图标 但是没有专门区分展开和折叠 ...
  • 2020让你的ElementUI el-select 失去焦点 el-select+el-tree下拉组件让选择更多
    实操让我们更加有经验,这里做了一个elementUI eleselect+tree的下拉组件 功能实现完成,但是有点不完美,选中后无法关闭下拉框&nbsp;这个是重点 加了一行代码&nbsp;this. ...
  • 使用rollup打包图片懒加载插件
    前言众所周知,图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片,当图片资源比较多且比较大(质量)的时候会严重影响页面的加载。特别是SPA应用,先加载jsbundle资源,再去加载图片 ...
  • JS逐页转pdf文件为图片格式
    背景 年前的时候,开发一个电子杂志项目,功能需求是通过上传pdf文件,将其转为图片格式,所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现,所以使用的是PHP实现该功能。项目完成后,寻思着在前端是否也能实现pdf转图片的功能。一番 ...
  • 使用css和js实现时钟
    效果如下:程序实际的效果是最新的时钟,我这里只是录屏了几秒钟。 clock.gif <titl ...

暂无数据