经验首页
HTMLHTML 样式
您已经很好地概述了HTML中style属性的用途以及它与旧HTML标签和属性的对比。style属性确实提供了一种灵活且强大的方式来直接在HTML元素上应用CSS样式，而无需依赖外部或内部样式表（尽管在大型项目中，通常推荐使用外部样式表以维护样式的集中管理和重用性）。 使用style属性的好处 ...[2024/8/7]
[WPF]用HtmlTextBlock实现消息对话框的内容高亮和跳转
动手写一个简单的消息对话框一文介绍了如何实现满足常见应用场景的消息对话框。但是内容区域的文字仅仅起到信息展示作用，对于需要部分关键字高亮，或者部分内容有交互性的场景（例如下图提示信息中的“what''s the risk?”需要跳转）则无能为力了。本文将介绍如何在WPF中灵活的实现消息对话框中局...[2024/7/8]
解析Html Canvas的卓越性能与高效渲染策略
一、什么是Canvas 想必学习前端的同学们对Canvas 都不陌生，它是 HTML5 新增的“画布”元素，可以使用JavaScript来绘制图形。 Canvas元素是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（b...[2024/6/17]
WPF实现html中的table控件
前言 相信很多做WPF开发的小伙伴都遇到过表格类的需求，虽然现有的Grid控件也能实现，但是使用起来的体验感并不好，比如要实现一个Excel中的表格效果，估计你能想到的第一个方法就是套Border控件，用这种方法你需要控制每个Border的边框，并且在一堆Bordr中找到Grid.Row，...[2024/3/27]
高性能渲染——详解Html Canvas的优势与性能
本文由葡萄城技术团队原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 一、什么是Canvas 想必学习前端的同学们对Canvas 都不陌生，它是 HTML5 新增的“画布”元素，可以使用JavaScript来绘制图形。 Canvas...[2023/11/3]
文档在线预览（二）word、pdf文件转html以实现文档在线预览
@目录一、将文件转换成html字符串1、将word文件转成html字符串2、将pdf文件转成html字符串二、将文件转换成html，并生成html文件FileUtils类将html字符串生成html文件示例：1、将word文件转换成html文件2、将pdf文件转换成html文件 实现文档在线预...[2023/5/30]
HTML中meta标签的那些属性
<meta> 标签是 HTML 中用于描述网页元信息的元素。它位于 <head> 部分，不会显示在页面内容中，但对于浏览器、搜索引擎等具有重要作用。主要作用有：定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等，这些信息有助于搜索引擎理解和索引网页内容。 ...[2023/5/10]
HTML中script 标签中的那些属性
在HTML中， <script> 标签用于嵌入或引用JavaScript代码。 在 <script> 标签中，有两个属性可以用来控制脚本的加载和执行方式： async 和 defer 。 当然这也是常见的一道面试题， async 和 ...[2023/4/28]
使用Net将HTML简历导出为PDF格式
现在有许多将HTML导出PDF的第三方包，这里介绍使用的是Select.HtmlToPdf.NetCore 使用Select.HtmlToPdf.NetCore 整体思路是将cshtml内容读出来，然后再转为Pdf文档 读取cshtml内容有两种方法，第一种使用第三方包 RazorEngine...[2023/3/22]
让chatgpt将html中的图片转为base64方法示例
目录前言思路实现过程递归读取指定目录下的所有 html 文件路径 htmlPaths获取每个 html 里面的图片 src获取 html 字符串的所有图片 src忽略注释的代码本身是 base64，则忽略忽略 Thymeleaf 语法结合起来，封装成一个函数src 转 base64最后将新的 htm...[2023/2/24]
HTML页面中使用Vue示例进阶（快速学会上手Vue）
目录一、Vue框架的两种使用方式二、HTML页面中简单使用Vue三、点击事件示例四、键盘事件示例五、鼠标移动事件示例六、事件修饰符示例七、V-text和V-html示例八、V-bind示例九、V-for示例十、遍历对象数组示例十一、V-model示例十二、v-show和v-if示例 Vue是用于构建...[2023/2/13]
ASP.NET MVC扩展HtmlHelper方法
在上一篇文章的最后，列出了一些常见的HtmlHelper的方法，这些都是ASP.NET MVC已经定义好的，如果我们想自己定义一个HtmlHelper方法可以吗？答案是肯定的，那么如何自定义一个HtmlHelper方法呢？ 以Label()方法为例，查看Label方法的定义： intern...[2022/3/8]
HTML+JS实现监控切屏功能
目录项目描述记录离开页面创建html监控是否离开页面监控是否切屏记录时间离开次数 项目描述 该项目是我在网上看其他博客的时候无意中看到的，看见别人居然能实现这种操作很好奇 项目要求做到 监控网页状态记录离开次数离开时间 记录离开页面 实现这个切换页面功能需要用到一个web的APIv...[2022/3/2]
vue指令v-html和v-text
目录1、v-text 文本渲染指令2、 v-html 1、v-text 文本渲染指令 （只能渲染文本不能渲染标签） ? <div id="test"> <p v-text="me age"></p> &...[2021/11/22]
Http Cookie机制及Cookie的实现原理
目录1. 为什么需要Cookie？2. Cookie的类型3. Cookie的实现原理1. 客户端请求服务器2. 服务器响应请求3. 再次请求时，客户端请求中会包含一个Cookie请求头 1. 为什么需要Cookie？ HTTP是一种无状态的协议，客户端与服务器建立连接并传输数据，数据传输完成后...[2021/6/21]
Cookie 实现的原理
基于响应头set-cookie和请求头cookie实现 第一次访问服务器，响应头会返回 set-Cookie 第二次访问，会带着上次请求返回的 Cookie 访问 也需要注意，第一次 访问 Cookie1，接收到返回的 set-Cookie，第二次不是只有访问 coo...[2021/6/21]
html实现弹窗的实例
上午闲来无事，用html及原生js写个弹窗，供参考。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></...[2021/6/15]
v-html渲染组件问题
由于前面对html进行过解析,今天想用vue拖拽，实现一手类似快站那种自动生成代码，结果就遇到了拖拽组件过去怎么无法解析的问题，因为vue的v-html为了防止x 攻击只能解析html 思路 先实现简单页面 分三块左中右，左边是需要拖动的组件，中间是用于组件排列显示，右边是...[2021/5/31]
HTML 罗盘式时钟的实现
代码块： <!DOCTYPE html> <html lang="zh-hans"> <head> <meta charset="UTF-8"> ...[2021/5/24]
[Go]解决go-smtp发送内容乱码和发送html邮件不解析
使用github.com/emersion/go-smtp , 通过smtp发送通知邮件内容 加上html代码的内容后 , 在一些邮箱里会被原样展示 , 并没有展示成html , 原因是没有加Content-Type , 加上之后就可以了 tool mtp.go package tool...[2021/4/12]
HTML速写之Emmet语法规则的实现
在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。这里推荐一个Emmet语法规则，让你写的时候爽到飞起，能大大提高代码书写，只需要敲一行代码就能生成你想要的完整HTML结构，下面会介绍如何使用。 Emmet是一款插件，只要能安装他的编辑器都能使用...[2021/4/12]
给原生html中添加水印遮罩层的实现示例
效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta htt...[2021/4/6]
html table呈现个人简历以及单元格宽度失效的问题解决
正确的实现代码如下： <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>...[2021/1/25]
简洁自适应404页面HTML好看的404源码
演示图如下： HTML代码片段： <!DOCTYPE HTML> <html> <head> <title>404</title> <meta charset=&...[2020/12/21]
HTML Rendering Error - 纪宇-年华
刚下载的markdown弹窗提示html渲染错误 去官网 http: markdownpad.com/faq.html#livepreview-directx 页面搜索 This view has crashed ...[2019/11/13]
webView加载html图片遇到的问题解决
当解析接口 突然出现一个xml形式的html格式的字符串的时候不用慌张,正常去交给webview的loaddata方法来解决即可,但是今天说的是一组图片字符串 <img src=" yanxuan.nosdn.127.net/75c55a13fde5eb2bc2dd68...[2019/10/9]
html2canvas生成清晰的图片实现打印的示例代码
前言 最近由于公司业务要求，需要完成一个一键生成照片图片打印总图的功能 html2canvas是一个非常强大的截图插件，很多生成图片和打印的场景会用到它 但是效果很模糊 ，本文主要记录一下如果解决模糊的问题以及各种参数如何设置 目录 基本用法 处理模糊问题 ...[2019/10/8]
html2 canvas生成清晰的图片实现打印功能
最近由于公司业务要求，需要完成一个一键生成照片图片打印总图的功能 html2canvas是一个非常强大的截图插件，很多生成图片和打印的场景会用到它 但是效果很模糊 ，本文主要记录一下如果解决模糊的问题以及各种参数如何设置 基本用法 window.html2c...[2019/9/24]
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
HTML中pre和textarea可以显示预格式化的文本。即保留空格和换行符。而不必添加<br>和 等HTML元素来添加换行和打印空格。 pre去掉滚动条 pre显示文本内容时是不会自动换行的，此时可以添加一些CSS来解决： <pre>...[2019/8/2]
html通过canvas转成base64的方法
在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。 一种是让后端生成图片，返回一个图片地址给前端展示 一种是前端自主合并生成图片展示，文中主要说明这个方案 demo <!--生成后存放的IMG--> <img src=&quo...[2019/7/19]
Go html/template 模板的使用实例详解
从字符串载入模板 我们可以定义模板字符串，然后载入并解析渲染： template.New(tplName string).Parse(tpl string) 从字符串模板构建 tplStr := ` {{ .Name }} {{ .Age }} ` if...[2019/6/3]
HTML 基础
1. HTML 定义 BS 模式：Browser、Server，即浏览器与服务器模式。 HTML（Htyper Markup Language）即超文本标记语言，超文本（页面内可以包含图片、链接、引用、甚至程序 ），标记语言：标记（标签）构成的语言。 网页 网页即 HTML文档，由浏览器解析...[2019/5/13]
如何实现批量截取整个网页完整长截图,批量将网页保存成图片web2pic/webshot/screencapture/html2picture
如何实现批量截取整个网页完整长截图,批量将网页保存成图片web2pic/webshot creencapture 【困扰？疑问？】： 您是否正受到：如何将网页保存为图片的困扰？网页很高很长截图截不全怎么办？怎样才能完整截图？有很多淘宝或天猫、京东店铺爆款商品宝贝需要截图，那么多嫩不能批量截图？...[2019/5/13]
详解iframe跨域的几种常用方法(小结)
背景 随着业务的发展，自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同，所以这个公共组件就不能方便地被引用了。为解决这个问题，我们把这个组件写成了单独的页面挂到一个域名下，其他项目采用iframe或者webview的方式去加载这个页面，从而实...[2019/4/30]
像素数据YUV简介与觉存储格式介绍
主要学习链接：博客园、51CTO 前言 照例是先废话几句，下面的内容都是在学习时从网上找来的，并非我原创，我之所以要写这篇笔记是因为网的内容都很分散，找的时候要从各个地方看，很不方便，所以就自己总结了一篇，同样的，如果你搜到了这篇文章且有地方没看懂，请评论让我知道，谢谢！如果看懂了且对你有帮...[2019/4/26]
页面内锚点定位及跳转方法总结（推荐）
接着上一篇，其实是一个功能，本来感觉挺简单的一个问题，没想到遇到两个坎儿，无语。。。 上一篇是关于scroll事件绑定的问题，这一篇的问题是：点击锚点跳转到相应DIV的问题。 最简单的方法是锚点用<a>标签，在href属性中写入DIV的id。如下： <!DOC...[2019/4/25]
FrontPage超链接默认颜色怎么修改?_Frontpage教程
在网页中的超链接有三种状态，未访问的超链接一般为蓝色；如果用户需要根据自己网站的需要更改超链接的默认链接，可以通过如下方法进行修改。 软件名称：Microsoft Frontpage 2013 64位 简体中文安装免费版软件大小：428MB更新时间：2017-03-30 1、打开要更...[2019/4/18]
FrontPage怎么启用超链接翻转效果?_Frontpage教程
什么是超链接翻转效果，就是当浏览者将鼠标悬停于超链接之上或单击超链接时，链接外观所产生的变化效果，我们可以直接开启FrontPage自带的超链接翻转效果，下面我们就来看看详细的教程。 软件名称：Microsoft Frontpage 2013 64位 简体中文安装免费版软件大小：428MB更新...[2019/4/18]
使用html2canvas将页面转成图并使用用canvas2image下载
之前在网上找到一个用 <a> 的 download属性下载的方法，确实很简单也很方便，但此方法不支持IE，无奈又找到另一方法。 使用html2canvas将页面转成图，用canvas2image下载 本例使用的版本： html2canvas@1.0.0-alpha...[2019/4/8]
一个不被程序员认为是编程语言的语言——HTML
HTML究竟算不算是一门编程语言，这是争执已久的话题。其实，从本质来讲，HTML确实算不上是一门编程语言。 HTML全称，HyperText Markup Language。字面理解，HTML就是一种超文本语言，何谓超文本，就是其用途和意义已经超越了纯文本。因为，HTML重新定义了文本的格式，而...[2019/3/27]
跨域iframe如何实现高度自适应？
经常有项目会要求实现iframe高度自适应，如果是同域的还好说，如果是跨域的，父页面没有办法操作子页面，想要正确获取子页面高度的话，可以采用以下办法：方法一：使用HTML5 postMe age 实现原理：子页面检测页面高度通过postMe age将值传给父页面 父页面: http: www.pa...[2019/2/14]
html Table 表头固定的实现
本文介绍了html Table 表头固定的实现，分享给大家，具体如下： <div cla ="wrapbox"> <div cla ="table-head"> <table> ...[2019/1/25]
趣味图解HTTP状态码的含义
HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。我们可以通过查看HTTP状态码来判断服务器状态，常见的有404 、502等；但是其他不是很常见的状态码都代表什么状态呢？下面有两张有趣的图片，让你瞬间都能理解了。 HTTP状态码（图一） 301...[2018/11/28]
URL 与 URI 介绍
URL: 统一资源定位符 ( Uniform Resource Locator ) URI: 统一资源标识符 ( Uniform Resource Identifier ) URL 地址：https: www.cnblogs.com URI 地址：https: www.cnblogs.com...[2018/11/2]
HTML高亮关键字的实现代码
本以为一个 innerHTML replace 就能实现的简单操作，却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法， 希望能对有同样遭遇的小伙伴有所帮助。只对结果感兴趣的，忽略过程，直接跳过看结果吧~ 常用做法：正则替换 思路：要想高亮元素，那么需要将关键字提取出来用标签包裹，...[2018/10/26]
用微软官方的 HTML Help Workshop制作的CHM文件不显示图片解决办法
制作CHM文档，方便小巧还易于查看，用处自不必多说了，最近想把这个季度所学习的内容全部制作成CHM格式文档，给自己后续用来温故而知新，同时也可以做为后起之秀避坑法宝。但是在生成CHM文档之后发现有些地方的图片看不见了，只留下空白。 下面介绍遇到这种问题的解决办法：...[2018/10/25]
每个国家对应的语言Locale和国家代码对照表（转）
转载 jacksoftDNN3支持多语言，希望下面的语言代码与对应国家能对你有所帮助语言代码国家/ 地区"" (空字符串)无变化的文化af公用荷兰语af-ZA公用荷兰语 - 南非sq阿尔巴尼亚sq-AL阿尔巴尼亚 -阿尔巴尼亚ar阿拉伯语ar-DZ阿拉伯语 -阿尔及利亚...[2018/10/18]
传统HTML页面实现模块化加载的方法
对于网站来说很多页面之间都有着大量的共享模块，如页头，页脚和用户栏等。对于具备后端视图引擎的框架来说这些共享都比较容易抽取，如asp.net mvc来说就有统一布局的MasterPage,@Section等功能可以共享视图模板功能。但对于HTML就没这么幸运了,在html文件里并不具备这些功能，所...[2018/10/17]
详解 html area标签_HTML/Xhtml
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。 area 元素总是嵌套在 <map> 标签中。 注：<img> 标签中的 usemap 属性与 <map> 元素 name 属性相关联，创建图像与...[2018/10/17]
iframe在移动端的缩放的示例代码
工作中碰到个奇怪的问题，折腾了大半天，终于算是解决了，这里把分析思路和解决办法记录下。 项目是做响应式的公司官网，前期的静态图页面切完后就提交给后台作为模板使用了，我也就基本退出项目。 在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。第一想法是meta的头部被覆盖了，查看源代码果然发现是被...[2018/10/15]