由于工作所需，最近花时间研究了html转换为pdf的功能。html转换为pdf的关键技术是如何处理网页中复杂的css样式，通过在网上收集资料，发现目前html 转换为pdf的解决方案主要分为三类：...

前言 StatusCodePagesMiddleware中间件与ExceptionHandlerMiddleware中间件比较类似，它们都是在后续请求处理过程中“出错”的情况下利用一个错误处理器来完成最终的请求处理与响应的任务。它们...

现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、...

前言 在 Asp.Net Core 1.0 时代，由于设计上的问题， HttpClient 给开发者带来了无尽的困扰，用 Asp.Net Core 开发团队的话来说就是：我们注意到，HttpClient 被很多开发人员不正确的使用。得益...

废话不多说了，直接给大家贴代码了，具体代码如下所示： !--方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 --input type=text name=input1 value=中国 onfocus=this.blur() !-- 方法2:readonly 文字不会变...

介绍 几年前，微软引入了HttpClient类来替代HttpWebRequest来发送Web请求。这个新的类更易于使用，更加简洁，更具有异步性，且易于扩展。 HttpClient类有一个可以接受HttpMessageHandler类对象的...

本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例，分享给大家，具体如下： 先上效果图： 1、鼠标没在上面 2、鼠标放在一级菜单上，展开二级菜单 3、鼠标放在二级菜单上 代码...

前言 asp.net core2.2 用户验证 和授权有很详细和特贴心的介绍，我感兴趣的主要是这两篇： cookie身份验证 基于角色的授权 我的项目有两类用户： 微信公众号用户，用户名为公众号的op...

将 json 数据以美观的缩进格式显示出来，借助最简单的 JSON.stringify 函数就可以了，因为此函数还有不常用的后面2个参数。 见MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Globa...

前言 在实际的开发当中，相信很多的开发者在开发调试ASP.NET网站时候都是直接通过Visual Studio工具的编译运行来调试的。 一般情况下，这种调试方式也不会有多少问题，但有时候我们会...

在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案...

前言 前面一篇文章提到过 数组越界行为，虽然编译器为我们做了大量的检查工作让我们避免这些错误。 但是我觉得还是有必要模拟一下数组越界，感受一下这个错误。 那么对于.NET来...

Question. 问题 在移动端商城系统中，我们常常看到位于页面顶部有一个搜索框，这类搜索框博主比较喜欢的是固定在页面顶部，半透明悬浮，能依稀看见部分轮播图的形式。 要制作这样...

废话不多说了，直接给大家贴代码了，具体代码如下所示： !DOCTYPE htmlhtml lang=en xmlns=http://www.w3.org/1999/xhtmlhead meta charset=utf-8 / title/title style type=text/css #result{ width:500px; border:1px solid #CCC...

HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码，感兴趣的朋友参考下吧 废话不多说了，直接给大家贴代码了，具体代码如下所示： !DOCTYPE htm...

最近公司安排做CCFA的一些东西，有一项就是做一个网页播放摄像头的实时监控。网上百度了很久，很多都是直接用vlc插件实现，但是目前主流浏览器都已经不支持vlc插件了，搞了很久也...

最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下...

HTML页面跳转： window.open(url, , width=600,height=400); 第二个参数：_self，在当前窗口打开窗口；_blank（默认值），在另外的新建窗口打开新窗口； window.location.href=https://www.jb51.net; //在同当前...

废话，就不多说了，开始今天的主题。 Html中meta标签 一、meta标签 含义 meta 元素 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta 标签位...

1.使用a标签来完成 a href=/user/test/xxxx.txt download=文件名.txt点击下载/a 这样当用户打开浏览器点击链接的时候就会直接下载文件。 但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开...

近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。 往常我们画一条横线直...

方法一：使用CSS溢出省略的方式解决 解决效果如下： css代码： display: -webkit-box; display: -moz-box; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertic...

在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。 虽然简介视频是非付费的，但也不...

转换代码到图片使用 html2canvas，这是一个非常著名的从浏览器网页截图的开源库，使用很方便，功能也很强大。 使用 html2canvas html2canvas 的使用非常简单，简单到只需要传入一个 DOM 元素...

在我们制作的网页中，要是想让它能够让更多的人去访问，最好的方法就是通过搜索引擎来找到你的网址，于是需要你的网页可以有关键词能够让搜索引擎来识别，于是HTML中的meta标签...

前言 最近整理了一下以前学习前端的笔记，发现自己对移动 web 端屏幕适配（rem）这一块并没有真正理解，只是会用。 接下来，把自己的一些对移动 web 端屏幕适配（rem）的思考记录下...

项目中经常会出现的一种情况，有一个列表，譬如是案例列表，点击列表中的某一项，跳转至详情页面。详情是根据所点击的某条记录生成的，因为案例和具体的详情页面，都是用户后...

