- 博客(26)
- 收藏
- 关注
RSS订阅原创 java中‘\r‘回车符的使用
回车符'\r'的使用——\r在java中是回车符的意思，将光标切换到当前行的开头（1）回车符'\r'后面没有内容 System.out.println("abcdef\r"); // abcdef System.out.println("abcdef\r\r\r"); // abcdef System.out.println("abcdef\r\r\r\r\r\r\r\r\r\r\r\r\r"); // abcdef (2) 回车符'\r'后面有内容 ...
2022-04-14 15:35:23
5940
6
原创 java中 ‘\b‘ 回退符的使用
退格符 \b\b是退格符的意思，将光标回退一个字符的位置，可以结合空白字符使用达到类似删除的效果1.回退符'\b'后面没有内容 的情况原样输出// 回退符\b后面，没有内容，则原样输出System.out.println("x\b"); // x 回退符后面没有内容，则原样输出xSystem.out.println("xyzbbb\b\b"); // xyzbbb 回退符后面没有内容，则原样输出xyzbbb System.out.println("xyz\b\b\b"); /
2022-04-14 15:18:02
5014
5
原创 前端性能优化——如何提高页面加载速度？
1.将样式表放在头部首先说明一下，将样式表放在头部对于实际页面加载的时间并不能造成太大影响，但是这会减少页面首屏出现的时间，使页面内容逐步呈现，改善用户体验，防止“白屏”。我们总是希望页面能够尽快显示内容，为用户提供可视化的回馈，这对网速慢的用户来说是很重要的。将样式表放在文档底部会阻止浏览器中的内容逐步出现。为了避免当样式变化时重绘页面元素，浏览器会阻塞内容逐步呈现，造成“白屏”。这源自浏览器的行为：如果样式表仍在加载，构建呈现树就是一种浪费，因为所有样式表加载解析完毕之前务虚会之任何东西
2022-01-11 20:27:41
5527
原创 清除浏览器缓存和版本控制——js,css添加时间戳
页面引入js和css文件时，在最后加上时间戳1.手动添加时间戳<link rel="stylesheet" href="../css/news.css?v=202201060936"><script src="../js/wechat.js?v=202201060936"></script>为了强制更新文件，取消浏览器缓存，防止代码修改和页面效果不同步2.动态添加时间戳<link rel="stylesheet" href="~/XXX.c
2022-01-11 20:03:10
1328
1
原创 html浏览器内核及兼容性
国内的主流浏览器都是双核浏览器：基于Webkit的内核用于常用网站的高速浏览，基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。以360浏览器为例，优先通过Webkit内核渲染主流网站，只有少量的网站通过IE内核渲染，以保证页面兼容性。出现一个控制手段——“内核控制标签”，只要你在自己的网站里增加一个meta标签，告诉360浏览器这个网站应该用哪个内核渲染，那么360浏览器就会在读取到这个标签后，立即切换对应的内核，并将这个行为应用于这个...
2022-01-11 19:39:49
1098
原创 electron打包成exe的方法
Electron 是由 Github开发的开源框架，它允许开发者使用Web技术构建跨平台的桌面应用。electron是通过将Chromium和Node.js合并到同一个运行时环境中，用html，css，JavaScript来构建跨平台桌面应用的一个开源库，并将其打包为Mac，Windows和linux系统下的应用来实现这一目的。Electron = Chromium + Node.js + Native APIChromium : 为Electron提供了强大的UI能力，可以不考虑...
2022-01-11 18:46:23
18449
1
原创 https 页面中引入 http 资源的方式
https引入http要根据具体情况分析，但是解决问题的前提是要先了解二者概念和区别，以及找问题出在哪里。不同项目有不同配置，不一定每次遇到同样的问题，都能用同样的办法解决，但是可以从以往遇到的情况和解决问题的方法进行分析，下面是我遇到https 页面中引入 http 资源遇到问题并解决的总结和分析。一、HTTP和HTTPS的基本概念 超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果...
2022-01-11 17:02:16
16189
2
原创 移动端导航栏一行显示可左右滑动，去掉滑动滚动条
1.css<style> /*去掉移动端tab栏的滚动条 start*/ .nav-wrap::-webkit-scrollbar { display: none; } /*去掉移动端tab栏的滚动条 end*/ .nav-height { position: relative; height:...
2021-11-10 18:24:21
1197
原创 jquery鼠标经过显示二维码
效果图：1.css<style> /* 顶部增加扫码start */ .item-l, .item-r { color: #666; text-decoration: none; position: relative; margin-left: 10px; margin-top: 3px; .
2021-11-10 17:59:07
1059
原创 jquery移动端折叠导航栏+pc响应式导航栏
效果图：1.html<nav class="header-menu navbar navbar-expand-lg navbar-light"> <a class="bar-menu-img" href="/"><img src="" alt=""></a> <!-- 菜单 --> <div class="drawer-box pc-menu-box"> .
2021-11-10 17:31:02
1743
原创 常用文字阴影和盒子阴影效果汇总
一、盒子阴影-----box-shadow1.box-shadow:2px2px2px2pxrgba(0,0,0,.3);2.box-shadow:0px8px16px0pxrgba(0,0,0,0.2);3. box-shadow:10px 14px 32px -2pxrgba(0, 0, 0, 0.2);二、文字阴影------text-shadow1.text-shadow: 2px 2px 4px #000000;2...
2021-10-27 11:31:00
1184
原创 不用框架的响应式布局案例
效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
2021-10-27 11:06:59
251
原创 css下拉菜单汇总案例
1.基础的下拉菜单将鼠标移到元素上时出现的下拉框。效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
2021-10-27 10:56:06
497
原创 点击图片显示图片放大的弹窗
1.给需要放大的图片标签上加个类 比如class="pimg"同时，写需要弹出的盒子以及需要显示的内容，达到模态框的作用。代码如下：<div> <img src="img/logo.png" alt="" class="pimg"></div> <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:99999;w..
2021-09-28 19:35:13
1381
原创 解决后台系统当鼠标滚动时，右侧内容左右晃动
一般和右侧模块的高度左侧模块和右侧模块之间的边距有关在鼠标滚动时，边距发生了变化，导致右侧内容位移，我使用的是下面方法解决的1.给右侧盒子一个最小高度或者给一个高度范围min-height: 1020px;2.鼠标滚动时，给body里的主要盒子一个边距范围，根据具体情况调整边距padding-left: calc(300px + 45px);...
2021-09-26 14:30:14
295
原创 footer吸底
body,html { width: 100%; height: 100%;}/* body中的主要内容wrap */.wrap { /*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制*/ box-sizing: border-box; min-height: 100%; /*解决footer吸底但是内容被遮住问题*/ padding-bottom: 60px;}.footer { position: relat.
2021-09-26 14:08:53
266
原创 用php写if和三元表达式——有数据时显示数据，没数据时不显示或者显示指定内容
当有改数据时，显示文字，没内容则不显示。使用If条件，php直接写在html中的写法如下：<?php if($model->is_top){ ?><span>置顶</span><?php } ?><!--简介有内容显示，没内容不显示--><?php if ($model->content): ?> 简介：<?= $model->content ?><?php endif; ?
2021-09-26 13:53:17
815
原创 命令行和vscode提交代码
一、命令行提交代码步骤(1) git add .(2) git commit -m"需要提交的内容命名"(3)git pull(4) git push拉代码的话执行到第三步就可以推送代码则执行这四步二、vscode提交代码步骤（1）点击省略号，选择“拉取”（2）点击省略号，选择“推送”vscode可直接拉取和推送代码，则不需要执行这些命令，不过建议也学会命令行提交代码，因为有时候开发工具提交代码时，代码冲突的话不能自动解决就会提交不了...
2021-09-06 00:28:18
1991
原创 jquery点击导航栏一级菜单后直接进入默认页面
/** * 导航栏菜单，点击一级菜单后直接进入默认页面 */ $('.menu_list').on('click', function() { if ($(this).hasClass('dropdown')) { window.location.href = $(this).attr('href'); } });$(this).attr('href');表示当前点击的菜单项的href属性值window...
2021-09-06 00:16:22
465
原创 css+jq鼠标经过显示下拉框
一、鼠标经过显示下拉框html如下：<div class="header_navbar_menu" > <a href="javascript:void(0)" class="link_us" id="contact"> <i class="icon-phone"></i> 联系我们 <i class="icon-triang
2021-09-06 00:06:31
801
原创 css3鼠标经过显示图片
<div class="menu" > <div class="order"> <a href="#" class="item-l iconfont"> <?= Html::img($this->theme->getAssetUrl('images/icon.png')) ?> </a> <span class="tips ta-..
2021-09-05 23:50:39
423
原创 css制作提示小图标（内容撑开盒子）
一、内容撑开盒子：不设置盒子宽度，给盒子设置左右内边距撑开盒子(padding: 0 10px;)注意行内元素不能设置长宽，需要先将其转换为行内块元素或者块级元素（display: inline-block;） display: inline-block; padding: 0 10px; height: 20px;二、用于提示的小图标可用定位，设置位偏移，实现想要的效果.card .tag { display: inline-block; padd
2021-09-05 23:33:33
1315
1
原创 css3内容超过两行隐藏，并用省略号显示
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; 一行显示 -webkit-line-clamp: 1;两行显示 -webkit-line-clamp: 2;超过行数的内容隐藏overflow: hidden;
2021-09-05 23:16:20
380
原创 用php新增标签和嵌套标签的方法
一、div里包含a标签和p标签 $a = Html::a($model->title, Url::to(['/news/view', 'id' => $model->id]), ['class' => 'item']); $p = Html::tag('p', date("Y-m-d", $model->publish_at));$div = Html::tag('div', $a . $p, ['class' => 'media']);具体应用场所
2021-09-05 22:15:33
516
原创 用php实现a标签与其他标签结合使用实现跳转
一、点击图片实现跳转$img=Html::a(Html::img(ImageHelper::src($model->cover)),Url::to(['/default/view','id'=>$model->id])); $aImg = Html::a(Html::img(\grazio\image\helpers\ImageHelper::src($model->image), ['class' => 'mr-3 news-img', 'width...
2021-09-05 21:50:49
555
原创 用php写a标签跳转指定页面
html后紧跟标签名a，参数一是标签内容，参数二url::to([''])写需要跳转的地址，也可增加参数<?=Html::a('修改',Url::to(['change']))?>$a=Html::a('跳转详情',Url::to(['/default/view','id'=>$model->id]));与应用场景结合使用$a='';if($model->show_link){...
2021-09-05 21:28:05
1081
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人