前端css
前端(六)
前端(六) 事件 // 用的地方非常多,需要掌握,但是不需要全部掌握。事件就是达到某个触发条件,自动触发的动作 常用事件: 1. onclick 当用户点击某个对象时调用的事件句柄。 2. onfocus 元素获得焦点。 3. onblur 元素失去焦点。 4. onchange 域的内容被改变。 ......
打印pdf 前端请求数据并打印pdf文件
1、参考 vue接收后端传来的pdf文件流,前端调用预览PDF 2、原理 3、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>pdf</title> </head> <div> <input style ......
比较几种热门Hybrid App前端框架
作为一种既能够在原生应用程序环境中运行,也能够在 Web 浏览器中运行的应用程序,Hybrid App 主要使用 Web 技术进行开发,如 HTML、CSS 和JavaScript,并使用一个中间层将其封装在原生应用程序中。随着技术的持续推进,Hybrid App 相关的前端框架也应运而生。今天就来 ......
纯css和单class实现文件夹
使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold ......
2023年如何成为一名优秀的大前端Leader?
面对产品经理的请求,优秀的前端Leader要学会适当的拒绝,学会说No。并不是做的越多越好,而是让团队做的少价值高才好。这背后其实是当下互联网技术发展到一定阶段,出现了专业壁垒的问题。需要更加了解业务的专业人士来制定方案。低代码的出现,让业务人员参与软件开发成为可能,使软件设计更加标准化,符合需求,... ......
前端(四)
前端(四) 浮动 # 标签一浮动,就不分块标签和行内标签 div{ /*float: left;*/ # 往左浮 float: right; # 往右 } 浮动带来的影响 # 父标签塌陷 # 在块级标签内的浮动可能会导致父标签塌陷,解决方式可以用以下: #d2{ clear: left; /*在父块 ......
前端沙箱利用这些特性实现代码的隔离与限制
随着 Web 技术的不断发展,前端沙箱也在不断的演进和发展。未来,前端沙箱将更加智能化和自适应,可以根据代码的特征和行为动态调整运行环境,从而提高运行效率和安全性。 ......
若依前端后端分离 代码生成修改(1)
模板引擎修改 2023年3月7日 9:26 主要配置参数的引用和定义 表字段 .vm模板: 参数名 使用位置(.vm模板文件中) 前端表单表头 默认值来源 db表: gen_table packageName package ${packageName}.controller; 生成包路径 配置文件 ......
CSS实现段落首行缩进两个字符
段落前面空两个字的距离,不要再使用空格了,对于文字,需要使用4个 才会显示汉字2个字符空格的效果。 用CSS实现段落首缩进两个字符,应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单 ......
浅谈两种前端截图方式:Canvas截图 vs SVG截图
背景 如今很多网站都引入截图功能,可用于问题反馈、内容分享等实用需求,而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式,虽然有些局限,但是也能应付大部分项目需求。 Canvas截图:html2canvas SVG截图:rasterizehtml 原理 首先来谈下两种前端截图方式的原理, ......
字节前端第一讲
第一点是关于信息是如何传到其他的地方: 视频中是用蟹煲皇帝国来进行说明:一旦多个地方都需要信息的共享,所以就需要转发表格来进行一个消息的交换,而这就是通信线路。 我们试想如果有太多了用户。如果还是单一的简单的交互,没有其他的操作,那么会使得时间很慢,因为要传送信息的地方间距很长,那么就会很费时间,我 ......
css-2(盒子模型)
页面布局三大核心:盒子模型、浮动,定位 网页布局的本质:每个网页都是有盒子组成的,步骤:准备标签,设置样式,放入内容 盒子模型:用来装内容的,包括边框(border),内边距(padding),外边距(margin),实际内容(content) border(边框):边框宽度(border-widt ......
CSS-1
css具有层叠性,主要用于解决样式冲突问题(同一个标签不同样式)采用的是就近原则,那个里的进就用那个,也可以理解为覆盖,一般的下面的覆盖上面的 继承性:子标签会继承父标签中的某些样式主要是有关字体类的 eg: 结果: css的行高的继承性 子元素可以继承父标签的行高但会根据子元素的字体大小有不同的变 ......
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 ......
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 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
什么是前端开发领域的 Cumulative Layout Shift 问题
CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。 在前端开发中,CLS issue 是一个常见的问题,通常由于 ......
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 ......
前端设计,确定按钮正慢慢消失
不论做什么产品,界面上几乎都少不了「确定」按钮,例如:操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮,都可以统称为确定按钮。 以前的产品设计,大量以来确定按钮,但是现在的产品设计,确定按钮用得越来越少了。 倒不是因为不需要确定操作了,而是除了「确定按钮 ......