案例html css

前端知识-HTML

HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML(结构)、CSS(样式)、JS(行为) 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
前端 知识 HTML

工厂模式代码案例(运用反射)

1、定义一个接口 点击查看代码 ``` package com.bh.shoes; public interface ShoesLine { public void make(); } ``` 2、定义几个类实现接口 点击查看代码 ``` package com.bh.shoes; public c ......
工厂 案例 模式 代码

java反射代码案例

反射案例代码 点击查看代码 ``` package com.bh.zoo; public class Wolf extends Animal{ public String name; public String color; protected String blood; private int a ......
案例 代码 java

scrapy:CrawlSpider及其案例

# 1. CrawSpider介绍 ![image-20230525163921435](http://pic.irun2u.top/image-20230525163921435.png%3Ewatermark) 运行原理: ![image-20230525163958211](http://pi ......
CrawlSpider 案例 scrapy

scrapy:电影天堂案例

> 嵌套数据封装成一个item(一个item包含多级页面的数据):每条记录的名称+点进去之后第二页中的图片 ![image-20230525150658615](http://pic.irun2u.top/image-20230525150658615.png%3Ewatermark) ![imag ......
案例 天堂 scrapy 电影

Html5定位不准确问题

if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getPosition,getPositionError, { // 指示浏览器获取高精度的位置,默认为false enableHighAccuracy: tr ......
问题 Html5 Html

支持复制粘贴word公式的HTML编辑器

​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。 其原理为一下步骤: 监听粘贴事件;【用于插入图片】 获取光标位置;【记录图片 ......
编辑器 公式 word HTML

用css给坤坤增打篮球加一些灵动效果(ikun忠实粉丝 👻)

![ikun演示](https://lwlblog.gitee.io/img/blog/ikun.gif) 首先我们拿出珍藏已久的ikun背景图,没有的下载下来,也可以到网上找一个类似的 ![ikun.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1f ......
粉丝 效果 篮球 128123 ikun

.vue文件中引入单独的css文件

## 问题描述 单页面应用中一般把样式文件写在.vue文件中,如下: ``` ``` ......
文件 vue css

现代 CSS 解决方案:CSS 原生支持的三角函数

在 CSS 中,存在许多数学函数,这些函数能够通过简单的计算操作来生成某些属性值,例如 : * calc():用于计算任意长度、百分比或数值型数据,并将其作为 CSS 属性值。 * min() 和 max():用于比较一组数值中的最大值或最小值,也可以与任意长度、百分比或数值型数据一同使用。 * c ......
函数 CSS 解决方案 方案

VSCode的Minify自动压缩html css js插件

VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
插件 VSCode Minify html css

vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径

一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install,安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种:两种方法都是修改如下部分 (一):相对路径 ......
文件 自动生成 路径 css vscode

css字体复合

body { font: font-style font-wight font-size/line-height font-family; } body { font: italic 700 16px 'Microsoft yahei'; } ......
字体 css

05-Vue小案例——购物车

## 效果图 ![image-20230525000044196](https://img2023.cnblogs.com/blog/2600375/202305/2600375-20230525000117849-312381587.png) ## 主要代码 index.html ```html ......
购物车 案例 Vue 05

案例3 测试小工具平台

# 案例3 测试小工具平台 ## 需求 > 假如你们公司Web平台,在测试过程中总有一些高频的操作,需要通过数据库操作、或者多个步骤组合(比较麻烦)来操作,如构造订单、发放优惠券、权限审批等。 > 你针对这些需求开发了不同的自动化流程脚本,需要一个界面提供给团队使用。 ## 提示 需要的能力 * H ......
案例 工具 平台

中国红 实验六 软件开发案例(2)补充作业

# 实验六:软件项目 案例分析(2)补充作业 | 项目 | 内容 | | | | | 班级博客链接 | [2023春软件工程2020级计算机科学与技术](https://edu.cnblogs.com/campus/xbsf/2020CSSE) | | 本次作业要求链接 | [实验六:软件开发案例( ......
软件开发 案例 软件

202308-啊对对队 实验六:软件开发案例(2)补充作业

项目|内容| --|--| 班级博客链接|[2023春软件工程2020级计算机科学与技术](https://edu.cnblogs.com/campus/xbsf/2020CSSE) 本次作业要求链接|[实验六:软件开发案例(2)补充作业](https://edu.cnblogs.com/campu ......
软件开发 案例 202308 软件

什么是快乐星球组 实验六 软件开发案例(2)补充作业

| 项目 | 内容 | | | | | 课程班级博客链接 | [2020级计算机科学与技术](https://edu.cnblogs.com/campus/xbsf/2020CSSE)| | 本次作业要求链接 | [实验六 软件开发案例(2)补充作业](https://edu.cnblogs.com ......
星球 软件开发 案例 软件

hello-world7843 实验六 软件开发案例(2)补充作业

|项目 | 内容| | | | | 课程班级博客链接 | [2023年春软件工程(2020级计算机科学与技术)](https://edu.cnblogs.com/campus/xbsf/2020CSSE) | | 这个作业要求链接 | [实验六 软件开发案例(2)补充作业](https://edu. ......
hello-world 软件开发 案例 hello world

Cesium开发案例整理

>weigis近几年越来越被人们所关注,但是二三维开发难度也比普通web要高出许多,不管我们是在在开发或者是学习过程中,往往需要耗费大量的时间去查阅资料,和研究官方案例, >而大多二三维的包(openlayersjs,cesiumjs、threejs)都是外国的,如果英语水平好还行,否则读起来正是连 ......
案例 Cesium

202306-人民当家作组 实验六 软件开发案例(2)补充作业

| 项目 | 内容 | | | | |课程班级博客链接 |[2020级卓越工程师班](https://edu.cnblogs.com/campus/xbsf/2020CSSE)| | 这个作业要求链接 |[实验六 软件开发案例(2)补充作业](https://edu.cnblogs.com/camp ......
软件开发 案例 202306 人民 软件

202303-天天向上队 实验六 软件开发案例(2)补充作业

| 项目 | 内容 | | | | |课程班级博客链接 | [2023年春软件工程](https://edu.cnblogs.com/campus/xbsf/2020CSSE/) | |这个作业要求链接|[实验六 软件开发案例2(补充作业)](https://edu.cnblogs.com/camp ......
软件开发 案例 202303 软件

html网页中禁用右键下载视频的解决方法(iframe和video)

html网页中禁用右键下载视频的解决方法(iframe和video) 前言: vidoe组件——禁用下载功能 有些官网上的视频是不允许下载的,为了防止视频被盗或者从事违法的活动。 因此我们在官网等敏感网站中使用video组件的时候,需要视频的禁用下载功能;在使用video组件来播放视频时,视频上会有 ......
网页 方法 iframe video 视频

202309-发际线与你作队 实验六 软件开发案例(2)补充作业

| 项目 | 内容 | | | | | 课程班级博客链接 | [2020卓越工程师班](https://edu.cnblogs.com/campus/xbsf/2020CSSE) | | 这个作业要求链接 | [实验六 软件开发案例(2)补充作业](https://edu.cnblogs.com/c ......
发际 软件开发 案例 202309 软件

html+css实现的计算机科学学院首页静态页面

家人们啊,我真是出息了 终于不是我仿写的了,是我真正意义上完全由自己编写的一个静态页面,总算是看起来比较可以了 主要是在仿写的时候,感觉博主写的实在是太乱了又很复杂,不如自己编写一下简单,就简单试了一下 经过了大概一个星期,总算是写出来了 主要是一个西南石油大学计算机学院的页面,很简单,更多的是类似 ......
科学学院 静态 页面 计算机 科学

[HTML 5] Detect visualViewport change

On mobile device, when you open / close the keyboard, zoom in / out, it might affect the visual viewport view (the actual page content); to detect cha ......
visualViewport Detect change HTML

HTML与CSS综合设计报告

【项目描述】 最近来自国产的独立像素游戏《风来之国》发售,借此做一个相关的游戏介绍网页来介绍这款游戏,并收集感兴趣玩家的信息反馈,以此改进游戏,吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
报告 HTML CSS

html屏蔽右键、禁止复制与禁止查看源代码的几种方法

方法一:左右键屏蔽 先来一种最简单的方法,它直接在body属性定义了oncontextmenu,使得右键的值为false,起到了屏蔽右键的效果。 1 <body oncontextmenu=self.event.returnValue=false> 这个方式虽然屏蔽掉了右键的功能,但是左键还可以使用 ......
源代码 方法 html

html积累

html5中的积累: details与summary标签: // 解释:定义一个可见标题,点击“标题”会显示“详细信息”// 兼容:目前仅Chrome, Safari 8+ 和Opera 26+支持此标签<details> <summary> 标题 </summary> 详细信息 </details ......
html

CSS基础-文字样式

文字是网页展示的重要内容之一,所以对文字的修饰也是CSS重点关注的一部分, CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式,如: red(红)、black(黑)、orange(橙色)等。 ```js ......
样式 文字 基础 CSS