全局 布局 浏览器 页面
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
谷歌浏览器中使用vue调试工具
1、下载调试工具下载地址：Vue Devtools_6.1.4_chrome 2、解压下载的压缩文件： 3、打开chrome浏览器，进入chrome://extensions/ 将已经解压的文件拖入扩展程序中： 4、看到下面表示成功： 5、使用项目运行命令npm run serve,开始启动项目： ......
对于两个html页面之间无法实现跳转，但是单独出现却可以的问题的解决
问题描述 不知道为什么，我的两个html页面之间无法实现跳转，但是单独打出来就是可以，上网查了查相关的解决方法 问题解决 在a标签里面，加上一个target属性，命名为-blank，然后就可以实现正常跳转啦！ ......
媒体查询、视口viewport和meta标签、flex布局
什么是响应式Web 设计 早年设计 Web 时，页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕，那么结果从多余的滚动条，到过长的行和没有被合理利用的空间，不一而足。随着人们使用的屏幕尺寸的种类越来越多，出现了响应式网页设计的概念（responsive we ......
鸿蒙开发学习笔记-UIAbility-Router页面跳转接口源码分析
在鸿蒙开发中，UIAbility的跳转使用 router 方法. 在使用的时候需导入 import router from '@ohos.router'; 该方法接口成员如下： 1.interface RouterOptions interface RouterOptions { url: stri ......
2·1浏览器背后的故事、2·2HTTP协议的前世今生、2·3透过TCPIP看HTTP、2·4DNS域名解析、2·5回溯TTP事务处理过程
浏览器背后的故事 Http ·超文本传输协议(HTTP)是一种通信协议它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器 ·HTTP是一个属于应用层的面向对象的协议由于其简捷快速的方式,适用于分布式超媒体信息系统 它于1990年提出经过几年的使用与发展得到不断地完善和扩展 We ......
浏览器背后的故事&HTTP的前世今生
浏览器背后的故事 HTTP： 超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传送到客户端的浏览器 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统，它于1990年提出，经过几年的使用与发展，得到不断地完善和扩 ......
h5移动端应用实现类似原生页面切换效果
1.原理 将vue-router中的跳转方法重写并监听，根据不同的跳转类型加载不同的过渡动画。 2.实现 创建router-helper.js文件 export const DirectionType = { // 进入动画 In: 'in ', // 退出动画 Out: 'out ', /** 不 ......
Terraform 系列-Terraform 项目的典型文件布局
系列文章 👉 Terraform 系列文章 典型文件布局 - modules/ - services/ - webserver-cluster/ - examples/ - main.tf - outputs.tf - vars.tf - user-data.sh - README.md - [ ......
Linux终端居然也可以做文件浏览器？
大家好，我是良许。 在抖音上做直播已经整整 5 个月了，我很自豪我一路坚持到了现在【笑脸】 最近我在做直播的时候，也开始学习鱼皮大佬，直播写代码。当然我不懂 Java 后端，因此就写写自己擅长的 Shell 脚本。 但是，由于我是在 Linux 终端上写代码，没办法向观众朋友们展示一些图片或者 PD ......
SpringBoot的视图页面与控制器
1、SpringBoot 对视图页面的支持 SpringBoot对页面的支持有两种方式： （1）使用SpringBoot自带的模板引擎，如Thymeleaf、FreeMarker、JSP等； （2）前后端分离：这种方式前端开发和后端开发完全分离,可以由前后端两个团队分开同步开发，只需要协商好接口就行 ......
vue页面加全屏背景/背景平铺
<div id="building"></div> <style> #building{ background:url(""); width:100%; height:100%; position:fixed; background-size:100% 100%; transform:transla ......
电影票选座HTML页面
以下是一个简单的电影票选座的HTML页面示例： <!DOCTYPE html> <html> <head> <title>电影票选座</title> <style> /* 样式表 */ .seat { background-color: green; color: white; padding: 1 ......
获取浏览器窗口尺寸及监听浏览器变化
原JS获取：窗口可视高度：window.innerWidth窗口可视宽度：window.innerHeight 窗口文档高度：document.body.clientWidth窗口文档宽度： document.body.clientHeightJQuery获取：窗口可视高度：$(window).he ......
谷歌浏览器安装--Dependency issue installing google-chrome-stable through Ubuntu docker
1.ubuntu安装谷歌浏览器找不到安装包libu2f-udev，记录一下解决办法 Creating a dummy package which provides libu2f-udev fixes the issue. I followed below steps for Ubuntu 16.04 ......
解决videojs 在Chrome浏览器下报：A network error caused the media download to fail part-way.
记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug，错误提示如下:A network error caused the media download to fail part-way.经过一下午的折腾查找，终于在GitHub上看到他们官方的一个解决方案，这个方案目 ......
谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档，可离线部署！
谷歌Chrome经过开发团队不断优化，凭借运行界面简单，打开速度最快及扩展插件众多，Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜，由于微软Office不是开源程序，所以Chrome一直无法直接打开微软Office文档。 虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控 ......
google chrome 浏览器 禁用 禁止 自动更新
因为使用python做爬虫时，会常用到Selenium+chormedriver来控制浏览器。 但chormedriver和本地Chorme版本有版本依赖关系，每次本地chrome一升级，就导致要下载配套版本的chormedriver。在chorme中还找不到停止更新的选项。 解决方案： 在C盘中把 ......
主页中有img图片标签&主页跳转到登录页面
主页中有img图片标签 准备1.jpg的图片 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>主页</title> </head> <body> <h1>主页</h1> <hr> <im ......
nginx启动成功,页面还是无法访问?
问题如下图： 1.检查Nginx配置文件：nginx -t 2.每次修改配置文件都要重新加载、启动nginx -s reload # 重新载入配置文件nginx -s reopen # 重启 Nginx 3.查看nginx进程 4.查看防火墙状态（不同Linux版本防火墙不同，以CentOS Lin ......
有关wordpress文章页面出现404的问题
有关wordpress文章页面出现404的问题 修复的时候总结了一下原因： 1. 未开启apache的rewrite功能 2. .htaccess文件中的伪静态规则配置错误 3. 由于目录存在中文，编码问题导致 解决方案： 1.未开启apache的rewrite功能 ： 使用命令sudo a2enm ......
微信开发：个人页面
微信开发：个人页面 wxml： <!-- 用户列表选项 --> <scroll-view class="scbg" scroll-y='true'> <view class="parent_catainer"> <!-- 头部 --> <!-- style="background-image: ur ......
VUE中 video标签进入页面自动带声音播放
正常来说自动播放 是需要静音的 前几天看到个网页可以不静音播放 搜了下 Vue中使用也是基于静音 html 部分和平常一样 muted 在mounted 函数中重新附参数 ※ 这种方法必须有一个页面跳转的过程 即 A -> B B页面中视频自动播放 直接跳转B是不能自动播放的※ ......
全局统一异常处理
import lombok.extern.slf4j.Slf4j;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.ControllerAdvice;impo ......
线程 开启线程 开启多线程 线程类的参数和方法属性 守护线程 进程与线程的区别 GIL全局解释器锁 同步锁(互斥锁)
今日内容概要 线程，如何开启线程 如何开启多线程 线程类的参数和方法属性 守护线程 进程与线程的区别 GIL全局解释器锁 同步锁(互斥锁) 今日内容详细 线程 概要 1.怎样理解线程和进程 1.1 进程：进程是资源单位，进程相当于是车间，负责给内部的线程提供相应的资源 1.2 线程： 线程是执行单位 ......
Istio浏览
外部视角 物理角度，k8s在安装了istio之后会产生一组istiod的管理服务以及一组新的CRD，比如virtualservice/destinationrule/gateway/serviceentry等，当我们启用istioinject配置之后，pod启动时会多出一个已结束状态的istio-c ......
一个对象的内存布局是怎么样的?
「1.对象头」: 对象头又分为 「MarkWord」 和 「Class Pointer」 两部分。 「MarkWord」:包含一系列的标记位，比如轻量级锁的标记位，偏向锁标记位,gc记录信息等等。 「ClassPointer」:用来指向对象对应的 Class 对象（其对应的元数据对象）的内存地址。在 ......
一个对象的内存布局是怎么样的?
「1.对象头」: 对象头又分为 「MarkWord」 和 「Class Pointer」 两部分。 「MarkWord」:包含一系列的标记位，比如轻量级锁的标记位，偏向锁标记位,gc记录信息等等。 「ClassPointer」:用来指向对象对应的 Class 对象（其对应的元数据对象）的内存地址。在 ......