前端html
html基础
1、介绍 html,hypertext markup language超文本标记语言,是www网络的重要组成部分,用于对文本、图片等资源在前端的显示进行标记。 不具备编程语言的数据变量、运算符、控制结构等特征,只是标记语言而非编程语言。 html一般保存在文件后缀名.html或.htm。另外还存在于 ......
html表格
1、介绍 html中,通过table、caption、thead、tr、th、td标签组织和管理表格数据。嵌套关系如下: <table> <caption>表格标题</caption> <thead> <tr><th>列名1</th><th>列名2</th></tr> </thead> <tbody ......
html一般元素
1、h <h1>一级标题</h1> h1-h6,共六个等级,表示标题及重要程度,会有加粗和字体大小效果,h1最大也最重要 不建议为了显示效果滥用h标签 2、p <p>段落 文本</p> 表示段落,前后会自动换行 多个空格及其他空白符会显示为一个空格 3、br <br> 表示换行,不会被p标签处理为单 ......
disabled 和 readonly 都是 HTML 表单元素的属性,它们有一些相同点和不同点。
disabled 和 readonly 都是 HTML 表单元素的属性,它们有一些相同点和不同点。 相同点: disabled 和 readonly 属性都可以用于表单中的输入框、文本域等元素,用于控制用户对这些元素的操作行为。 它们都是只读属性,不能用 JavaScript 动态地修改其值,只能在 ......
客服系统源码聊天界面,vue elementui中v-html渲染的内容,增加大图预览功能
我在开发聊天界面的过程中,聊天内容部分是使用v-html渲染出来的,能够展示html内容 但是加载的图片是不能点击放大查看的,现在增加点击放大预览功能 首先html部分是下面这样的,也就是下面要增加一个隐藏的el-image <div v-html="row.content" @click="htm ......
HTML个人笔记
HTML 一.站点及文件名规范 ==1.以小写字母开头,数字,下划线命名,不得以中文,空格,特殊符号命名。== ==2.站点需要创建html,css,js,images 文件夹和 index.html 文件。== ==3.index.html 文件为首页文件,不得修改文件名称。== 二. ......
前端(六)
前端(六) 事件 // 用的地方非常多,需要掌握,但是不需要全部掌握。事件就是达到某个触发条件,自动触发的动作 常用事件: 1. onclick 当用户点击某个对象时调用的事件句柄。 2. onfocus 元素获得焦点。 3. onblur 元素失去焦点。 4. onchange 域的内容被改变。 ......
html转换为pdf
1、参考 wkhtmltopdf下载页面 Windows和Linux 安装wkhtmltopdf 2、说明 3、代码 package com.kikyo.data.utils; import com.itextpdf.text.pdf.BaseFont; import org.xhtmlrender ......
打印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 相关的前端框架也应运而生。今天就来 ......
2023年如何成为一名优秀的大前端Leader?
面对产品经理的请求,优秀的前端Leader要学会适当的拒绝,学会说No。并不是做的越多越好,而是让团队做的少价值高才好。这背后其实是当下互联网技术发展到一定阶段,出现了专业壁垒的问题。需要更加了解业务的专业人士来制定方案。低代码的出现,让业务人员参与软件开发成为可能,使软件设计更加标准化,符合需求,... ......
前端(四)
前端(四) 浮动 # 标签一浮动,就不分块标签和行内标签 div{ /*float: left;*/ # 往左浮 float: right; # 往右 } 浮动带来的影响 # 父标签塌陷 # 在块级标签内的浮动可能会导致父标签塌陷,解决方式可以用以下: #d2{ clear: left; /*在父块 ......
为什么html页面不能显示标签el-checkbox的多选框,只有名称值
问题描述 我引入了el-checkbox之后,发现浏览器页面只是显示里面的文字,并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知,使用Element-UI组件时,我们需要用div标签将其包裹起来; 然后使用script标签定义一下div里面的id属性,然后才能够引用到这个el-标 ......
前端沙箱利用这些特性实现代码的隔离与限制
随着 Web 技术的不断发展,前端沙箱也在不断的演进和发展。未来,前端沙箱将更加智能化和自适应,可以根据代码的特征和行为动态调整运行环境,从而提高运行效率和安全性。 ......
若依前端后端分离 代码生成修改(1)
模板引擎修改 2023年3月7日 9:26 主要配置参数的引用和定义 表字段 .vm模板: 参数名 使用位置(.vm模板文件中) 前端表单表头 默认值来源 db表: gen_table packageName package ${packageName}.controller; 生成包路径 配置文件 ......
Jsoup(HTML解析)
1.Jsoup(HTML解析) https://blog.csdn.net/qq_26786441/article/details/106207828 2.Jsoup解析html https://blog.csdn.net/m0_66144992/article/details/122329560 ......
浅谈两种前端截图方式:Canvas截图 vs SVG截图
背景 如今很多网站都引入截图功能,可用于问题反馈、内容分享等实用需求,而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式,虽然有些局限,但是也能应付大部分项目需求。 Canvas截图:html2canvas SVG截图:rasterizehtml 原理 首先来谈下两种前端截图方式的原理, ......
如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中
如果你想用TinyMCE来修改你之前写的文章那么你需要将源代码放到TinyMCE中,如果服务器把HTML源码发给我们可是我们应该怎样调用? 方法为使用 tinymce.activeEditor.setContent()这个函数 具体用法为: tinymce.activeEditor.setConte ......
字节前端第一讲
第一点是关于信息是如何传到其他的地方: 视频中是用蟹煲皇帝国来进行说明:一旦多个地方都需要信息的共享,所以就需要转发表格来进行一个消息的交换,而这就是通信线路。 我们试想如果有太多了用户。如果还是单一的简单的交互,没有其他的操作,那么会使得时间很慢,因为要传送信息的地方间距很长,那么就会很费时间,我 ......
html2canvas插件使用小结
简介 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Fl ......
FinClip 与 uniapp:轻应用平台与前端开发框架
原文地址 juejin.cn FinClip 背后的产品经理发现很多开发者或业务部门的朋友,在刚了解到FinClip的时候,都会好奇FinClip能解决怎样的问题,也会经常将 FinClip 与 uni-app 进行对比考虑二者的区别与优劣势。 因此在本文中,FinClip的产品经理会和我们深入地探 ......
前端(五)
前端(五) 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 ......
盘点国内前端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 ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
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、需求:需要根据博客内容生 ......