![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
xiaoqiu_net
学无先后,达者为师。
展开
-
网站前端优化:css sprite(Css压缩)
在web系统中,我们的每个按钮都会有图标,当我们加载页面的时候,会把这些图标一个个的请求下载过来。如图:这样http的请求很多,请求的资源多,时间长,对系统的性能有一些损耗。优化:我们只需要请求一次,就可以读取所有的按钮图标,这样减少了http请求,从而大大的提高页面的性能,也就是css Sprites.整合所有的按钮图标到一张图片上,每个页面我们只需要原创 2016-08-01 14:00:29 · 453 阅读 · 0 评论 -
Css改变checkbox的样式
一个复选框:带文字的:复选框的颜色,和对勾的颜色都是可以更改的。html代码结构:css代码: /*#region checkbox样式 */ span { position: relative; display: block; /*margin: 20px 100px;*/ } spa原创 2017-06-06 13:14:35 · 12858 阅读 · 0 评论 -
Css改变radio样式
结构: 红色css:.c_radio { height: 35px; line-height: 35px;}.c_radio > input { display: none;}.c_radio label { vertical-align: middle; line-height: 20px; disp原创 2017-06-15 13:39:02 · 4944 阅读 · 0 评论 -
textarea根据内容自动增加高度
js处理: function autoTextAreaHeight(o) { o.style.height = o.scrollTop + o.scrollHeight + "px"; } $(function () { var ele = document.getElementById("symptomTxt"); aut原创 2017-07-20 22:55:08 · 16438 阅读 · 2 评论 -
umeditor简洁富文本使用
一:引入umeditor对应的类库 二:创建对应的编辑器html区域,进行初始化设置等 UM.delEditor("headerTitleTip"); var editor = UM.getEditor('headerTitleTip', { initialFrameWidth: '100%', ini原创 2017-08-07 17:46:44 · 1874 阅读 · 1 评论 -
layer弹层遮罩挡住窗体解决
使用代码: 这里面某个按钮触发弹层 如果上面的按钮触发了弹层 layer.open 且content是某个DOM元素content:$('#dialog')那么这里弹出层,遮罩会遮住到弹窗导致操作不了。官网给出的说法是 如果弹层的内容content是某个DOM元素的话,要放在body的根节点下。不能放在div里面了。我看了html代码原创 2017-12-13 21:36:42 · 29365 阅读 · 11 评论 -
跨域:The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed
使用Ajax跨域请求资源,Nginx作为代理,出现:The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed 错误。服务端允许跨域配置: #region 设置允许跨域,允许复杂请求 HttpContext原创 2018-01-17 10:29:08 · 118824 阅读 · 11 评论 -
文本框oninput事件,在中文输入法状态多次触发
如图,在中文输入法状态中,还在检索拼音,这时事件就会触发,这不是我们想要的,xiaoqiu x,xi,xia,xiao....都会触发,这样频繁的请求会给接口造成挺大压力的。我们可以使用js里面防抖动的方式或DOM3的复合事件来解决此问题。回顾一下onchange和input事件: oninput事件在<input>或<textarea>元素的值发生改变时触发 o...原创 2018-04-11 11:16:21 · 22802 阅读 · 4 评论 -
Css让容器内多个元素垂直居中
通常我们让容器内的元素垂直居中,方法是给容器一个高度,然后设置line-height为容器的高度,这样就垂直居中了。容器内如果有多个元素,这样就不行了,line-height会把第一个元素后面的元素给挤的看不见了。这里的方法是,将父容器转换为table:display:table;width:100%;再所有子元素中再包裹一层容器,转成table的td,设置默认高度,再原创 2017-05-24 08:43:56 · 3487 阅读 · 1 评论 -
页面遮罩效果
效果:遮罩效果,就是把页面给遮挡了,让用户无法再点击页面的元素。原理就是 弄一个遮罩层,在所有元素的最上方,让这个元素铺满屏幕,所以点击实际是点击的这个元素。利用绝对定位,使元素脱离文档流,z-index属性设置其浮动层的位置,要做这个一个对话框,假设遮罩的z-index是100,那么这个对话框div块的z-index就是101,在它上方了.css样式:.mask {原创 2016-11-14 14:29:13 · 1689 阅读 · 0 评论 -
EasyUI_Combobox输入文本匹配加载下拉框数据
效果如图:每次输入数据去匹配数据库数据,加载到下拉框中。边输入边加载,通常我们想到的就是文本框的onChange事件,不过这里用onchange,可以实现,但bug就太多了。每次点击文本框,就会触发datagrid的行单击事件,且每次输入保存后也会触发该事件,处理的东西很多。改进,我用了loader属性。 valueField: 'id', textFie原创 2016-08-01 22:08:05 · 7962 阅读 · 4 评论 -
HTML5技术要点
HTML5的技术组成:离线功能HTML5透过JavaScript提供了数种不同的离线储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。WebStorage – 比Cookies更大、更有弹性的的储存Web SQL Database – 本地端的SQL资料库Indexed DB – Key-value的本地资料库Application C转载 2016-08-10 11:47:02 · 401 阅读 · 0 评论 -
html5 web客户端数据存储
html5特性-web存储,提供了两种在客户端存储数据的方式,很灵活.web storage|--sessionStorage:数据在同一个会话中可以访问并且会话结束后数据也随之销毁。会话级别存储|--localStorage:用于数据本地持久化存储,除非主动删除数据,否则不会过期。比cookie使用更灵活,效率也高,键值对存储。他们都具有相同的方法,如setItem,getI原创 2016-08-10 14:57:17 · 494 阅读 · 0 评论 -
jQuery防止动画重复执行
div { position: absolute; right: 0px; background-color: #abc; width: 90px; height: 90px; margin: 5px; display: none;原创 2016-09-18 09:33:01 · 3731 阅读 · 0 评论 -
jQuery的$.fn和$.extend
$.fn是指jQuery的命名空间,加上fn上的方法及属性,会对每一个jQuery实例有效。如扩展了$.fn.test = function(){} 则是对jQuery扩展了一个test方法。那么每个jQuery实例都可以引用这个方法。$.fn.test=function(){ console.info($(this));}$("#div1").test();原创 2016-11-03 16:41:29 · 361 阅读 · 0 评论 -
jQuery操作DOM节点(一)
浏览器中 什么是BOM?是什么DOM?BOM:Browser Object Model 浏览器对象模型,提供一些对浏览器的操作的对象,比如:window对象,window.open,alert....DOM: Document Object Model 文档对象模型,HTML页面看作一个文档,文档中的每个标签元素都看作一个对象(DOM节点),每个DOM节点有一定的关系(父子、兄弟)。形原创 2016-11-04 09:52:54 · 899 阅读 · 0 评论 -
iframe高度设置100%了,并且设置了无滚动条属性,还是出现滚动条
原因:iframe标签和img标签类似,是inline-block标签。高度写百分比继承的是父层的宽度。解决办法一般有两种方案:一种是改变父级样式,如font-size: 0; 或者line-height: 0; 另一路是改变inline-block自身样式,如display: block 或者vertical-align: middle。原创 2016-09-28 09:27:08 · 4804 阅读 · 0 评论 -
HTTP基础
HTTP协议是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。在Internet上的Web服务器上存放的都是超文本信息,客户机需要通过HTTP协议传输所要访问的超文本信息。HTTP包含命令和传输信息,不仅可用于Web访问,也可以用于其他因特网/内联网应用系统之间的通信,从而实现各类应用资源超媒体访问的集成。我们在浏览器的地址栏里输入的网站地址叫做URL (Uniform Resour原创 2016-11-09 13:29:50 · 246 阅读 · 0 评论 -
web中切换详情信息和编辑功能
在web应用中,我们经常会查看某个数据详情,并且能编辑它,在同一个页面同一个区域中,不用再弹窗,具体描述可能不太清楚,请看效果图,这是之前做的一个商品的详情和编辑,现在记录一下:数据的绑定我是使用vue.js绑定的,比较方便,贴部分代码,其他类似: <td class="cyan">Sku编码</td> <td> <sp...原创 2018-07-13 09:55:55 · 1136 阅读 · 1 评论