关键字:body
  • 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 ...
  • Skeleton Screen骨架屏
    背景 传统的优化用户等待的体验 - 白屏使用动画,菊花图,加载进度条等: image.png It can be bad because progress indicators by definition call attention to ...
  • next.js如何加入google或者百度统计
    在next.js框架中如何加入google或者百度统计呢? 1. 第一种 在之间加入,代码如下 <script dangerouslySetInnerHTML={{__html: `(function( ...
  • 4、webpack从0到1-打包图片资源
    上节讲了下webpack的loaders,然后尝试用babel-loader打包了下,想这些基础的loader还有一些需要介绍一下,本章说下关于打包图片资源的loader:file-loader和url-loader。 git仓库:web ...
  • eggjs结合七牛云对象存储实现文件上传功能
    本文首发于 艾特网 - 程序员导航站 中的博客专栏,地址:https://www.iiter.cn/blogs/37 强烈建议收藏或保存 说在前面 最近想着给 艾特网 - 程序员导航站 后台扩展文件上传的功能。因为考虑到七牛云对象存储比较 ...
  • 5、webpack从0到1-处理css文件
    讲下webpack如何处理css样式文件。 git仓库:webpack-demo 1、新建 进入项目中,在src目录下新建一个styles/header.css文件。 webpack-demo/chapter5 ... |- / ...
  • 回味CSS选择器
    发现很多选择器已经忘了叫啥了,借此看一下MDN的文档,本文只是抛砖引玉,记录下阅读过程中的一些新知识,或是当作以后查阅的手册。文档地址 1. 通配选择器 一个星号()就是一个通配选择器.它可以匹配任意类型的HTML元素.在配合其他简单选择 ...

暂无数据