前端html css
CSS 伪元素
CSS 伪元素 CSS 伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} htt ......
伪类和CSS类
伪类和CSS类 伪类可以与 CSS 类配合使用： a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a> 如果在上面的例子的链接已被访问，它会显示为红色。 http://www.szytjh.co ......
CSS - :lang 伪类
CSS - :lang 伪类 :lang 伪类使你有能力为不同的语言定义特殊的规则 注意：IE8必须声明<!DOCTYPE>才能支持;lang伪类。 在下面的例子中，:lang 类为属性值为 no 的q元素定义引号的类型： 实例 q:lang(no) {quotes: "~" "~";} https ......
CSS :first-child 伪类
CSS :first-child 伪类 您可以使用 :first-child 伪类来选择父元素的第一个子元素。 注意：在IE8的之前版本必须声明<!DOCTYPE> ，这样 :first-child 才能生效。 匹配第一个 <p> 元素 在下面的例子中，选择器匹配作为任何元素的第一个子元素的 <p> ......
前端进行压缩文件、下载
使用插件：file-saver、jszip 安装插件: npm install file-saver --save npm install jszip --save 压缩文件（压缩的内容需要是blob流，可以是后端接口返回的blob流，如果是远程文件地址，可以参看第3条） 1、一个文件压缩： imp ......
聊聊Python中的GIL https://www.cnblogs.com/ArsenalfanInECNU/p/9968621.html
抄自: https://www.cnblogs.com/ArsenalfanInECNU/p/9968621.html GIL的全称是 Global Interpreter Lock，全局解释器锁。因为Python的执行依赖于解释器。Python最初的设计理念在于，为了解决多线程之间数据完整性和状态 ......
前端js RSA jsrsasign加密、解密、加签、验签
jsrsasign（RSA-Sign JavaScript库）是一个免费的开源加密库，支持RSA / RSAPSS / ECDSA / DSA签名/验证，ASN.1，PKCS＃1/5/8私钥/公钥，X.509证书，纯JavaScript中的CRL，OCSP，CMS SignedData，TimeSt ......
前端设计模式——外观模式
外观模式（Facade Pattern）：它提供了一个简单的接口，用于访问复杂的系统或子系统。通过外观模式，客户端可以通过一个简单的接口来访问复杂的系统，而无需了解系统内部的具体实现细节。 在前端开发中，外观模式常常被用于封装一些常用的操作，以简化代码复杂度和提高代码可维护性。比如，一个用于处理数据 ......
Html字符转码
标记 十进制编码 编码 ™ ™ € € Space   ! ! " " " # # $ $ % % & & & ' ' ( ( ) ) * * + + ......
使用html2canvas+jspdf将页面转为pdf并下载
1、安装html2canvas和jspdf npm install html2canvas npm install jspdf 2、新建文件htmlToPdf.ts // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF fr ......
CSS中的transform（2D转换）
transform 是元素转换属性，其属性值为转换函数，使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。 有以下三种转换函数： 旋转函数（rotate） 移动函数（translate） 缩放函数（scale） translate CSS中的二维坐标系如下（注意y轴正方向与数学中常见的二维坐 ......
css绝对定位，没有设置left或top
目标：做h5实现以下情形 问题：不知为何成了这样： 分析： 下列是代码： 已知id="div_2"的div的父类已经定位，故该div块的位置是相对于这个父类。 修改之前的代码： 进行修改： 结论：当只给元素定义了position：absolute时，如果top，left没有指定时，则left，top ......
HTML引入CSS样式的三种方式概述
1.内联定义方式： 在标签内部使用style属性来设置元素的css样式 语法格式： 1 <标签 style="样式名：样式值；样式名：样式值；样式名：样式值；....." 2 </标签> 2.样式块方式： 在head标签中使用style块 语法格式： 1 <head> 2 <style type=" ......
HTML常用元素
元素大全 <html>：定义HTML文档的根元素。 <head>：包含关于文档的元数据，如标题、样式表和脚本等。 <title>：定义文档的标题，通常出现在浏览器的标签栏中。 <body>：定义文档的主体，包含所有可见内容。 <h1> - <h6>：定义标题，从大到小六级标题。 <p>：定义段落。 ......
css绘制一个Pinia小菠萝
效果如下： pinia小菠萝分为头部和身体，头部三片叶子，菠萝为身体 头部 先绘制头部的盒子，将三片叶子至于头部盒子中 先绘制中间的叶子，利用border-radius实现叶子的效果，可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde ......
HTML5
一、HTML5新整 1、新增布局标签 artical 里面可以有多个 section 。 section 强调的是分段或分块，如果你想将一块内容分成几段的时候，可使用 section 元 素。 article 比 section 更强调独立性，一块内容如果比较独立、比较完整，应该使用 article ......
使用html2canvas+jspdf将页面转为pdf并下载
需求：我有一个页面，是由多个模块组成的，现在我需要把页面转为pdf并下载，但是因为pdf自动换页以后会把我的模块给截开，不好看甚至内容被裁开，所以我需要判断当前页面加上这个模块以后是不是会超出当前页，如果超出，就直接把整个模块换到第二页去显示。 页面大致如下： 页面代码大致如下： <template ......
使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试
通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试 1.需要插件：ABC JS-CSS Injector 设置Title和Domain， 配置使用一下代码： 其中：http://127.0.0.1 ......
CSS详解
Cascading Style Sheets层叠样式表 HTML+CSS+JavaScript 框架+表现+交互 一、初始及入门 1.CSS概念 CSS在网页中的应用 CSS的发展史 CSS的优势 2.CSS基本语法 标签style 3.三种引入方式 行内样式 内部样式 外包样式 <!DOCTYPE ......
.net core 关于对swagger的UI（Index.html）或接口的权限验证；
背景： 如何在ASP.Net Core的生产环境中保护swagger ui，也就是index.html页面。其实swagger是自带禁用的功能的，只需要设置开关即可。但是有一些场景，是需要把这些接口进行开放或者导出成文档供第三方进行调用，这个时候却又不想让所有人访问。本文介绍一种权限控制访问的方式， ......
redis数据结构http://doc.redisfans.com/index.html
flushdb刷新数据库，达到清空key的效果 redis有16个库，按照下标区分，默认是0；切换select 下标 redis集群只认db0；其他数据库是被抛弃的。 什么是阻塞？ 如果所有给定 key 都不存在或包含空列表，那么 BLPOP 命令将阻塞连接，直到等待超时，或有另一个客户端对给定 k ......
css
css 使用css可以为html添加一些样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>入门案例</title> <style> h1{ color: red; font-size: 100px; } ......
css样式选择器
一、 CSS 选择符 类型选择符用于选择特定类型的元素，比如段落（见下面的例子)或标题元素，只要写出想要添加样式的元素名即可。类型选择符有时候也被称为元素选择符。 p { color:black;}123 后代选择符用于选择某个或某组元素的后代。后代选择符的写法是在两个选择符之间添加空格。在下面的例 ......
怎样实现纯前端百万行数据秒级响应
前端表格控件SpreadJS 推出了新的功能集算表功能。集算表 （Table Sheet）是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格，通过全新构建的关系型数据管理器结合结构化公式，在高性能表格的基础上提供排序、筛选、样式、行列冻结、自动更新、单元格更新等功能。 什么是集算表（Tabl ......
HTML请求错误代码
HTML请求错误代码 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态码。 100(继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101(切换协议)请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx (成功) 表示成功处理了请求的 ......
【Javaweb】关于html转成jsp时出现乱码的问题解决
原因是没有在代码头部添加，下面这段代码，添加之后就解决了 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ......
HTML学习笔记
HTML学习笔记 HTML5新增表单属性 属性 值 说明 required required 必填项，不能为空 placeholder 提示文本 提示信息，有默认值value时，placeholder不显示； autofocus autofocus 自动获取焦点，页面加载完自动获得焦点； autoc ......
HTML——select标签
select标签 下拉框标签 双闭合标签 <select name="cla_name" id=""> {% for i in cla_all %} <option value="{{ i.pk }}">{{ i.cla_name }}</option> {% endfor %} </select> ......
（转）漫画 | 带你领略前端发展史的江湖恩怨情仇
时间总是过得很快， 似乎快得让人忘记了昨天，前端WEB领域的发展更是如此，转眼间已是近30年，时光荏苒，初心不变，在一代又一代前端人的努力下，前端已经是互联网不可或缺的一部分。 然而很多前端打工人对于前端的历史了解甚少，我是一名前端打工人，今天，本文将用漫画的形式带你倒回历史的长河，一起领略前端发展 ......