前端
文章平均质量分 58
鲸鱼姐
这个作者很懒,什么都没留下…
展开
-
vue知识点
一. Vue页面跳转,第二次靳组件不刷新1.背景:从采购合同界面进入新增采购合同界面,新增后返回采购合同界面,界面内容未出现新增的合同。2.原因:vue组件和组件间使用router跳转的时候,除了首次实例化会加载数据,第二次进组件的时候,是不会再次实例化组件的,也就是调用的缓存,不能实时刷新组件3.解决办法:增加 activated()方法,进行刷新4.知识点:created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也.原创 2021-09-28 09:54:56 · 88 阅读 · 0 评论 -
移动端字体失效问题
1. 问题:开发的网页是华文行楷,在电脑端显示正确,在移动端显示失效。2.原因我们在一起看看三大主流系统他们字体到底支持哪些呢?ios 系统默认中文字体是Heiti SC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android 系统默认中文字体是Droidsansfallback默认英文和数字字体是Droid Sans无微软雅黑字体winphone 系统默认中文字体是De...原创 2021-03-10 16:54:55 · 2005 阅读 · 2 评论 -
bootstrap实战(五)- 按钮动画和图片并列居中显示
技术要点:1. 按钮变化由圆角变成直角border-radius:0px; 边框加粗 {border:1pxsolid#3cbfb8}; 背景透明 background:transparent;按钮内文字颜色:color:#40d2b1;2.按钮动画transition: all 0.3s;变换后的效果:.course3 .btn:hover...原创 2019-11-19 14:37:53 · 735 阅读 · 0 评论 -
bootstrap实战(四)- 图标显示及样式改变
技术要点:1. 图标的增加<spanclass="glyphiconglyphicon-grain">,同时需要bootstrap的fonts文件2.图标样式的改变,增加圆形边框,绿色背景,图标内容居中.tubiao-icon{ background:rgb(64,210,177); color:#fff; border-radius: 50%;...原创 2019-11-16 16:43:56 · 1669 阅读 · 0 评论 -
bootstrap实战(三)- 并列显示三图,图片随浏览器缩放
技术要点:1. 并列使用col-md-4,例如<divclass="col-md-4">2.图片缩放使用class="img-responsive",例如 <imgsrc="image/bbs2.png"class="img-responsive"alt="">3.取消链接下划线#bbsa{text-decoration:none;}4...原创 2019-11-15 16:57:07 · 3708 阅读 · 0 评论 -
bootstrap实战(一)-导航栏(电脑端+手机端)
一导航栏效果电脑端效果:手机端效果:参考网址:https://v3.bootcss.com/components/#nav二 html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi...原创 2019-11-11 19:57:52 · 3494 阅读 · 1 评论 -
bootstrap之按钮大小+图片大小调整
一 效果如下技术要点:1. 按钮通过font-size调整大小,2. img通过width调整大小 img{ width:200px;height:200px;}二 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...原创 2019-11-03 11:31:10 · 10493 阅读 · 0 评论 -
bootstrap之背景图片+文字2
一 .效果如下技术要点:1.背景图片拉伸 background-repeat: no-repeat; background-size: cover;2.文字居中text-align: center;二 html代码<!DOCTYPE html><html lang="en"><head> <meta charse...原创 2019-11-03 11:23:30 · 3746 阅读 · 0 评论 -
bootstrap之鼠标滑动显示文字+三个图并列
一.效果正常显示如下:当鼠标滑动到图片,显示如下:二 html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...原创 2019-11-03 10:55:04 · 1560 阅读 · 0 评论 -
bootstrap之背景图+文字
本例采用VScode开发前端页面,主要使用bootstrap技术技术点:1. 背景图拉伸使用background-size: cover;页面效果如下:1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...原创 2019-11-01 11:16:14 · 9608 阅读 · 0 评论 -
boostrap- 解决<li><a>电脑端菜单中单击一次,手机端单击两次响应(oclick和touchstart)
现象:电脑端单击一次,手机端单击两次响应原因:电脑端oclick事件 手机端用touchstart事件,两种触发方式不一样解决办法:添加oclick和touchstart事件,并使用e.preventDefault()阻止其他点击;$(document).ready(function() { $('a').on('click', function(e) { ...原创 2019-08-14 16:55:06 · 446 阅读 · 0 评论 -
boostrap —后台设置Cookie值,前台进行获取,解决中文乱码(转)
1.后台设置cookie注意事项:1.中文的存在,需要进行utf-8的编码,之后再进行解码即可,避免乱码。设置好cookie的保存时间cookie.setMaxAge(60 * 60 * 24);@RequestMapping("login") public String goto_login(HttpServletResponse response, HttpSession s...转载 2019-08-06 23:27:13 · 502 阅读 · 0 评论 -
前台技术--window.open浏览器兼容问题——支持Chrome,不支持IE
代码如如下://编辑权限菜单 function editMenuTree(){ myWindow=window.open('/addMenu1','新增菜单','width=500,height=500'); myWindow.focus(); }在非IE浏览器,打开如下:在IE浏览器模式下,显示如下:...原创 2019-07-23 15:31:56 · 1846 阅读 · 0 评论 -
bootstrp 垂直居中——div居中+模拟表格法display:table
<!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS 网页布局 - 菜鸟教程(runoob.com)</title><meta name="viewport" content="width=device-width, initial-scale...原创 2019-08-04 21:26:41 · 453 阅读 · 0 评论 -
bootstrap-出现模态对话框,不出现遮罩层
问题:出现模态对话框,不出现遮罩层,源代码如下:<input shiro:hasPermission="user:add" type="button" value="新增用户" id="addBtn" data-toggle="modal" data-target="#addUserModal" class="btn btn-primary" data-backdrop="false"&g...原创 2019-08-04 15:57:10 · 839 阅读 · 0 评论 -
springboot- 使用session存储用户信息,注销登录logout
技术路线:使用session存储用户信息,退出时删除用户信息1.index. html设置退出按钮 <div class="navbar-btn navbar-btn-right"> <a class="btn btn-success update-pro" href="#" title="Upgrade to Pro" data-...原创 2019-08-04 00:28:04 · 13152 阅读 · 4 评论 -
springboot- 在后台设置cookies,前台读取cookie
此方法存在问题,对于中文无法转换,哪位高手有办法,请回复下1. 在controller设置cookie在登录成功处添加如下:函数参数加上HttpServletResponse response Cookie cookie=new Cookie("name",name); response.addCookie(cookie);具体登录内容如...原创 2019-08-03 15:38:48 · 8585 阅读 · 0 评论 -
$(...).bootstrapTable is not a function
通过控制台看到报错:$(...).bootstrapTable is not a function解决办法:将jQuery.js在bootstrap框架的js之前引入就可以了<script src="/asserts/js/jquery-3.4.0.min.js"></script><script src="/asserts/js/bootstra...原创 2019-08-03 12:50:17 · 2951 阅读 · 0 评论