前端html css
CSS-1
css具有层叠性,主要用于解决样式冲突问题(同一个标签不同样式)采用的是就近原则,那个里的进就用那个,也可以理解为覆盖,一般的下面的覆盖上面的 继承性:子标签会继承父标签中的某些样式主要是有关字体类的 eg: 结果: css的行高的继承性 子元素可以继承父标签的行高但会根据子元素的字体大小有不同的变 ......
html2canvas插件使用小结
简介 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Fl ......
css实现艺术字
最近在写一个新的小活动,本来有涉及艺术字的标题,本来是想用图片展示的,后来面向百度编程的时候,发现可以使用css来实现 效果及代码如下 font-size: 60rpx; color: #fff; text-shadow: 0 0 5px #FF0200, 0 0 10px #727272; tex ......
FinClip 与 uniapp:轻应用平台与前端开发框架
原文地址 juejin.cn FinClip 背后的产品经理发现很多开发者或业务部门的朋友,在刚了解到FinClip的时候,都会好奇FinClip能解决怎样的问题,也会经常将 FinClip 与 uni-app 进行对比考虑二者的区别与优劣势。 因此在本文中,FinClip的产品经理会和我们深入地探 ......
bs4介绍,遍历文档树、搜索文档树、css选择器、selenium基本使用、selenium其他用法
昨日回顾 # 1 request 高级用法 -解析json:发http的请求,返回的数据,可能是xml格式,json格式 request.get().json() -ssl认证 -http和https的区别 https=http+ssl/tsl -http版本区别 0.9:底层基于tcp,每次htt ......
前端(五)
前端(五) js函数 <script> function index(){ /*定义函数*/ console.log('你好'); } index(); /*调用函数*/ </script> function sum(a,b){ /*带参函数,js只有位置参数,没有关键字参数*/ console.l ......
HTML编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片
这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa ......
CSS引入方式及link和@import的区别
1. 概述 1.1 说明 在项目开发中,我们经常使用css样式使页面丰富多彩,编写过程中,CSS有四种引入方式。 2. CSS引入方式 2.1 引入方式一:内联样式 内联样式(行内样式):直接在 HTML 标签中的 style 属性中添加CSS <div style="width:200px;hei ......
盘点国内前端npm CDN替代方案,基本上可以替代unpkg、jsdelivr
收集一波常见的加速NPM包的CDN,发现有些还是挺好用的,用来做博客或者网站加载NPM使用还是可以的。 经典老牌的CDN加速 unpkg.com cdn.jsdelivr.net fastly.jsdelivr.net 使用方法:直接进官网,搜NPM包名使用。 缺点:有时候不是很稳定,而且国内有些地 ......
二、使用Vue3 + Vue CLI 实现系统前端模块的搭建
主要内容 前端模块的搭建:Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
文件名称使用vue前端设置utf-8乱码问题
文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径,以文件名结尾 *@params fileName * @return void */ pu ......
css中文字与图片对齐
css中文字与图片对齐 第一种,使用vertical-align:middle .icon{ background-repeat:no-repeat; background-position:center; display:inline-block; width:16px; height:16px; ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
CSS
1、什么是CSS 层叠样式表,美化网页 CSS的三种导入方式 1、内部样式 2、外部样式(链接式,导入式) 3、行内样式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>导出方式</tit ......
HTML的enctype属性
先了解一下form表单提交的过程: (1)先把form表单里的表单元素的name属性和value属性进行收集 (2)按照enctype属性的设置,选择合适的编码方式,对数据进行编码,放在请求头里 (3)浏览器进行发送 enctype有三种: (1)application/x-www-form-url ......
jsdom解析html
1、需求:需要根据博客内容生成一段摘要用于列表展示 2、思路:通过富文本生成的博客内容是html,那么只要对html进行解析就可以拿到需要的摘要数据 3、实现:下面主要通过jsdom这个库解析html 安装依赖 npm i jsdom 使用 let html = `<p>1、需求:需要根据博客内容生 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
什么是前端开发领域的 Cumulative Layout Shift 问题
CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。 在前端开发中,CLS issue 是一个常见的问题,通常由于 ......
Angular 服务器端渲染场景里,服务器端和客户端渲染出的 HTML 源代码有可能不完全一致
在 Angular 服务器端渲染场景中,服务器端渲染出的 HTML 源代码和客户端渲染出的 HTML 源代码可能不完全一致,这是由以下几个原因造成的: 异步加载的组件 Angular 应用程序中可能存在一些异步加载的组件,这些组件在服务器端渲染时可能还没有加载完成,因此服务器端渲染的 HTML 内容 ......
Drone+前端 实践
1.nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http ......
前端设计,确定按钮正慢慢消失
不论做什么产品,界面上几乎都少不了「确定」按钮,例如:操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮,都可以统称为确定按钮。 以前的产品设计,大量以来确定按钮,但是现在的产品设计,确定按钮用得越来越少了。 倒不是因为不需要确定操作了,而是除了「确定按钮 ......
JS的for循环动态渲染html只有最后一个元素生效?
背景: 我想在html3个ul中动态生成5个子元素li 目标效果: 废话少说,代码直接梭起来~ 1. 先写html结构 <section class="list-box"> <ul id="myList"></ul> <ul id="myListOne"></ul> <ul id="myListTw ......
前端&后端程序员必备的Linux基础知识
一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统: 操作系统(Operation System,简称OS)是管理计算机硬件与软件资源的程序,是计算机系统的内核与基石; 操作系统本质上是运行在计算机上的软件程序 ; 为用户提供一个与系统交互的操作界面 ; 操作系统分内核与外 ......
CSS学习7()
1. CSS三角 1.普通三角制作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS三角制作</title> <style> .box1 { width: 0; height: 0; border-to ......
ES6 NO.1( var、let 和 const 命令 )| 前端小白的的第一篇博客~
var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用,值为 undefined ,其作用域为全局; let 和 const let 用法类似于 var ,但是所声明的变量,只在 let 命令所在的代码块内有效; const 只能用来声明常量,一旦赋值,不能修改,故使用 cons ......
HTML+css
因为测试需要用到css的内容,所以开始系统学习css和js技术 css有id选择器,类选择器,可以组合,也可以单独分布 首先是基本的选择器 h1{ color: rebeccapurple; } /*类样式 class=*/ .f20{ font-size: 18px; } /*id样式 id=,n ......
前端基础之JavaScript
JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......
个人部署【未实现Nginx前端资源部署】
【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A:安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B:安装能采用shell脚本部署项目所需软件:jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作: 第一步:使用git clone命 ......