前端开发 Html/Css
刷新
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 ...

记录--求你了，别再说不会JSONP了

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JSONP是一种很远古用来解决跨域问题的技术，当然现在实际工作当中很少用到该技术了，但是很多同学在找工作面试过程中还是经常被问到，本文将带您深入了解JSONP的工作原理、使用场景及安全注意事项，让您轻松掌握JSONP。 JSONP是什么？ ...

记录--为什么没有人能讲清楚 BFC？

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、你看得懂权威的解释吗？ 1. CSS 规范中对 BFC 的描述 CSS 规范(英文) | 中文翻译 浮动，绝对定位的元素，非块盒的块容器（例如inline-blocks，table-cells和table-captions），以及’o ...

最新demo版 | 如何0-1开发支付宝小程序之小程序页面功能介绍（三）

博主头像 前两期讲了小程序开发的准备工作以及前期需要如何调试，今天我们就来介绍下开发一个支付宝小程序页面需要了解哪些信息。 一个小程序页面的整体功能的构成离不开页面展示（AXML）、页面样式（ACSS）以及页面逻辑（JS）这三方面，下面本文将从这三方面具体展开。 一、AXML(组件) AXML 页面一般用来做 ...

视觉差缓动效果的轮播--React版

博主头像 React实现视觉差效果缓动轮播 效果如下（图片帧率低看起来有点卡顿，看个大概就行）： 分享一下思路： 1.正常引入一个轮播组件（站在巨人肩膀省时省力），去除指示点、引导箭头等不需要的元素，有些组件支持配置，不支持就手动覆盖CSS样式了 2.找到组件中用于显示展示当前图片的类名 3.添加transf ...

记录--居中为什么要使用 transform？

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 引言 居中是我们在前端布局中经常会遇到的问题，其中包括水平居中和垂直居中。居中的方法很多，比如说水平居中可以使用text-align: center或者margin: 0 auto等等来实现，垂直居中则需要使用一些其它的特殊的技巧。比如说 ...

<1···456···17>