前端html
系统化学习前端之JavaScript(ES5)
系统梳理了 ES5 扩展的相关知识点,包括严格模式,this 关键字,数据属性,访问器属性以及如何保护对象等等。 ......
HTML元素截图(html2canvas)
html2canvas 官网 :http://html2canvas.hertzen.com/ 开源地址:https://github.com/niklasvh/html2canvas <body> <div id="div"> <span>内容</span> <div style="height: ......
认识 HTML、CSS、JS
这篇文章介绍HTML、CSS、JS,以及他们之间的关联 总的来讲: HTML标签:是页面的核心内容,定义了页面有什么内容。 CSS:控制HTML元素的排版布局和展示方式,是美化页面文档的。 JavaScript:让用户与页面进行交互,或在网页背后默默操控网页,以便让显示的内容与效果有所改变。对网页来 ......
HTML5
什么是HTML HTML Hyper Text Markup Language(超文本标记语言) W3C标准 W3C World Wide Web Consortium(万维网联盟) 成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机 构 http://www.w3.org/ h ......
前端
前端课程介绍 第一篇:前端基础代码之HTML 第二篇:前端基础代码之CSS 第三篇:前端基础之JavaS 第四篇:前端之BOM与DOM 第五篇:前端之JQuery 第六篇:前端之Bootstrap框架 第七篇:Vue ......
html下载图片
<a href="./static/img.png" download="自定义名称.png"> <img src="./static/img.png" alt="000"> </a> 切记不可用其他网站的地址 使用其他网站的图片地址是无法下载的 ......
01-第一章 HTML语言
其余web文章参考:web学习目录 表单 从web1.0网页主要像用户展示信息,到web2.0需要用户向服务器提交数据 本节主要介绍html页面常用的代码,后续用到来这里检索即可 表单的应用场景 先上传源代码,一般建议复制到vscode里面看 <html> <head> <title>提交表单</t ......
js 使用 htmldiff 使用 html文档对比
话不多说先贴js /** * 文本差异化比对工具,用于比对两段文本之间所存在的差异; * 对HTML文本的比对中,会完全忽略标签内的差异,将<...> * 中的内容当做一个整体的单词; * 注1:现有版本还未对执行效率进行优化; * 注2:原始算法来自于网络:http://www.rohland.c ......
Django使用mark_safe()和format_html()函数
django从view向template传递HTML字符串的时候,django默认不渲染此HTML,原因是为了防止这段字符串里面有恶意攻击的代码。 如果需要渲染这段字符串,需要在view里这样写: from django.utils.safestring import mark_safe def v ......
前端设计模式——依赖注入模式
依赖注入模式(Dependency Injection Pattern):允许我们通过将对象的依赖关系从代码中分离出来,从而使代码更加模块化和可重用。 在传统的编程模式中,一个对象可能会直接创建或者获取它需要的其他对象,这样会造成对象之间的紧耦合关系,难以维护和扩展。而使用依赖注入模式,则可以将对象 ......
01-第一章 HTML语言
表单 从web1.0网页主要像用户展示信息,到web2.0需要用户向服务器提交数据 表单的应用场景 先上传源代码,一般建议复制到vscode里面看 <html> <head> <title>提交表单</title> <meta charset="utf-8" /> </head> <body> <h ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应,可以使用CSS来设置图片的宽度和高度。具体而言,可以使用以下的CSS样式: img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%,这样图片将会根据其容器的宽度进行缩放。同时,将高度设置为自 ......
Iris框架配置前端静态文件目录
在较新版本的Iris框架中,iris.Application结构体已经不再具有StaticWeb方法。取而代之的是iris.Party结构体,您可以使用其HandleDir方法来处理静态文件。 以下是一个使用HTML文件的示例,使用iris.Party来处理静态文件: package main im ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容,避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动: http-server ......
关于js动态加载html元素,html中绑定的click事件不生效的解决办法
转: 关于js动态加载html元素,html中绑定的click事件不生效的解决办法 ......
前端领域驱动设计的一些思考
小结:1 因为前端框架其实本质上是高策略层级的,每个前端框架的一般都是来解决以下问题: 定义状态 (data、state) 状态变化检测 (Object.defineProperty、Proxy、React reconcilliation) 对状态更改做出反应 (Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......
前端ast
什么是抽象语法树 抽象语法树 Abstract Syntax Tree 简称AST,是源代码语法结构的一种抽象表示。 比如 const a = 123; ,用ast可以表示为 ast json表示为 { "type": "Program", "start": 0, "end": 14, "body" ......
基于Admin.NET框架的前端的一些改进和代码生成处理(2)
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理(1)》中大致介绍了一些关于对Admin.NET框架的前端的改造工作,主要目的就是希望能够增加代码的简洁和可读性,以及利用代码生成工具来快速生成相关的代码,从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下,对其中一些模块功能进行一... ......
HTML的由来
超文本标记语言(HTML)起源于标准通用标记语言(SGML),由世界上最大的粒子物理研究实验室欧洲核子研究中心CERN(the European Organization for Nuclear Research)于1991年首先提出,是推动Web迅速发展的原动力。在互联网发展的早期,为了在各种网络 ......
HTML合并单元格、折叠边框
最终效果图: 页面: <el-table :data="List" ref="List" border style="width: 100%; max-height: 600px; white-space: nowrap" > <el-table-column> <template slot-sco ......
前端设计模式——享元模式
享元模式(Flyweight Pattern):是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能,通过共享具有相同状态的对象来实现这一目标。 具体来说,享元模式涉及两个主要的对象:享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象,以确保每个对象只被创建一次。享元对 ......
echarts export three types picture: png、html、svg
import './styles.css' import echarts from 'echarts' import { saveAs } from 'file-saver' import JSPDF from 'jspdf' import { init } from 'canvas-to-blob ......
前端性能优化的七大手段
前言 性能优化是我们前端的必备知识,可以说是每个人必须会的知识了,不仅平时会用到,连面试都会问到。那如何优化前端的性能呢?总共有七大手段 七大手段包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并,有如 ......
Web前端入门html
1、初识HTML 1. HTML是什么 2. 列表、表格与媒体元素 3. 表单 1.1、什么是HTML? Hyper Text Markup Language(超文本标记语言) 超文本包括:文字,图片,音频,视频,动画,超链接等 1.2、发展史 1.3、HTML5的优势 · 世界知名浏览器厂商对HT ......
前端性能优化的方法
前端性能优化主要有七种方法,包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的,就是将很多小图标放在一张图片上就称之为雪碧图,可以减少网 ......