前端 案例html5 html
Cesium 案例（二）Web MapTile Service with Time
使用官方github包，部分解释来源于http://cesium.xin/cesium/cn/Documentation1.95/index.html Cesium.Ion.defaultAccessToken =token; constviewer = newCesium.Viewer("cesi ......
前端开发-CSS
三种CSS写法 1.在标签内书写 2.在head中书写 3.在外部文件书写 各种选择器 常用：类选择器，标签选择器，后代选择器 少用：ID选择器，属性选择器 多个样式覆盖问题： 1.样式不同时一起作用 2.样式相同时，取style中排序后面的 3.若要强制使用，则添加important，如 colo ......
html 中使用 ssi 指令
SSI 即 Server Side Include，是一种基于服务端的网页制作技术 Apache 开启 SSI 支持 首先开启模块 mod_include LoadModule include_module modules/mod_include.so httpd.conf 或 主配置中引入的文件中 ......
案例（一） Z-Indexing Geometry
使用官方github包，部分解释来源于Viewer - Cesium Documentation Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer"); viewer. ......
前端开发-Html
HTML-head 1.<title> 标签定义了不同文档的标题 <title>文档标题</title> 2.<meta> 标签提供了元数据 <!--这定义网页作者--> <meta name="author" content="Runoob"> <!--为网页定义描述内容--> <meta nam ......
python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框
文本 pyhon 后端用request.values.get("name") 去获取 if request.method == "POST": username = request.values.get("username") sex = request.values.get("sex") 二、多选 ......
直播网站程序源码，element el-menu，前端做菜单搜索
直播网站程序源码，element el-menu，前端做菜单搜索 方案一：递归+indexof 实现步骤： JS 实现树形结构数据的模糊搜索查询， 即使父节点没有，但子节点含有，父节点仍要返回。 /** * 递归tree关键词搜索 * * @param {key} 需要递归的key名 * @para ......
第五次html
菱形: 代码: <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script>{ layer = parseInt(prompt("请输入层数" ......
第六次html
运行截图： 代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .container>img{ posi ......
DQL案例
select * from emp where sex='女' and age in(16,17,18);/*查询女性年龄为16，17，18的员工 */select * from emp where sex='女' and age between 18 and 20 and name like '_ ......
定时器案例
效果展示：每间隔一秒开关灯 定时器代码方法调用 全部代码展示 <!DOVTYPE html> <html lang="en"> <head><meta charset="UTF-8"> <title>JavaScript定时器</title> </head> <body> <input type=" ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示 1、问题描述 最近将网站升级为 HTTPS 时，发现富文本中的图片不能显示。如果单独将图片地址，在浏览器上请求，图片显示正常。 2、解决方法 自动将http的不安全请求升级为https 页面的head中加入： `upgrade-ins ......
前端项目代码阅读指南
0. 把项目运行起来，如果npm总是报错，并且项目年代久远，直接放弃，找一个能跑起来的看。 1. 看 package.json ，了解项目中用到了哪些依赖，这些依赖一般都是怎么使用的，项目结构大概什么样子 2. 看目录，猜一下每个目录下的文件都是干什么的 3. 看入口文件，一般是index.js，或 ......
python 文件编译案例
对pyx文件进行编译 使用setup_lib.py from distutils.core import setup from distutils.extension import Extersion from Cython.Distutils import build_ext import num ......
ioc入门案例
1、pom.xml引入spring <dependencies> <!-- 引入spring --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <versio ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
前端随笔
1、webpack的作用 模块打包工具，可以将项目打包成兼容浏览器的格式，或者打包成手机app等。 它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、node的作用 ......
Excel的读取保存案例
python进行excel处理 1. Excel读取 # 首先导入pandas工具包 import pandas as pd # 读取Excel df = pd.read_excel('./excel_name.xlsx') # 相对路径，./表示当前文件夹上一级 df = pd.read_exce ......
第四次html
运行效果: 代码: body{ /*background-color: #333;*/ } :root { --swiper-navigation-size: 44px; } * { padding: 0; margin: 0; /* border:1px solid red; */ } #logo ......
第二次html
效果: 代码: <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div_class{ background-color: #ccc; } .dox{ background-color: #dd ......
系统化学习前端之JavaScript（ES6：异步编程）
系统化梳理 JavaScript 异步编程相关知识点，包括 Promise，generator 生成器函数，以及 async await 异步函数等。 ......
前端pdf预览-pdfh5
遇到问题 用iframe、embed 标签死活都加载不出1M以上的文件，最后用开源项目 pdfh5解决问题 github连接： gjTool/pdfh5: web/h5/移动端PDF预览插件 (github.com) 1. 下载pdfh5 2.引包 <link rel="stylesheet" hr ......
配置案例丨EtherCAT转Profinet网关连接凯福科技总线步进驱动器
西门子S7-1200/1500系列的PLC，采用PROFINET实时以太网通讯协议，需要连接带EtherCAT的通讯功能的伺服驱动器等设备，就必须进行通讯协议转换。小疆GW-PN-ECATM系列的网关提供了，快速可行的解决方案。GW-PN-ECATM支持两种实时以太网通讯协议之间的转换，可以主通讯主... ......
flask:Flask 和pythonweb框架介绍、flask快速使用、登录，显示用户信息小案例、配置文件的使用方式、路由系统
一、Flask 和pythonweb框架介绍 1.1python web框架介绍 同步web框架 django：大而全，内置的app多，第三方app也多(通过uwsgi实现异步) Flask：小而精，没有过多的内置组件，只完成web框架最基本的功能，需要借助于第三方，完成更丰富的功能 web.py: ......
Flask框架和pythonweb框架介绍、flask快速使用，登录、显示用户信息小案例、配置文件方式、路由系统
Flask和pythonweb框架介绍 # python web框架 本质都一样 django：大而全，内置的app多，第三方app也多 Flask：小而精，没有过多的内置组件，只完成web框架最基本的功能，需要借助于第三方，完成更丰富的功能 web.py:是一个小巧灵活的Python框架，它简单而 ......
idea 插件 自动生成测试案例
我们在写代码的时候，很多地方都需要你写一个测试类用于基础测试的，idea有一个好用的工具可以一键帮我们生成，下面给大家讲解如何使用 1、打开设置 File-->settings-->Plugins， 搜索 Squaretest 2、安装完成后重启idea ，你会发现，导航栏位置已经多了一个选项 3、 ......
前端性能优化——图片优化
前端性能优化——图片优化 一、图片优化措施 优化图片是 Web 前端优化的重要一环，因为图片是 Web 页面中最耗费带宽和加载时间的资源之一。以下是一些通过优化图片来优化 Web 前端的方法： 压缩图片：压缩图片可以减少图片的文件大小，从而减少加载时间。 使用矢量图形：使用矢量图形（如 SVG）可以 ......
HTML/XML字符转义对照表
HTML/XML转义字符对照表包含符号、数学符号、希腊字母 、重要的国际标志、ISO 8859-1 (Latin-1)字符集、特殊符号等。 为什么要用转义字符串？ HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......