form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled=disabled 修改为 readonly=readonly 二者...

用防抖实现DIV鼠标移出消失 由于div标签本身不支持onblur事件，所以对于点击一个按钮弹出的div，我们想要当这个div失去焦点的时候，让它消失不能使用的onblur来实现。 但是可以利用o...

HTML onfocus 事件属性 定义和用法 onfocus 属性在元素获得焦点时触发。 onfocus 常用于 input、select 以及 a. 提示：onfocus 属性与 onblur 属性相反。 注释：onfocus 属性不适用于以下元素：base、...

【源文URL、http://www.yidunidc.com/hk.html 转载请保留出处】 先来一个问题描述吧: 在同一个页面,两个tabs一个要float:left,一个要flaot:right,就产生了冲突; 原因:没有仔细定位到每个div里面的控件...

position的四个属性值： 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。 div id=parent div id=sub1sub1/div div id=sub2sub2/div/div 1. relative relative属性相对比较简单，我们要搞清它是相对哪个...

本文介绍了详解左右宽度固定中间自适应html布局解决方案，分享给大家，具体如下： a.使用浮动布局 html结构如下 div class=box div class=leftleft/div div class=rightright/div div class=centercenter/div/...

area 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。 area 元素总是嵌套在 map 标签中。 注：img 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映...

最近做项目遇到这样的一个功能：在网页中高亮关键字。 本以为一个 innerHTML replace 就能实现的简单操作，却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法， 希望能对...

案例说明： - 使用表格实现页面效果 - 超链接不想要有效果，使用href=# - 如果表格里面的单元格没有内容，使用空格作为占位符 nbsp; - 使用图片标签提交表单 input type=image src=图片的路径...

HTML两部分组成 head和body ** 在head里面的标签就是头标签 ** title标签：表示在标签上显示的内容 ** meta标签：设置页面的一些相关内容（用的比较少） meta name=keywords content=熊猫，金丝猴，...

具体代码如下所示： !DOCTYPE htmlhtml head meta charset=UTF-8 titlehtml2canvas_download/title style a { cursor: pointer; color: rgb(85, 26, 139); text-decoration: underline; } /style /head body div id=oDiv style=width: 300px; height...

HTML实现2列布局，左侧宽度固定，右侧自适应 实现一： style body, html{padding:0; margin:0;} // 根据CSS定位，利用浮动或绝对定位，使左侧的块元素脱离常规文档流,可以与右边块元素并列 div...

一 目的 在Html上选择本地文件夹，自动读取文件夹及子文件夹下的所有图片并显示在页面。 技术分析： 存在问题 Html中file标签获取到的路径时相对的。 Html中Img指定源时需要的是绝对路...

我想问一个在dreamweaver中，我弄了一个登陆的表格，（包括登陆、注册、忘记密码）三行一列，我像只显示表格的外边框，怎么用代码实现 table width=200 border=0【本文出处:国外高防服务器...

我们在打包webpackjs文件的时候，在index.html界面引人 全局main.js ,如图下： 必须引入 src =【来源：http://www.1234xp.com/hwgf.html 转载请保留连接】'budl.js' 打包的时候，未打包分为两个文件，一...

方法1：使用onclick事件 input type=button value=按钮onclick=javascrtpt:window.location.href='http://www.baidu.com/' / 或者直接使用button标签 button onclick=window.location.href = 'https://www.baidu.com/'百度/button 方法2：...

在HTML中img这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉朋...

在网页设计中，我们经常得会用到一些箭头做为装饰来点缀我们的网页，虽然现在很多的网站的设计者们都喜欢以引用字体图标的形式来实现箭头的效果，但那样也会给网页的加载造成...

html中常用的转义字符总结，具体内容如下所示： nbsp; 不断行的空格 ensp; 半方大的空格 emsp; 全方大的空格 lt; 小于 gt; 大于 amp; 符号 quot; 双引号 copy; 版权符号 reg; 已注册商标 trade; 商标...

页面主体部分： body ul id=menu li a href=#一级菜单1/a ul li二级菜单1-1/li li二级菜单1-2/li li二级菜单1-3/li /ul /li li a href=#一级菜单2/a ul li二级菜单2-1/li li二级菜单2-2/li li二级菜单2-3/li /ul /li...

html 仿百度百科导航下拉菜单功能，具体代码如下所示： 演示图1 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml...

一.viewport的概要 移动端浏览器通常都在一个比屏幕更宽的虚拟窗口中渲染页面，这个虚拟窗口就是viewport，目的是正常展示没有做移动端适配的网页，可以让他们完整的展现给用户。我...

问题1： 百度地图应用的是瓦片式图片（地图是一张张图片拼出来的），html2canvas 处理时，遇到非同一域名下的图片，浏览器会显示跨域的报错，也无法用反向代理来解决，因为瓦片图...