前端开发 Html/Css
刷新
小程序开发实战案例四 | 小程序标题栏如何设置

博主头像 上一期我们了解了 小程序底部导航栏 的实现效果，今天一起来了解下如何设置小程序标题栏～ 基础标题栏 小程序标题栏主要包含返回、标题、收藏、菜单、收起 5 个模块，其中能够调整的部分只有标题和背景色。 另外 IDE上无法展示收藏按钮，如果测试收藏按钮的相关功能 需要使用真机模式调试。 1、基础属性 � ...

带圆角的虚线边框？CSS 不在话下

博主头像 今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： div { border-radius: 25px; border: 2px dashed #aaa; } 但是，原生的 dashed 有一个问题， ...

PWA 离线方案研究报告

博主头像 本文并不是介绍如何将一个网页配置成离线应用并支持安装下载的。研究PWA的目的仅仅是为了保证用户的资源可以直接从本地加载，来忽略全国或者全球网络质量对页面加载速度造成影响。当然，如果页面上所需的资源，除了资源文件外并不需要任何的网络请求，那它除了不支持**安装到桌面**，已经算是一个离线应用了。 ...

元素定位position

博主头像 static：静态定位（默认）。依据文档流定位。 relative：相对定位。以自身为基准，设置坐标（left、top、right、bottom），不脱离文档流。 absolute：绝对定位。以父元素为基准，设置坐标（left、top、right、bottom），脱离文档流。 fixed：固定定位。... ...

记录--前端中 JS 发起的请求可以暂停吗

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ...

HTML常用表单元素使用?

博主头像 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。input标签：用来定义输入控件。这个标签非常有用，它可以实现各种各样的表单控件效果。 ...

记录--优雅解决uniapp微信小程序右上角胶囊菜单覆盖问题

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 大家好，今天聊一下在做uniapp多端适配项目，需要用到自定义导航时，如何解决状态栏塌陷及导航栏安全区域多端适配问题，下文只针对H5、APP、微信小程序三端进行适配，通过封装一个通用高阶组件包裹自定义导航栏内容，主要是通过设置pad ...

HTML中title标签的使用

博主头像 HTML中的title标签是非常重要的标签之一，它用来描述网页的标题。在搜索引擎优化中，title标签是非常关键的，因为搜索引擎会将title标签中的文字作为页面的主要描述，并根据其相关性来判断网页内容的质量和权重。 ...

十套充满逼格的css动画交互设计！UI看了都自愧不如

大家好,欢迎来到程序视点!对于网页设计师和开发工程师而言，创建一款极具趣味性和实用性的CSS网页动画，能让网站美观不少! CSS动画，就是通过CSS代码搭建网页动画。允许设计师和开发人员，通过编辑网站的CSS代码来添加页面动画，轻松提高网站兼容性的同时，提升网页加载速度。今天就带来了十套精美的css ...

记录--静态网站 H5 跳小程序，以及踩坑

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 我司有智慧功成家APP和对应的小程序，现在已经实现APP分享到微信，微信点击分享链接直接进入小程序。 目前有一个问题就是我们APP在网警那边还没有完全审批下来，已经搞了几个月了，还不知道啥时能上线。微信对于这类分享是有限制的，可以分 ...

固定导航栏

博主头像 废话不多说，先看效果再上代码 一、效果图 二、html内容 我这里用来外部样式表导入css，当然你可以根据自己的喜好 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>导航栏</title> <!--导入外部样式表--> <l ...

标签元素分类

博主头像 元素分类 一、行内元素 1.不独占一行，高宽由内容撑开 2.无法设置width和height 3.margin（单用无效，配合别的标签可以有效，下面案例中有解释）/padding的上下无效，但是左右有效 <a></a> <strong></strong> <span></span> 二、行内块元素 ...

CSS简介及常用样式

博主头像 一、CSS简介 CSS：层叠样式表(英文全称：Cascading Style Sheets)：是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器（三种） 1.标签选择器 <style> p { ...

html标签

博主头像 一、标签简述 网页是由一个一个标签组成 1.标签外观分类（两种） 单标签 <meta><img /> <link> <br> <hr> <input> 双标签 <div></div> <p></p>等 2.标签状态分类（三种） 2.1行内标签 可以设置文本的大小、颜色、背景、文本阴影，不能设置标签本 ...

基于uQRCode封装的Vue3二维码生成插件

标题：基于uQRCode封装的Vue3二维码生成插件 摘要：本文介绍了一种基于uQRCode封装的Vue3二维码生成插件，可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境，并且支持微信小程序。本文将详细介绍该插件的使用方法，并给出一个基于Vu ...

如何使用 whistle 代理神器

博主头像 【whistle 官网】http://wproxy.org/whistle/install.html 【用途】 抓包、mock、修改返回数据、修改响应头字段、延迟模拟弱网等 代理转发 - 需要配置代理转发规则 把某环境仅前端资源的请求代理转发到本地 把某个接口地址的请求代理转发到指定的后端环境地址 ...

实现环形进度条效果【一】

博主头像 好基友扔过来一张效果图，简单分析下，一起看看如何实现它吧。 一个半环形用于表示 0 - 100%。 半环形开头有一个圆点作为修饰。 半环形两端需要呈现为圆角。 通过 div 实现 先画一个长方形。 <div class="graph"></div> .graph { width: 200px; he ...

<1···89