网页 手机web css

自研静态Web服务器并返回固定⻚⾯数据

开发自己的静态Web服务器的步骤 1. 编写一个TCP服务端程序 2. 获取浏览器发送的http请求报文数据 3. 读取固定页面的数据,把页面数据组装成HTTP响应报文数据发送给浏览器。 4. HTTP响应报文数据发送完成以后,关闭服务与客户端的套接字 静态Web服务器-返回固定页面数据的示例代码 ......
静态 服务器 数据 Web

搭建Python⾃带静态Web服务器

说明 Python自带的静态Web服务器可以通过使用http.server模块来实现。 步骤 打开命令行终端,进入要作为静态文件根目录的文件夹。 运行以下命令启动静态Web服务器: Python 2.x版本:python -m SimpleHTTPServer <port> Python 3.x版本 ......
静态 服务器 Python Web

网页端实现Excel转JSON

## 1. 引言 有时工作中拿到的数据是Excel表格,要在前端网页上使用,通常需要把文件转为JSON 微软的Microsoft Excel没有导出为JSON的功能,其他的第三方网站又不太信任 开源的Excel转JSON的小工具倒是不少,但是往往需要下载,比如这个:[neil3d/excel2jso ......
网页 Excel JSON

9 CSS背景属性

##### CSS 背景属性 ##### 1. background-color(背景颜色) 页面的背景颜色有四种属性值表示,分别是transparent(透明),RGB十进制颜色表示,十六进制颜色表示和颜色单词表示。 属性使用: ``` /* background-color: transpare ......
属性 背景 CSS

css单行垂直居中,超过两行显示省略号

HTML: <div> <span>单行居中,多行居左单行居中,多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips ......
省略号 css

8 CSS文本属性

##### 8 文本属性 font-style(字体样式风格) ``` /* 属性值: normal:设置字体样式为正体。默认值。 italic:设置字体样式为斜体。这是选择字体库中的斜体字。 oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。 */ ``` font ......
属性 文本 CSS

CSS基础-定位

CSS中通常使用position 属性,决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 ......
基础 CSS

7 CSS选择器优先级

##### 7 选择器优先级 所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style ......
优先级 CSS

LabelText添加样式by Css

......
样式 LabelText Css

如何复制word的图文到Web编辑器中自动上传

​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 ......
编辑器 图文 word Web

如何使用Docker部署 Go WEB应用

如何使用Docker部署 Go WEB应用 本文介绍了如何使用Docker以及Docker-compose部署我们的Go Web程序。 为什么需要使用Docker? 使用docker的主要目标是容器化。也就是为你的应用程序提供一致的环境,而不依赖于它运行的主机。 想象一下你是否也会遇到下面这个场景, ......
Docker WEB Go

6 CSS样式继承

##### 6 样式继承 CSS的样式表继承指的是,特定的CSS属性向下传递到子孙元素。总的来说,一个HTML文档就是一个家族,然后html元素有两个子元素,相当于它的儿子,分别是head和body,然后body和head各自还会有自己的儿子,最终形成了一张以下的家族谱。 ![image](http ......
样式 CSS

Asp.net Core Web API运行后返回的实体属性首字母全为小写(实际应该为大写)

1、Asp.net Core Web API项目运行后打开swagger,通过点击控制器下的方法,以此点击Try it out-Execute,然后观察Response body中内容,发现所有的实体属性均为小写,如下图,但其实实际的实体属性值首字母为大写,如图二,出现这种情况的解决办法如下: 2、 ......
小写 大写 实体 字母 属性

Asp.net Core Web API 启动时出现报错Failed to load API definition

1、新建的Asp.net Core Web API 项目启动时一般是没有问题的,如果在controller下增加多个操作后再启动会出现swagger的报错-Failed to load API definition,基本是由于以下两种原因,分别排查即可: (1)如上图1位置:默认webapi模板创建 ......
definition API Failed Core load

5 CSS伪类选择器

##### 5 伪类选择器 anchor伪类:专用于控制链接的显示效果 |More Actions[:link](https://www.w3school.com.cn/cssref/selector_link.asp) |a:link |选择所有未被访问的链接。 | | | | | |[:visi ......
CSS

