前端 案例html5 html
前端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 ......
Python制作经典游戏案例-水果忍者（附源码等文件）
前言 大家好，我是小明呀，今天给大家分享一款我以前特爱玩的游戏，水果大战，今天我就教大家使用python把这款游戏制作出来。我们先来看效果 当我运行代码这个就是第一效果图，还会有熟悉的音乐的声音。然后拖动鼠标就会有水果跳上来。 接下来我们就可以通过鼠标随便切，可以横着切，也可以竖着切，是不是很解压呢 ......
关于js动态加载html元素，html中绑定的click事件不生效的解决办法
转： 关于js动态加载html元素，html中绑定的click事件不生效的解决办法 ......
Unity Shader案例05-------透明遮挡
旋转透明遮挡显示后面的物体 Shader "CLF/SetPortalMaskShader" { SubShader { Tags{ "RenderType" = "Opaque" "Queue" = "Geometry-3" } ColorMask 0 ZWrite on CGINCLUDE #i ......
前端领域驱动设计的一些思考
小结：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" ......
性能优化案例之懒加载
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
osgearth的121个案例详解
1.aeqd.earth 2.annotation.earth 3.annotation_dateline.earth 4.annotation_dateline_projected.earth 5.annotation_flat.earth 6.arcgisonline.earth https:/ ......
性能优化案例之预加载：代理模式优化加载体验
前言： 当我们遇见大图片的时候，不想破坏其像素清晰度，又不想让前端体验感差，就可以用预加载的loading图片来展示， 等到真正的图片下载完，再替换回来。 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
基于Admin.NET框架的前端的一些改进和代码生成处理（2）
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理（1）》中大致介绍了一些关于对Admin.NET框架的前端的改造工作，主要目的就是希望能够增加代码的简洁和可读性，以及利用代码生成工具来快速生成相关的代码，从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下，对其中一些模块功能进行一... ......
HTML的由来
超文本标记语言(HTML)起源于标准通用标记语言(SGML)，由世界上最大的粒子物理研究实验室欧洲核子研究中心CERN(the European Organization for Nuclear Research)于1991年首先提出，是推动Web迅速发展的原动力。在互联网发展的早期，为了在各种网络 ......
西门子S7-1200PLC脉冲控制伺服程序案例 此程序是关于西门子1200PLC以PTO脉冲方式控制伺服电机
西门子S7-1200PLC脉冲控制伺服程序案例 此程序是关于西门子1200PLC以PTO脉冲方式控制伺服电机，步进电机的功能块程序。 包含两套程序，第一套程序是用梯形图写的，第二套程序是用SCL高级编程语言写的。 两套程序实现的功能一致，脉冲模式控制伺服电机和步进电机。 程序是按照结构化思维编程，功 ......
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）：是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能，通过共享具有相同状态的对象来实现这一目标。 具体来说，享元模式涉及两个主要的对象：享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象，以确保每个对象只被创建一次。享元对 ......
三菱FX3U与台达MS300变频器modbus通讯案例
三菱FX3U与台达MS300变频器modbus通讯案例 配件要求：三菱FX3U PLC+FX3U 485BD板，台达MS300变频器，昆仑通态触摸屏 功能：采用485方式，modbus RTU协议，对台达变频器频率设定，正反转，频率，电压读取 说明：是程序非实物，程序带有注释，昆仑通态触摸屏程序（附 ......
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音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网 ......
ARMA-GARCH-COPULA模型和金融时间序列案例|附代码数据
原文链接： http://tecdat.cn/?p=3385 最近我们被客户要求撰写关于ARMA-GARCH-COPULA的研究报告，包括一些图形和统计输出。 最近我被要求撰写关于金融时间序列的copulas的调查 从读取数据中获得各种模型的描述，包括一些图形和统计输出。 > oil = read. ......
R语言泰坦尼克号随机森林模型案例数据分析|附代码数据
原文链接：http://tecdat.cn/?p=4281 最近我们被客户要求撰写关于随机森林模型的研究报告，包括一些图形和统计输出。 如果我们对所有这些模型的结果进行平均，我们有时可以从它们的组合中找到比任何单个部分更好的模型。这就是集成模型的工作方式 让我们构建一个由三个简单决策树组成的非常小的 ......
前端学习_基础认知
网页组成： 文字、图片、音频、视频、超链接 代码转换为网页的软件：浏览器 渲染引擎 渲染引擎：浏览器中专门对代码进行解析渲染的部分。（是浏览器的内核） 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
前端计算机网络
http常见状态码： 200 OK：非常常见，资源请求成功。 201 Created：资源创建成功 多见post请求 不常见。 301 永久重定向 ： http->https 如B站 掘金 换域名 。 302 临时重定向 ：请求后返回Location头部指示了新的URL，客户端会根据Location ......
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱，就不愁花钱。钱花了就没了来源了，就会慌张。 开源节流。努力开源很重要。努力提 ......
TiDB SQL调优案例之避免TiFlash帮倒忙
背景 早上收到某系统的告警tidb节点挂掉无法访问，情况十万火急。登录中控机查了一下display信息，4个TiDB、Prometheus、Grafana全挂了，某台机器hang死无法连接，经过快速重启后集群恢复，经排查后是昨天上线的某个SQL导致频繁OOM。 于是开始亡羊补牢，来一波近期慢SQL巡 ......
jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端
import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
Unity Shader案例04-------透明
Shader "CLF/SetTransparent" { Properties { _Diffuse("Diffuse",Color) = (1,1,1,1) // 漫反射 _MainTex("MainTex",2D) = "white"{} // 2D纹理贴图 _AlphaScale("Alph ......