HTML/CSS
八点博客(钏)
专注分享技术交流
展开
-
CSS颜色渐变
此为黑色到白色的渐变(自行改变颜色适应需求).gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-原创 2017-03-09 20:31:43 · 440 阅读 · 0 评论 -
iframe调用子页面按子页面的内容自动调整高度(同域)
<iframe src="子页" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>js里写上<script type="text/javascript"原创 2018-07-13 13:23:04 · 810 阅读 · 0 评论 -
jQuery父级以及同级元素查找
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接转载 2017-12-17 13:48:56 · 419 阅读 · 0 评论 -
onbeforeunload设置用户关闭离开页面时提醒用户保存信息
function CloseEvent() { var DispClose = true; /// TODO 是否出现提示,若不需要,将DispClose 设为false ////////////// if (DispClose) { return "提示:您尚有未保存的内容,离开本页将丢失编辑内容!"; }原创 2017-12-16 20:52:15 · 6374 阅读 · 0 评论 -
jQuery UI Autocomplete的使用
jQuery,无需多作介绍,相信各位读者都应该接触或使用过了。jQuery UI,简而言之,它是一个基于jQuery的前端UI框架。我们可以使用jQuery + jQuery UI非常简单方便地制作出界面美观、功能强大、跨浏览器兼容的前端html界面。今天,我们就来介绍jQuery UI中一个功能非常强大的部件Autocomplete。Autocomplete,是一个功能强大的自动转载 2017-12-15 22:22:39 · 425 阅读 · 0 评论 -
使用clipboard.js实现页面内容复制到剪贴板
clipboard.js是一个github上的开源项目,可以实现纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。1、访问clipboard.js项目主页——https://github.com/zenorocha/clipboard.js2、下载clipboard.min.js,并在页面中引用[html] view pla原创 2017-11-02 19:00:59 · 521 阅读 · 0 评论 -
web移动端页面性能优化方案
众所周知,在互联网行业里,移动端占有的比例越来越高了,尤其实在电商领域,用户购物大部分在移动端。比如淘宝双11,在移动端支付的接近7成。这就要求我们产品质量越来越高,那对于我们前端工程师来说也是一个挑战,如何让我们所开发的页面能有更好的体验,就是我们今天讨论的话题:移动端页面性能优化。Html5的出现对于移动端影响挺大,HTML5框架可以提升网站的访问速度,通过优化前端将响应时间加快,原创 2017-10-01 19:22:22 · 494 阅读 · 0 评论 -
js闭包判断点击的元素顺序
boxboxboxboxboxfunction inter(i){var onclick=function(e){console.log(i);}return onclick;}var box = document.querySelectorAll('.box');for(var i=0;ibox[i].onclick=inter(i原创 2017-08-27 18:26:57 · 555 阅读 · 0 评论 -
常见的浏览器端的存储技术有哪些
cookiecookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K。Flash ShareObject这种方式能能解决上面提到的cookie存储的两个弊端,而且能够跨浏览器,应该说是目前最好的本地存储方案。不过,需要在页面中插入一个Flash,当浏览器没有安装Flash原创 2017-08-27 09:56:29 · 3368 阅读 · 0 评论 -
CSS 的优先级机制[总结]
样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。一般情况下,优先级如下:(外部样式)External style sheet 有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。示例如下:head>转载 2017-08-26 22:08:34 · 426 阅读 · 0 评论 -
CSS中position属性介绍(新增sticky)
position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、inherit和sticky,这里sticky是CSS3新发布的一个属性。1、position: static static(没有定位)是position的默认值,元素处于正常的文档流中,会忽略left、top、right、bottom和z-index属性。2、position: re原创 2017-08-22 13:59:53 · 4170 阅读 · 0 评论 -
HTML语义化
1、什么是HTML语义化? <基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;用户体验:例如title、alt原创 2017-08-21 17:57:34 · 240 阅读 · 0 评论 -
discuz使用
一、基本配置。1、进入管理中心后台。2、站长-->安全中心。3、工具-->文件权限检查。4、工具-->文件校验。4、工具-->嵌入点校验。5、全局-->站点信息。6、SEO设置-->门户二、去除版权。1、找到template/default/common/header_common.htm文件将Powerd by Discuz原创 2017-02-03 16:14:29 · 712 阅读 · 0 评论 -
PHPCMS推荐位图片频道首页焦点图
1、默认推荐位为9个推荐选项,删除其中一个2、script type="text/javascript" src="{JS_PATH}jquery.min.js">script>script type="text/javascript" src="{JS_PATH}jquery.sgallery.js">script>一定要按照此种顺序来引入原创 2017-03-09 21:24:17 · 1378 阅读 · 0 评论 -
Laravel技巧集锦(26):使用select2和aiax实现下拉框选择
具体功能:用户输入字符,ajax自动去查询数据库,如果数据库中有记录,则返回结果在下拉框中;如果没有,用户Enter回车键自己创建话题。1、下载selec2.min.js、selec2.min.css并引入到项目中。<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2....原创 2019-03-23 11:02:19 · 1250 阅读 · 0 评论