css 右上角三角形标签样式

<style> .box{ position: relative; height: 100px; width: 300px; border: 1px solid gray; box-sizing: border-box; } .sanjiao{ position: absolute; top: 0; ......
三角形 样式 标签 css

css 右上角标的效果

右上角 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j ......
效果 css

Web 国际化:新增越南语语系(vue i18n)

前提: 1. 在src/locales文件夹中,新增vi.json文件 背景: 1. vue 步骤: 1. 在main.js中, import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: lo ......
语系 国际 i18n Web 18n

4 CSS属性选择器

##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用:选择含有指定属性的元素。 语法:[属性名]{} ``` 示例如下: ```html 属性选择器 用户名: 密 码: 数据量: ``` 运行结果: ![image]( ......
属性 CSS

SpringBoot文件上传报错 errorHandler:org.springframework.web.multipart.MaxUploadSizeExceededException:

一、错误原因:文件大小超过SpringBoot的默认限制 二、解决方案:修改配置 spring: servlet: multipart: # 最大支持文件大小 max-file-size: 100MB # 最大支持请求大小 max-request-size: 100MB ......

CSS 实现一个带弧边的区域

一、需求描述 在移动端的开发中,经常遇到下图这样的弧边设计 弧边其实有很多方案,但像上图这样的情况更适合用 border 实现,因为这样更方便封装为组件 二、初步实现 可以将页面顶部的区域看做一个大圆与页面的交集,基于这个思路就能开发出一个基本的 html 结构 <body> <div classN ......
区域 CSS

webpack压缩 CSS 文件

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......
webpack 文件 CSS

webpack的css 兼容性处理

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
兼容性 webpack css

webpack提取 CSS 成单独文件

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
webpack 文件 CSS

本文实例讲述了PHP Web表单生成器

本文实例讲述了PHP Web表单生成器。分享给大家供大家参考,具体如下: 1.实例: 相关学习推荐:PHP编程从入门到精通 2. 需求分析 在项目的实际开发中,经常需要设计各种各样表单。直接编写HTML表单虽然简单,但修改、维护相对麻烦。因此,可以利用PHP实现一个Web表单生成器,使其可以根据具体 ......
生成器 表单 实例 PHP Web

【web_逆向11】JS处理RSA加密

## JS中RSA加密有两套逻辑 - 1、网易的那种. -> 加密的结果每一次都是一样的;这种没有办法使用python来完成 - setMaxDigits() - RSAKeyPair() - encryptedString() - 2、某网校的rsa加密 -> 加密的结果每一次都是不一样的;和py ......
web RSA

【web_逆向10】非对称加密之RSA

## 非对称加密 - 非对称加密. 加密和解密的秘钥不是同一个秘钥. 这里需要两把钥匙. 一个公钥, 一个私钥. 公钥发送给客户端. 发送端用公钥对数据进行加密. 再发送给接收端, 接收端使用私钥来对数据解密. 由于私钥只存放在接受端这边. 所以即使数据被截获了. 也是无法进行解密的. - 常见的非 ......
web RSA

如何用手机为树莓派烧录系统

## 声明 手机需要有第三方Recovery(如TWRP)!!! **本文含有大量个人观点,为实践个人总结,不保证正确性,对应相关操作的理解可能也有失偏颇,如有错误,还望大家及时指出** > 疫情在家,一直没啥事可以做,整理柜子的时候发现有一台吃灰的树莓派,于是想借他消磨一下时间。没带电脑回家,小区 ......
树莓 系统 手机

CSS – Houdini

介绍 简单说这个 Houdini 是一系列 CSS 底层 API,它可以让我们扩展 CSS,做出一些 Polyfill。 举一个例子,让大家有个画面。 我们可以通过 CSS + JS + Canvas 语法来自创 CSS 语法,游览器解析 CSS 时它会跑我们的 JS,而 JS 用类似 Canvas ......
Houdini CSS

博客园css与目录导航

默认配置: 皮肤:BlueSky ## 页面定制css代码 ``` :root { --accent-color: #696969; /* nice */ --primary-colour: #306797; /* */ --background-color: white; --background ......
目录 博客 css