前端html css
python调用imgkit将html转图片pdf问题实例wkhtmltox
wkhtmltox的下载地址：https://wkhtmltopdf.org/downloads.html 或者：https://github.com/wkhtmltopdf/wkhtmltopdf 0.12.6版本按网络上的教程会出现一个错误： IOError: wkhtmltopdf exite ......
EasyCVR视频融合平台视频播放限制时长功能前端与后端配置的区别
EasyCVR平台还能支持多类型设备接入，覆盖市面上绝大多数的视频源设备，包括：IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力，在线下具有丰富的应用场景，包括：智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。... ......
【前端可视化】前端大屏适配方案
方案一：rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小（使用 lib_flexible.js） 将设计稿的宽（1920）平均分成 24 等份，每一份 80px； html 根字体大小就设置为 80px，即 1rem = 80px，24 ......
前端之jQuery
jQuery简单介绍 jQuery它的内部封装了很多的js代码，并且额外增加了很多功能。它就是js 的一个类库。与python相比较，在python中，我们有模块这个概念，js中的类库就相当于是我们的模块。 jquery是对js的一个高度封装，我们直接学习封装之后的代码。 jquery介绍 jQue ......
jmeter生成html测试报告（二）
利用jmeter自带工具：Generate HTML report 生成html测试报告： 1、打开jmeter测试工具，选择Tools，选择Generate HTML report； 2、完善生成生成报告所需要的内容： 3、点击生成即可 4、根据导出报告的目录即可找到html测试报告了 ......
jmeter生成html测试报告（一）
jmeter如何生成好看且直观的测试报告，可以利用代码生成，也可以利用jmeter自带的工具生成，下面一起了解一下吧！ 1、首先我们在 .jmx文的目录通过 cmd 进入到dos命令窗口； 2、输入生成报告的代码：jmeter -n -t test/zhujianwei.jmx -l result. ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度，宽度设置为100% 或 不设置。 2.监听窗口的resize事件，即监听窗口尺寸的变化（需节流）。 3.当窗口大小改变时，然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是：在容器节点被销毁时，可以调用 echart ......
text() html() val() innerHTML的区别
参考 text()用于html元素文本内容的存取 html()不仅可以用于文本内容的存取，还可用于html内容的存取 val()用于input元素内容的存取 html() innerHTML的区别 html() 方法设置或返回被选元素的内容。 当该方法用于返回内容时，则返回第一个匹配元素的内容。 当 ......
HTML input type="number" 隐藏默认的步进箭头
HTML input type="number" 隐藏默认的步进箭头 number 类型的 <input> 元素用于让用户输入一个数字，其包括内置验证以拒绝非数字输入。 浏览器可能会选择提供步进箭头，让用户可以使用鼠标增加和减少输入的值，或者只需用指尖敲击即可。但有些场景需要隐藏默认的步进箭头。 要 ......
HTML5媒体标签使用
1 image标签用于显示图片 格式：body里边写个<mage src="图片链接地址"> 即可 但是这种方式是不被推荐的，这样做只会使浏览器做更多的工作，例如重新通过 DNS 再去寻找 IP 地址。通常我们都会把图片和 HTML 放在同一个服务器上。 ......
前端设计字体大全
前端设计字体大全 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋G ......
02-CSS基础练习：JD首页的制作（快捷导航部分）
title: 02-CSS基础练习：JD首页的制作（快捷导航部分） publish: true 我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。 本文中，Banner图上方的导航，叫做快捷导航（shortcut）。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示： 上图中，sho ......
01-CSS基础练习：JD首页的制作（顶部和底部）
title: 01-CSS基础练习：JD首页的制作（顶部和底部） publish: true 前言 京东是典型的电商类网站，学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为：http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
Docker 部署前端静态网站
1 安装Docker（略） 2 拉取nginx镜像 docker pull nginx 3 创建文件目录 bev：静态网站名称 html：存放网站代码 nginx：存放nginx配置文件nginx.conf conf.d：存放配置文件default.conf logs：挂载nginx的日志 4 运行 ......
【前端可视化】SVG 学习知识点
基本概念和语法 SVG 的定义和历史 SVG 是==可缩放矢量图形（Scalable Vector Graphics）==的缩写，它是一种用于描述二维矢量图形的 XML 标记语言。与传统的栅格图像不同，SVG 图像可以无限缩放而不会失真，同时也支持交互和动画等特性。 SVG 最早于 1999 年由 ......
前端基础之BOM和DOM
前戏 到目前为止，学的js语法好像跟浏览器，html标签，没啥太大关系。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript(核心语法)，DOM，BOM。 BOM(Browser Object Model) ......
Html网页视频编解码知识介绍
1在线HTML编辑器 如果你正在一台你不能创建文件的设备上作业，那么你需要在在线编程工具上运行（大多数）代码示例，如 JSBin 或 Glitch 离线的推荐下载HbuilderX 2学习网站 https://developer.mozilla.org/zh-CN/docs/Learn/HTML/M ......
css 利用 linear-gradient 实现条纹背景
1. 水平条纹背景 当给背景设置渐变效果时，默认的渐变方向是垂直由上到下的，效果如下： { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离，会发现渐变区域变小了： { background: linear-gradient(#aaa 40%, ......
HTML实现文件上传下载功能实例解析
前言 文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案 ......
后端long类型传到前端精度丢失
问题： c# 的long类型精度比前端JS的number精度高，前端JS 的long类型只有17位，当后端传给前端的long类型超过17位时，就会造成数据精度丢失。 解决方案： 1. 我们可以自定义一个json序列化的转换器，将long类型转换为string类型。代码如下： public class ......
day 08 8.2 前端基础之JavaScript基础【三】
前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的 ......
前端内容
day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下 ......
12、Markdown 内嵌 HTML 标签
12、Markdown 内嵌 HTML 标签 对于 Markdown 涵盖范围之外的标签，都可以直接在文件里面用 HTML 本身。如需使用 HTML，不需要额外标注这是 HTML 或是 Markdown，只需 HTML 标签添加到 Markdown 文本中即可。 行级內联标签 HTML 的行级內联标 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的浏览器，叫做Mosaic。 这是人类历史上第一个浏览器，从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月，N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON：JavaScript 对象表示法，是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后，我们开始正式接触网页开发，网页开发的基础是HTML， 所以，本章内容主要分两部分， 一是介绍HTML的相关概念、发展历史， 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
无界微前端（wujie）：element-ui 弹框内使用select组件，弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件，弹出框位置异常解决方案 第一步： 在子应用中： 以上3步就好啦！！！是不是很简单 这个框架坑很多，希望对大家有帮助！！！ ......
02-CSS布局
title: 02-CSS布局 publish: true 前言 常见的布局属性 （1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。 （2）positio ......