前端
关注
分享
扫一扫
茅坤宝骏氹
语言：Java、C/C++、C#、Python、Linux Shell。
框架：Spring、Spring MVC、Spring Boot、Spring Cloud、Hibernate、Mybatis、Freemarker、Velocity。
前端：HTML5、CSS3、JavaScript、Bootstrap、JQuery、Vue、React。
数据库：oracle、mysql、MongoDB、HBase。
缓存：Memcache、Redis。
消息队列：kafka。
大数据：Hadoop、Hive、Sqoop、Flume、Spark、Strom、OpenTSDB、Druid。
展开
-
8条关于Web前端性能的优化建议
转载自 8条关于Web前端性能的优化建议一般网站优化都是优化后台，如接口的响应时间、SQL优化、后台代码性能优化、服务器优化等。高并发情况下，对前端web优化也是非常重要的。下面说说几种常见的优化措施。1、HTML CSS JS位置一般需要将CSS放页面最上面，即HEAD部分，而将JS代码放页面底部。因为页面需要加载为CSS才进行渲染，而JS如果不是在页面加载之前就要执行就要放到页面最底部，以免在...转载 2018-04-25 10:47:30 · 243 阅读 · 0 评论 -
html的＜input type='radio'/＞change事件坑
一、坑复现<div><input type='radio' name='test' value='1' checked/>1<span id='test_a'>a test </span ></div><div><input type='radio' name='test' value='2'/>2&原创 2018-12-06 20:40:45 · 3817 阅读 · 0 评论 -
div中的table内容过多时不超出div的范围解决方法
转载自 div中的table内容过多时不超出div的范围解决方法问题描述： 在做界面展示时，table的内容过多，超出div的大小，看着table的边框盖过了div的边框，不美观。问题解决： 因为页面整体的布局美工都设计好了，使用公共的css文件，所以自己改的时候只能在jsp中重新定义<style type="text/css"></style&g...转载 2018-12-06 19:31:38 · 2863 阅读 · 0 评论 -
＜table/＞默认适应内容宽度造成滚动条不显示的解决方法
一、现象重现<html> <head></head> <body> <table style="width: 100%;"> <tbody> <tr> <td style="width: 50%;overflow-x:auto原创 2018-12-08 12:24:44 · 2295 阅读 · 0 评论 -
漫画：什么是快速排序？（完整版）
转载自 漫画：什么是快速排序？（完整版） 同冒泡排序一样，快速排序也属于交换排序，通过元素之间的比较和交换位置来达到排序的目的。不同的是，冒泡排序在每一轮只把一个元素冒泡到数列的一端，而快速排序在每一轮挑选一个基准元素，并让其他比它大的元素移动到数列一边，比它小的元素移动到数列的另一边，从而把数列拆解成了两个部分。...转载 2018-09-30 20:10:31 · 240 阅读 · 0 评论 -
HTTP 返回码详解
转载自 HTTP 返回码详解200 服务器成功返回网页 404 请求的网页不存在 503 服务不可用1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。100（继续）请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。2xx （成功）表示成功处理了请求的状态代码。20...转载 2018-07-03 08:23:07 · 428 阅读 · 0 评论 -
到底什么是跨域？附解决方案
转载自 到底什么是跨域？附解决方案什么是跨域要了解跨域，先要说说同源策略。同源策略是由 Netscape 公司提出的一个著名的安全策略，所有支持 JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当页面在执行一个脚本时会检查访问的资源是否同源，如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。同源策略一般又分为以下两种：DOM同源策略：禁止...转载 2018-05-26 08:40:15 · 1501 阅读 · 0 评论 -
前端面试常考系列二
转载自 前端面试常考系列二一、外部引用CSS有几种方式，有何区别外部引用CSS的方式有两种分别是link和@import。区别如下：1、link是XHTML标签，除了加载CSS外，还可以定义RSS等其它事务；@import属于CSS范畴，只能加载CSS。2、link引用CSS时，在页面载入时同时加载；@import引用CSS时，需要页面完全载入以后加载。3、link是XHTML标签，无兼容问题；@...转载 2018-05-20 09:49:40 · 231 阅读 · 0 评论 -
前端面试常考系列六
转载自 前端面试常考系列六一、为什么重置浏览器默认样式，如何重置每种浏览器都有一套默认的样式表，即user agent stylesheet，网页在没有指定的样式时，按浏览器内置的样式表来渲染。这是合理的，像word中也有一些预留样式，可以让我们的排版更美观整齐。由于不同浏览器甚至同一浏览器不同版本的默认样式是不同的，所以，为了解决出现的兼容问题，我们需要重置浏览器默认样式。重置方法a、最简单的办...转载 2018-05-20 09:54:24 · 326 阅读 · 0 评论 -
前端面试常考系列五
转载自 前端面试常考五一、DIV元素是什么DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。简单来说：就是指定渲染 HTML 的容器。二、如何居中一个元素非浮动元素居中设置 margin:0 auto 令其居...转载 2018-05-20 09:54:09 · 368 阅读 · 0 评论 -
前端面试常考系列四
转载自 前端面试常考系列四一、CSS盒子模型有哪些用处css中的盒子模型是为了理解div+css模型的定位功能，它利用盒子模型这样的布局方式代替了传统的表格布局方式。盒子模型是在学习div+css布局方式中必须要学习的一个模型，通过这个模型可以明白网页中div和div之间的相对位置是如何布局的。二、HTML5应用程序缓存和浏览器缓存有何区别应用程序缓存是HTML5 的重要特性之一，提供了离线使用...转载 2018-05-20 09:53:41 · 313 阅读 · 0 评论 -
前端面试常考系列三
转载自 前端面试常考系列三一、简述一下src与href的区别href 表示超文本引用，在 link和a 等元素上使用。src 表示来源地址，指向外部资源所在位置，在 img、script、iframe 等元素上。src 的内容，是页面的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。src用于替换当前元素，href用于在当前文档和所引用的外部资源之间建立联系。二、...转载 2018-05-20 09:50:08 · 269 阅读 · 0 评论 -
前端面试常考系列一
转载自 前端面试常考系列一一、简述HTML5的优点和缺点？优点：1、网络标准统一、HTML5是由W3C推出的。2、多设备、跨平台 ，移植性强。3、自适应网页设计。4、即时更新。5、新增了几个标签，有助于开发人员定义重要的内容； 6、给站点带来了视频和音频等多媒体元素； 7、很好的替代Flash和Silverlight；8、涉及到网站的抓取和索引时，对于SEO很友好； 9、可大量应用于移动应用程...转载 2018-05-20 09:49:07 · 272 阅读 · 0 评论 -
＜table/＞设置列宽度无效的问题
一、场景重现<html><head> <title>测试</title> <style type="text/css"> .table { table-layout: fixed; } </style></head&am原创 2018-12-10 19:50:19 · 2480 阅读 · 0 评论