网页 手机web css
自研静态Web服务器并返回固定⻚⾯数据
开发自己的静态Web服务器的步骤 1. 编写一个TCP服务端程序 2. 获取浏览器发送的http请求报文数据 3. 读取固定页面的数据,把页面数据组装成HTTP响应报文数据发送给浏览器。 4. HTTP响应报文数据发送完成以后,关闭服务与客户端的套接字 静态Web服务器-返回固定页面数据的示例代码 ......
搭建Python⾃带静态Web服务器
说明 Python自带的静态Web服务器可以通过使用http.server模块来实现。 步骤 打开命令行终端,进入要作为静态文件根目录的文件夹。 运行以下命令启动静态Web服务器: Python 2.x版本:python -m SimpleHTTPServer <port> Python 3.x版本 ......
网页端实现Excel转JSON
## 1. 引言 有时工作中拿到的数据是Excel表格,要在前端网页上使用,通常需要把文件转为JSON 微软的Microsoft Excel没有导出为JSON的功能,其他的第三方网站又不太信任 开源的Excel转JSON的小工具倒是不少,但是往往需要下载,比如这个:[neil3d/excel2jso ......
9 CSS背景属性
##### CSS 背景属性 ##### 1. background-color(背景颜色) 页面的背景颜色有四种属性值表示,分别是transparent(透明),RGB十进制颜色表示,十六进制颜色表示和颜色单词表示。 属性使用: ``` /* background-color: transpare ......
css单行垂直居中,超过两行显示省略号
HTML: <div> <span>单行居中,多行居左单行居中,多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips ......
8 CSS文本属性
##### 8 文本属性 font-style(字体样式风格) ``` /* 属性值: normal:设置字体样式为正体。默认值。 italic:设置字体样式为斜体。这是选择字体库中的斜体字。 oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。 */ ``` font ......
CSS基础-定位
CSS中通常使用position 属性,决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 ......
7 CSS选择器优先级
##### 7 选择器优先级 所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style ......
如何复制word的图文到Web编辑器中自动上传
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 ......
如何使用Docker部署 Go WEB应用
如何使用Docker部署 Go WEB应用 本文介绍了如何使用Docker以及Docker-compose部署我们的Go Web程序。 为什么需要使用Docker? 使用docker的主要目标是容器化。也就是为你的应用程序提供一致的环境,而不依赖于它运行的主机。 想象一下你是否也会遇到下面这个场景, ......
6 CSS样式继承
##### 6 样式继承 CSS的样式表继承指的是,特定的CSS属性向下传递到子孙元素。总的来说,一个HTML文档就是一个家族,然后html元素有两个子元素,相当于它的儿子,分别是head和body,然后body和head各自还会有自己的儿子,最终形成了一张以下的家族谱。 ![image](http ......
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模板创建 ......
5 CSS伪类选择器
##### 5 伪类选择器 anchor伪类:专用于控制链接的显示效果 |More Actions[:link](https://www.w3school.com.cn/cssref/selector_link.asp) |a:link |选择所有未被访问的链接。 | | | | | |[:visi ......
css 右上角三角形标签样式
<style> .box{ position: relative; height: 100px; width: 300px; border: 1px solid gray; box-sizing: border-box; } .sanjiao{ position: absolute; top: 0; ......
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 ......
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 ......
4 CSS属性选择器
##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用:选择含有指定属性的元素。 语法:[属性名]{} ``` 示例如下: ```html 属性选择器 用户名: 密 码: 数据量: ``` 运行结果: ![image]( ......
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 ......
webpack压缩 CSS 文件
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......
webpack的css 兼容性处理
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
webpack提取 CSS 成单独文件
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
本文实例讲述了PHP Web表单生成器
本文实例讲述了PHP Web表单生成器。分享给大家供大家参考,具体如下: 1.实例: 相关学习推荐:PHP编程从入门到精通 2. 需求分析 在项目的实际开发中,经常需要设计各种各样表单。直接编写HTML表单虽然简单,但修改、维护相对麻烦。因此,可以利用PHP实现一个Web表单生成器,使其可以根据具体 ......
【web_逆向11】JS处理RSA加密
## JS中RSA加密有两套逻辑 - 1、网易的那种. -> 加密的结果每一次都是一样的;这种没有办法使用python来完成 - setMaxDigits() - RSAKeyPair() - encryptedString() - 2、某网校的rsa加密 -> 加密的结果每一次都是不一样的;和py ......
【web_逆向10】非对称加密之RSA
## 非对称加密 - 非对称加密. 加密和解密的秘钥不是同一个秘钥. 这里需要两把钥匙. 一个公钥, 一个私钥. 公钥发送给客户端. 发送端用公钥对数据进行加密. 再发送给接收端, 接收端使用私钥来对数据解密. 由于私钥只存放在接受端这边. 所以即使数据被截获了. 也是无法进行解密的. - 常见的非 ......
如何用手机为树莓派烧录系统
## 声明 手机需要有第三方Recovery(如TWRP)!!! **本文含有大量个人观点,为实践个人总结,不保证正确性,对应相关操作的理解可能也有失偏颇,如有错误,还望大家及时指出** > 疫情在家,一直没啥事可以做,整理柜子的时候发现有一台吃灰的树莓派,于是想借他消磨一下时间。没带电脑回家,小区 ......
CSS – Houdini
介绍 简单说这个 Houdini 是一系列 CSS 底层 API,它可以让我们扩展 CSS,做出一些 Polyfill。 举一个例子,让大家有个画面。 我们可以通过 CSS + JS + Canvas 语法来自创 CSS 语法,游览器解析 CSS 时它会跑我们的 JS,而 JS 用类似 Canvas ......
博客园css与目录导航
默认配置: 皮肤:BlueSky ## 页面定制css代码 ``` :root { --accent-color: #696969; /* nice */ --primary-colour: #306797; /* */ --background-color: white; --background ......