前端html css

css 右上角三角形标签样式

<style> .box{ position: relative; height: 100px; width: 300px; border: 1px solid gray; box-sizing: border-box; } .sanjiao{ position: absolute; top: 0; ......
三角形 样式 标签 css

css 右上角标的效果

右上角 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j ......
效果 css

4 CSS属性选择器

##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用:选择含有指定属性的元素。 语法:[属性名]{} ``` 示例如下: ```html 属性选择器 用户名: 密 码: 数据量: ``` 运行结果: ![image]( ......
属性 CSS

【校招VIP】前端基础之post和get

考点介绍: get和post 是网络基础,也是每个前端同学绕不过去的小问题,但是在校招面试中很多同学在基础回答中不到位,或者倒在引申问题里,就丢分了。 一、考点题目 1.HTTP协议中,如果要告知所请求的网页已经永久跳转到了另一个地址,应该返回哪个状态码: A.301B.302C.404D.503 ......
前端 基础 post VIP get

CSS 实现一个带弧边的区域

一、需求描述 在移动端的开发中,经常遇到下图这样的弧边设计 弧边其实有很多方案,但像上图这样的情况更适合用 border 实现,因为这样更方便封装为组件 二、初步实现 可以将页面顶部的区域看做一个大圆与页面的交集,基于这个思路就能开发出一个基本的 html 结构 <body> <div classN ......
区域 CSS

HTML5原生拖拽/拖放 Drag & Drop 详解

前言 拖放(drap & drop)在我们平时的工作中,经常遇到。它表示:抓取对象以后拖放到另一个位置。目前,它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 拖放的流程对应的事件 我们先看下拖放的流程: 选中 > 拖动 > 释放 然后,我们一步步看下这个过程中,会发生的事情。 选中 在 ......
HTML5 HTML Drag Drop amp

webpack压缩 html 和 js

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 html 和 js 一、压缩 js /* webpack.config.js webpack的配置文件 */ module.exports = ......
webpack html js

webpack压缩 html 和 js

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 html 和 js 一、压缩 js /* webpack.config.js webpack的配置文件 */ module.exports = ......
webpack html js

webpack压缩 CSS 文件

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......
webpack 文件 CSS

webpack的css 兼容性处理

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
兼容性 webpack css

webpack打包 html 资源

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包 html 资源 一、打包 html文件的核心配置 // webpack.config.js webpack的配置文件 // 路径: ./webp ......
webpack 资源 html

webpack提取 CSS 成单独文件

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
webpack 文件 CSS

Blob 数据类型前端如何操作

Blob(Binary Large Object)是一种二进制数据类型,通常表示二进制文件、图片、音频或视频等媒体资源。Blob 数据类型通常用于数据库中存储二进制数据,也可以用于在前端(如浏览器)中传输大型二进制数据、文件上传、浏览器剪切板数据等 Blob 数据类型相对于字符串和数组而言,更适合处 ......
前端 类型 数据 Blob

CSS – Houdini

介绍 简单说这个 Houdini 是一系列 CSS 底层 API,它可以让我们扩展 CSS,做出一些 Polyfill。 举一个例子,让大家有个画面。 我们可以通过 CSS + JS + Canvas 语法来自创 CSS 语法,游览器解析 CSS 时它会跑我们的 JS,而 JS 用类似 Canvas ......
Houdini CSS

博客园css与目录导航

默认配置: 皮肤:BlueSky ## 页面定制css代码 ``` :root { --accent-color: #696969; /* nice */ --primary-colour: #306797; /* */ --background-color: white; --background ......
目录 博客 css

前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
颜色 前端 文字 vue

前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
等分 前端 底部 宽度 组件

JavaScript性能优化指南:加速前端应用的加载速度

在当今互联网发展迅猛的时代,用户对于网页加载速度的要求也越来越高。JavaScript是前端开发中不可或缺的一部分,但它也可能成为网页加载变慢的原因之一。本篇文章将带您了解一些JavaScript性能优化的最佳实践,以加速前端应用的加载速度。 ......
前端 JavaScript 性能 速度 指南

1.8 HTML5端快速访问单张模板

# 一、HTML5端快速访问单张模板 ## 1.插件安装 如需在 HTML5 端预览报表工程,必须安装 「HTML5 解析」插件。FineReport 设计器默认安装「HTML5 解析」插件,在设计器中点击「服务器>插件管理」,在插件管理的弹窗右侧「我的插件」中即可查看,如下图所示: ![image ......
模板 HTML5 HTML 1.8

【16.0】前端登陆页面

# 【一】分析 - 登录,注册,都写成组件 》在任意页面中,都能点击显示登录模态框 - 写好的组件,应该放在那个组件中 》不是页面组件(小组件) - 点击登录按钮,把Login.vue 通过定位,占满全屏,透明度设为 0.5 ,纯黑色悲剧,覆盖在组件上 - 在Login.vue点关闭,要把Login ......
前端 页面 16.0 16

【9.0】路飞项目前端搭建

# 【一】Vue2创建项目 - 创建项目 ```shell vue create lufycity_web ``` - 选择Vue版本(2.0) ```shell Vue CLI v5.0.8 ? Please pick a preset: (Use arrow keys) > normal ([V ......
前端 项目 9.0

CSS实现文字描边效果

一、介绍最近在一个项目的宣传页中,设计师使用了文字描边效果,之前我确实没有实现过文字的描边效果,然后我在查阅资料后,知道了实现方法。文字描边分为两种:内外双描边和单外描边,也就是指在给文字加上描边效果后,描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码1、文字内外双描边 ......
效果 文字 CSS

iwebsec-文件上传 01 前端JS过滤绕过

## 01、题目分析 事实上,文件上传过滤是很正常的,需要自行判断是前端过滤还是后端过滤,一般上传木马的时候可以进行抓包,如果直接点击上传直接弹出禁止上传的界面,而没有抓到数据包,那就说明是前端js过滤,但是这个题目已经说明了是前端js过滤,就不用再测试了 ## 02、文件上传 先用哥斯拉创建一个一 ......
前端 iwebsec 文件 01

CSS交集选择器

作用: 选中同时符合多个条件的元素 交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅 语法: 选择器1选择器2选择器3...(紧紧挨在一起) 举例: /* 标签配合类选择器使用,h1为标签 .fruit为类选择器 */ h1.fruit { color: ......
交集 CSS

CSS选择器优先级

CSS中有哪些常用的选择器? ID选择器 类选择器 元素选择器 如果同时使用的话哪个优先级更高? 内联样式 > ID选择器 > 类选择器 > 元素选择器 代码举例,比如下面这段代码,同时使用了类选择器和标签(元素)选择器,但是h1标签中内容的颜色是绿色,因为类选择器优先级要高于元素选择器 <!DOC ......
优先级 CSS

现代CSS布局技术:Flexbox和Grid的使用指南和最佳实践

在现代Web开发中,CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术,它们可以帮助我们创建灵活、可维护的布局。 ......
使用指南 布局 Flexbox 指南 技术

如何用CSS实现响应式设计并优化用户体验

在移动设备的时代,网站的响应式设计变得越来越重要。响应式设计的目标是使网站适应不同尺寸和分辨率的设备,并提供最佳的用户体验。本文将介绍如何使用CSS实现响应式设计并优化用户体验。 ......
用户 CSS

npm加参数--host启动报错 Could not auto-determine entry point from rollupOptions or html files and there are no explicit optimizeDeps.include patterns. Skipping dependency pre-bundling解决方法

参考:https://blog.csdn.net/qq_41664096/article/details/118961381 使用以下命令启动npm只能本机访问 ``` npm run dev ``` 如果需要网络访问则需要加参数--host ``` npm run dev --host 0.0.0 ......

C# Regex 获取<table></table>的html

[Fact] public void Regex_Test() { var rowHtml = @"<div class=\""container\""> <div class=\""title dottedline\"">XXXXXX股份有限公司-受益所有人查询结果</div> </div> <d ......
table Regex lt gt html

3 CSS组合选择器

##### 3 组合选择器 页面元素比较复杂,存在多个嵌套。为了更加灵活选择页面中的元素,CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。 ###### 后代子代选择器 ```html Title item1 item2 item3 item4 ` ......
CSS