前端基础
北冥友余
十年烽火扬州路,卷上珠帘总不如....
展开
-
css基础知识总结
一:对css的理解 what:cascading style sheet,是给html化妆的,是让html如何更加丰富的显示自己。 how :使用样式表有三种方式: 内联样式 内部样式 外部样式(*)—–<link rel="stylesheet" href=".css文件路径"> why :给人一种更好的视觉体现,原创 2017-07-19 11:03:34 · 484 阅读 · 0 评论 -
setInterval的函数有多个参数导致的失效问题
解决办法:用匿名函数setInterval(function(){refresh(factoryId,recorderNum,alarmRecorderHistory)},5000);原创 2017-08-17 17:27:34 · 522 阅读 · 0 评论 -
css-如何让你的元素居中?
(1)水平居中: 行内元素 text-align:center(父级元素设置文本居中),例如 块状元素 定宽:margin:0 atuo; 不定宽: 1.加一个<table>,为这个table加上margin:0 atuo; 2.改成行内元素 display:in原创 2017-07-18 22:21:09 · 468 阅读 · 0 评论 -
CSS-如何让img图片元素居中
使用margin属性就可以让img居中,前提是将img设置为block块元素 (1)代码<div style="margin:0 auto; border:2px dashed blue; overflow:auto;width: 300px;height: 200px;" > <img src="images/error.png" alt="图像正在努力加载中.." style原创 2017-08-10 18:54:22 · 2828 阅读 · 0 评论 -
CSS-overflow:auto溢出加滚动条
(1)代码<div style="margin:0 auto; border:2px dashed blue; overflow:auto;width: 800px;height: 500px;" > <img src="images/airPre1.png" alt="图像正在努力加载中.." style="display: block;margin:0 auto;border:原创 2017-08-10 19:02:48 · 1071 阅读 · 0 评论 -
(7)ajax发送put请求问题
ajax发送post请求,服务器警告: Request method ‘POST’ not supported。 为什么会就不能像发送get请求那样,舒舒服服的得到预期的效果呢?(1)下面往下看1 给出jsp页面发送ajax请求的代码$(document).on('click',"#user_update_btn",function(){ //1 验证输入的信息是否合法原创 2017-07-26 16:51:11 · 11593 阅读 · 0 评论 -
(8)ajax发送put请求的两种方式
(1)第一种:post+HiddenHttpMethodFilter 配置HiddenHttpMethodFilter过滤器<filter> <filter-name>hiddenHttpMethodFilter</filter-name> <filter-class>org.springframework.web.filter.HiddenHttpMethodFi原创 2017-07-27 01:02:45 · 10059 阅读 · 1 评论 -
多级菜单实现逻辑
(1)数据库(2)mybatis的sql语句(3)MenuServiceImpl实现类中的方法逻辑:先根据某一字段(getMenuUrl())判断当前子菜单中是否还有子菜单,如果有就获取所有子菜单,并set为当前子菜单的子菜单。public List<Menu> listAllMenu() { List<Menu> rl = this.listAllParentMenu();原创 2017-08-25 10:49:09 · 1388 阅读 · 0 评论 -
特殊字符显示问题
(1)需求:将数据库的摄氏度符号℃传到jsp页面,已被不时之需。(2)问题:不能直接将℃存进数据库,如果你这样做了,服务端是可以拿到的,但是传到前端会识别不出’°’变成’?’,你会看到’℃’会变成’?C’。(3)解决办法3.1:数据库单位框中,写上字符C3.2:jsp页面对取出来的字符进行逻辑判断u2103是℃在js中的转义编码 其他编码请看: HTML CSS JS 特殊字符表3.3 效果原创 2017-08-25 14:42:58 · 1855 阅读 · 0 评论 -
TTFB-首字节时间
定义: 指从客户端开始和服务端交互到服务端开始向客户端浏览器传输数据的时间(包括DNS、socket连接和请求响应时间),是能够反映服务端响应速度的重要指标,获取在接收到响应的首字节前花费的毫秒数。参考博客 http://www.cnblogs.com/ChandlerVer5/p/TTFB.html原创 2017-09-27 09:44:06 · 1673 阅读 · 0 评论 -
CSS-Positioning(定位)
一:position 属性指定了元素的定位类型。 position 属性的四个值: static relative fixed absolute 元素可以使用的顶部,底部,左侧和右侧属性定位。 然而,这些属性无法工作,除非是先设定position属性。 他们也有不同的工作方式,这取决于定位方法。 (1)static 定位 HTML元素的默认值,即没有定位,元素出现在正常的流中。原创 2017-08-09 21:34:04 · 462 阅读 · 0 评论 -
分页查询的具体实现
导读: 本案例主要是熟悉ajax+json这种前后端交互的模式,网页端使用ajax发送请求,服务器则返回json数据,这样做的好处,就是降低开发耦合性,真正实现跨平台开发(浏览器,ios,安卓等) (1)首先就来效果展示 数据图查询的数据,页面展示 点击页面上的新增,删除等按钮会弹出模态框 (2)实现流程 首先,保证controller里返回的是json数据@RequestMap原创 2017-07-24 17:29:42 · 3406 阅读 · 2 评论 -
(2)bootstrap的导航元素
导读: 读了官方文档之导航菜单,就有一种跃跃欲试的感觉,那么就来跟着节奏嗨嗨嗨吧。 (1)就在开始,我上一个链接,先看看官方文档怎么介绍导航的 https://www.runoob.com/bootstrap/bootstrap-navigation-elements.html 随机挑选一个来看看:两端对齐的导航<p>两端对齐的导航元素</p><ul class="nav na原创 2017-07-20 14:45:25 · 337 阅读 · 0 评论 -
(3)bootstrap的面板,折叠,按钮
导读: 我希望实现这样的功能:点击下拉图标,就会显示相应的列表。 (1)知识点一:面板 跟以前的博文一样,先给出链接,以方便学习基础: https://www.runoob.com/bootstrap/bootstrap-panels.html 下面来看看带语境色彩的面板这一栏<div class="panel panel-primary"> <div class="pan原创 2017-07-20 17:26:25 · 8176 阅读 · 0 评论 -
jsp笔记二
一:设计项目的思想?13066784230 表示逻辑用jsp处理————sun公司设计jsp的本意就是动态页面 业务逻辑用servlet处理 二:转发 1.概念:一个web组件(servlet/jsp)将为处理完的业务交给另一个web组件继续处理。 2.转发的步骤: 1)request.setAttribute(String name,Object o原创 2017-07-20 19:40:49 · 302 阅读 · 0 评论 -
jsp笔记三
一:转发与重定向的区别? 1.转发所涉及的web组件可以共享同一个request和response对象(HTTP中“一次请求,一次响应”) 2.转发的地址有限制,重定向的地址是任意的 3.转发之后,地址栏不变二:使用处理servlet类中出现的异常。 1)抛给容器处理(系统异常)网络,数据库,系统 java.lang.Number原创 2017-07-20 19:42:42 · 246 阅读 · 0 评论 -
(1)bootstrap网页布局
导读:暑假在巩固自己的前端知识,也学着使用bootstrap来实践一下项目,以此来记录下自己学习的点滴。我相信平时微小的累积,定会让我成长成参天大树,加油。 (1)要点一:bootstrap的栅格系统。介绍我就说了,看看官方文档即可,这里我给我一个我认为不错的链接> https://www.runoob.com/bootstrap/bootstrap-grid-system.html这里面的东西更原创 2017-07-20 14:04:44 · 1241 阅读 · 0 评论 -
(4)bootstrap标签页
导读: 我希望实现的功能:点击导航栏下的某一选项,在固定区域呈现我需要的页面。 如图:点击1,在右侧出现2页面 (1)所用到的技术:bootstrap的标签页 依然老样子,先给出官方文档链接 http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html(2)要点说明:【一共三步】 1.在左侧导航原创 2017-07-21 23:11:04 · 2742 阅读 · 0 评论 -
(5)bootstrap分页查询+pageHelper插件
导读: 使用分页技术,发送请求给控制器,拿到数据库数据,再传送给jsp页面显示。 (1)先给出我做的效果显示图 这里的页面设计用的是前端框架bootstrap,分页技术用的pageHelper。 (2)用boostrap的栅格系统,设计如下布局<div class="container"> <!-- 标题行 --> <div class="row"原创 2017-07-23 13:47:08 · 2693 阅读 · 2 评论 -
(9)js函数形参与实参的个数可以不同
今年别人写的jsp页面发现,调用者是传入2个参数,而被调用的参数却又三个形参,一下子懵逼了,于是就查询了一番。1.html是这样的<a href="javascript:openTab('${sub.menuName }','${sub.menuUrl}')" class="easyui-linkbutton" data-options="plain:true" style="width: 150p原创 2017-08-08 01:02:39 · 2505 阅读 · 1 评论 -
js脚本加载方式:本地加载与cdn云加速加载那个速度更快?
本地加载CDN云加载(1) 只把hifhstock.js改为CDN加载:结果:250ms大于151ms,cdn云加载速度慢,比本地加载慢100多ms(2)只把jquery-3.2.1.min.js改为CDN加载: 结果:879ms大于18ms,慢的不是一丁半点啊。下结论:本地加载方式比CDN云加载速度更快原创 2017-09-29 10:59:42 · 6075 阅读 · 5 评论