• html5实现输入框fixed定位在屏幕最底部兼容性
  • html5实现输入框fixed定位在屏幕最底部兼容性

    1、问题由来
    做h5 已经有很长一段时间了,现在做的工作h5比pc上的更多,曾经解决pc端IE各个版本的兼容性也是伤透脑筋,原以为h5的会更好,殊不知,还有更头疼的问题,当设计师要

    2020-07-030

  • Quill编辑器插入自定义HTML记录的示例详解
  • Quill编辑器插入自定义HTML记录的示例详解

    转眼已经2020年,饥渴的人类不再满足于简单的文本,于是有了花里胡哨的携带各种样式的文本,然而有文本还不够,我们还需要让用户在编辑的时候,能够插入各种自定义消息类型,让

    2020-07-030

  • html5启动原生APP总结
  • html5启动原生APP总结

    许久没有写博客了,最近有个H5启动APP原生页面的需求,中间遇上一些坑,看了些网上的实现方案,特意来总结下
    一、需要判断客户端的平台以及是否在微信浏览器中访问
    1、客户

    2020-07-030

  • CSS3里box-shadow属性的使用方法示例详解
  • CSS3里box-shadow属性的使用方法示例详解

    CSS里面的属性很多,有些属性长时间不用,就容易忘,尤其是那种需要设置多个值的属性。比如:box-shadow,每次使用CSS3里的box-shadow,都记不清box-shadow怎么使用,都要查阅资

    2020-07-030

  • HTML5开发动态音频图的实现
  • HTML5开发动态音频图的实现

    概要


    本次我们会使用html5和js开发一个动态音频图
    用到的技术点:

    (1)js

    (2)canvas + audio

    (3)Web Audio API
    实现方式:
    (1)首先对于界面实现的考虑,由于区块非常多,我们使

    2020-07-020

  • CSS Viewport 单位 实现快速布局
  • CSS Viewport 单位 实现快速布局

    **CSS Viewport units(视口单位)**在过去几年已经出现了,随着时间的推移,越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就

    2020-07-020

  • CSS垂直居中的另类实现代码详解(不走寻常路)
  • CSS垂直居中的另类实现代码详解(不走寻常路)

    前言
    众所周知,“css如何实现元素垂直居中?”已经是一个老生常谈的问题了,这个问题目前已经有了许多解决方案,这些方案也都有各自适用的场景以及优缺点,大致如

    2020-07-020

  • css 实现动态二级菜单
  • css 实现动态二级菜单

    动态实现简单的二级菜单

    当鼠标放到一级标签上时,鼠标会变成小手的形状 展示二级菜单,源码如下,复制即可直接使用


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <me

    2020-06-300

  • 纯CSS实现选中商品后右下角显示√号功能
  • 纯CSS实现选中商品后右下角显示√号功能

    推荐文章:
    css伪类 右下角点击出现 对号角标表示选中的示例代码 :https://www.jb51.net/css/731762.html
    效果

    解析:
    1、利用伪元素选择器,来增加内容。

    2、利用较宽的

    2020-06-300

  • HTML5公共页面提取作为公用代码的方法
  • HTML5公共页面提取作为公用代码的方法

    在网站制作中有很多部分的代码是相同的,如footer部分,可以把这段代码提取出来,在别的页面调用。
    index.html


    <!-- 底部加载外部文件 -->
    <footer class="footer">

    2020-06-300

  • HTML+CSS相对宽度和绝对宽度冲突时的div解决方法
  • HTML+CSS相对宽度和绝对宽度冲突时的div解决方法

    相对宽度和绝对宽度冲突时的div解决方法
    摘要:一般我们在使用绝对宽度时会使用px,相对宽度时会使用%,但是要是同时使用绝对宽度和相对宽度时该怎么办呢?
    我们通过一道例

    2020-06-300

  • html 实现tab切换的示例代码
  • html 实现tab切换的示例代码

    tab切换在项目中也算是常用技术,一般实现tab切换都用js或者jq实现,今天介绍两种只用css实现tab切换方法:
    方法一:
    原理:通过label标签的关联属性和input的单选类型实现相

    2020-06-300

  • 一文汇总 CSS 两列布局和三列布局的具体使用
  • 一文汇总 CSS 两列布局和三列布局的具体使用

    前言
    随着大前端的发展,UI 框架层出不穷,让我们前端开发对 CSS 的能力要求变得没那么高或者没那么严苛,起码重要性是比不上 JS 编程的。但是,基础的 CSS 依然需要我们熟

    2020-06-280

  • HTML的relative与absolute使用及区别详解
  • HTML的relative与absolute使用及区别详解

    HTML的relative与absolute区别:说实话html这门语言算的上是这个世界上最简单的一门语言了,标签语言嘛,就是标签多了点英文单词超多,不过都是有规律的比如文本类居中text-

    2020-06-280

  • html table实现复杂表头的示例代码
  • html table实现复杂表头的示例代码

    使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。
    在html中<td> 标签定义 HTML 表格中的标准单元格。
      (1)rowspan 属性规定单元

    2020-06-280

  • CSS规范BEM CSS和OOCSS的示例代码详解
  • CSS规范BEM CSS和OOCSS的示例代码详解

    前言

    在项目开发中,由于每个人的代码习惯不同,编写出来的css代码不够结构化,整洁度和语义化欠缺。BEM CSS和OOCSS的思想大家在日常编码中一定有所用到,只是没有系统的了

    2020-06-280

  • 如何利用vw+rem进行移动端布局
  • 如何利用vw+rem进行移动端布局

    你还在用rem弹性布局吗?在html文件头部放入一大段压缩过的js代码,是不是让你很难受?来了解下vw吧,能让你的代码更纯粹
    简单介绍下rem布局方案
    rem是css中的长度单位,1rem=

    2020-06-240

  • HTML5中在title标题标签里设置小图标的方法
  • HTML5中在title标题标签里设置小图标的方法

    一张网页,如果标题只有文字,那会显得特别单调;那么如何加入一个小图标呢,废话不说,代码展示。
    在html中的<head>标签里:


    <head>
    <meta charset="UTF-8">
    <title>叮

    2020-06-240

头条

推荐阅读
  • iOS13.4耗电快怎么办 iOS13.4省电设置方法 iOS13.4耗电快怎么办 iOS13.4省电设置方法
  • iOS13.4GM和iOS13.4.5beta哪个好用 iOS13.4GM和iOS13.4.5beta对比 iOS13.4GM和iOS13.4.5beta哪个好用 iOS13.4GM和iOS13.4.5beta对比
  • iPhone SE值不值得买? iPhone SE值不值得买?
  • iPhone收不到软件更新怎么办 iPhone/iPad不提示软件更新解决方法 iPhone收不到软件更新怎么办 iPhone/iPad不提示软件更新解决方法
  • 热门标签