html
关注
分享
扫一扫
文章平均质量分 52
Skye Lin
话不多说，放码过来
展开
-
CSS样式表的使用
在用html5写网页的时候，结合CSS能够让页面更美观。由于只在做课程设计和实习的时候使用过，并没有系统的学习过，使得自己对于CSS的使用一直处于能用，但是容易弄混的阶段。为了弄清楚CSS样式表的使用，特地看书系统学习，现总结如下：CSS是通过选择器对不同的HTML标签进行控制，从而实现各种效果。常用的CSS选择器有标签选择器、类别选择器、id选择器。标签选择器的使用HTML网页是由很...原创 2018-07-21 13:26:50 · 12191 阅读 · 2 评论 -
div上添加遮罩层用于提示信息
实现重点：背景div设置属性position: relative;，遮罩层div设置属性position: absolute;，背景属性background，属性bottom: 0;让遮罩层div在背景div里面。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <titl...原创 2018-09-16 19:32:58 · 2614 阅读 · 0 评论 -
jQuery遍历
1.遍历祖先找到直接父元素 $("span").parent();例如：找到span标签的直接父元素<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style&原创 2018-09-17 20:32:43 · 163 阅读 · 0 评论 -
iframe父页面与子页面的交互
<iframe id="child" name="child" src="child.html"></iframe>1.父页面获取子页面的window对象var childiframeWin = document.getElementById("child").contentWindow;//通过iframe标签的id获取获取到子页面的window后，就可以原创 2018-09-18 19:01:35 · 1032 阅读 · 0 评论 -
JavaScript模板引擎实例应用
本文将举实例向大家讲解几个常用模板引擎的简单使用。模板引擎示例演示地址准备工作演示数据：blog.json结构：{ "list": [ { "title": "这是title", "url": "http://www.cnblogs.com/52fhy/p/5271447.html", ...转载 2018-09-11 10:46:03 · 193 阅读 · 0 评论 -
删除cookie
项目中遇到一个问题，之前设置的cookie，删除之后重新创建，再次获取的时候还是为空，问题重现如下：设置cookie: var date = new Date(); date.setTime(date.getTime()+60*60*1000);//有效期为1小时 $.cookie('choosetime',choosetime,{expires:date,path:'/',s...原创 2018-10-11 10:49:25 · 1526 阅读 · 0 评论 -
a标签的使用
1.被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）//在新的浏览器窗口打开链接<a href="first.html" target="_blank">首页</a>2.在项目中遇到一个问题，每次点击a标签链接的时候，在执行跳转（跳转写下js中）之前都会将当前页面刷新一次，如下<a href="" onclick=".原创 2018-10-11 12:36:35 · 617 阅读 · 0 评论 -
常用快捷键笔记
1.webstrom自动排版：Ctrl+Alt+L原创 2018-11-02 14:14:10 · 126 阅读 · 0 评论 -
layui改变laydate日历的样式
因项目需要将layui日历的样式进行了改变，主要改变如下：1.在layui日历中添加价格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <原创 2018-11-07 22:25:23 · 11072 阅读 · 2 评论 -
json格式学习
在项目中经常遇到前后台数据传输出错的问题 ，在找bug的过程中发现大多数时候都是前后台的数据格式不一样，导致解析不了，趁着今天有时间，想总结一下遇到的json数据的几种格式。1.拼接json字符串，并将json字符串转换成json对象console.log("json字符串1："); console.log("{\"name\":\"张三\",\"age\":18}"); ...原创 2018-11-08 12:00:09 · 361 阅读 · 0 评论 -
layui点击按钮页面会自动刷新的问题
问题：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="原创 2018-11-22 20:46:19 · 6210 阅读 · 2 评论 -
js将字符串换行
var test = "测试一下换行\n不知道行不行\n看结果";while (test.indexOf("\\n") >= 0) { var test = test.replace("\\n", " \n "); }console.log(test);原创 2018-11-22 20:50:39 · 23418 阅读 · 0 评论 -
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
在项目中遇到一个情况，需要动态获取后台的返回数据，并在前台渲染出来，并且能够根据所点击的不同标签，随时获取对应数据。在网上看到两种方法，一种是写一个动态创建div模板的函数，并将返回值作为参数在其中展示出来；一种是layui模板引擎进行数据渲染。 但是这种渲染方式在渲染完成之后不能获得后台返回的完整的数据，暂时相处一种解决办法：将返回值作为一个对象用JSON.stri...原创 2018-11-25 21:15:57 · 3536 阅读 · 0 评论 -
微信小程序学习笔记
1.问题：做项目的时候，点击input标签很难获取到焦点进行输入解决办法：鼠标长按即可2.问题：wx.navigateTo页面不跳转原因：我想要跳转到的目标页面含有tabBar底部菜单栏解决办法：将wx.navigateTo换成wx.switchTab3.问题：怎样限制显示文字的长度，超出长度显示省略号解决办法：CSS设置 text-indent:2em; /*首行...原创 2018-12-27 20:40:51 · 171 阅读 · 0 评论 -
css中的相对定位和绝对定位
正常情况下，position属性的值默认为static，元素出现在正常的文档流中，元素没有偏移属性，也就是说给元素设置的left,right,bottom,top这些偏移属性都是没有效果的。 相对定位 对某元素设置相对定位，这个元素他会跟其它的元素一样，出现在文档流中它该出现的位置。当我们设置它的水平或垂直偏移量时，它会相对于它在文档流中的位置进行移动。三个浮动的块，第二个块是设...原创 2019-01-19 14:42:06 · 314 阅读 · 0 评论 -
css设置元素居中
水平居中 方法一：子元素设置margin: 0 auto;适用场景：子元素宽度已知<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>居中布局</title> <原创 2019-01-19 16:37:09 · 1851 阅读 · 0 评论 -
用display: inline-block;让div居于一行，div内填充元素后错位问题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .test{ width: 200px; height: 200px; margin: 20px原创 2018-09-16 13:18:27 · 4301 阅读 · 1 评论 -
layui时间日历的使用之改变时间日历的大小
方法是重新设置日历样式：#test-n1 .layui-laydate-main{width:600px;}#test-n1 .layui-laydate-content td,#test-n1 .layui-laydate-content th{width:87px;height: 50px;}完整代码：<!DOCTYPE html><html> &...原创 2018-09-15 21:26:15 · 5347 阅读 · 2 评论 -
layui模板引擎的使用1
1.html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../layui/css/layui.cs原创 2018-09-15 21:18:05 · 2104 阅读 · 1 评论 -
CSS浏览器前缀兼容写法
Vendor prefix—浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和 Safari浏览器使用的是WebKit渲染引擎，火狐浏览器使用的是Gecko引擎，Internet Explorer使用的是Trident引擎，Opera以前使用Presto引擎，后改为WebKit引擎。一种浏览器引擎里一般不实现其它引擎前缀标 识的...转载 2018-07-21 14:42:25 · 728 阅读 · 0 评论 -
点击按钮时背景图像闪烁的问题
在写登录界面的时候，填写信息之后，点击登录按钮后页面出现闪烁，查阅资料发现是设置的背景图像在闪烁。原因：将背景图片的样式直接设置在body标签上<body background="img/pic1.jpg"></body>解决办法：将背景图片的样式设置在头部的<style></style>中间 <style type=...原创 2018-07-27 11:14:24 · 1707 阅读 · 0 评论 -
html学习笔记一——标签的属性
1.border-radius：向div元素添加圆角边框div{border:2px solid;border-radius:25px;}2.margin：设置所有外边距属性。该属性可以有 1 到 4 个值,，设置顺序为上、右、下、左p { margin:2cm 4cm 3cm 4cm; }3.opacity 属性设置元素的不透明级别div{opa...原创 2018-07-27 14:02:51 · 205 阅读 · 0 评论 -
发送验证码的倒计时
在发送短信验证码和邮箱验证码的时候，都会倒计时。本来想用layui的button控件实现，但是尝试多次没有成功，最后选择用input标签。方法一<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <sc原创 2018-08-14 12:05:05 · 7610 阅读 · 1 评论 -
发送短信验证码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../layui/css/layui.css" /&原创 2018-08-14 13:02:21 · 4417 阅读 · 2 评论 -
发送邮箱验证码
发送邮箱验证码与发送短信验证码很像，只是校验的方法不同。html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=&quo原创 2018-08-14 13:42:00 · 1829 阅读 · 0 评论 -
图形验证码
绘制图形验证码和校验图形验证码都在前段实现html1.layui实现图形验证码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet"原创 2018-08-14 14:19:33 · 6064 阅读 · 2 评论 -
layui弹出层的icon
1.layer.msg('弹出层',{icon:1});2.layer.msg('弹出层',{icon:2});3.layer.msg('弹出层',{icon:3});4.layer.msg('弹出层',{icon:4});5.layer.msg('弹出层',{icon:5});6.layer.msg('弹出层',{ico...原创 2018-08-11 10:09:50 · 4145 阅读 · 0 评论 -
layui学习笔记一
1.form表单自定校验的时候，能够直接return字符串提示消息form.verify({ username:function(value){ if(value.length<5){ return '用户名至少得5个字符啊'; } } });2.提交form表单，用layer.msg显示提示信息时，出现提示框闪现或显示不出...原创 2018-08-11 12:38:04 · 501 阅读 · 0 评论 -
layui上传图片以及图片预览
1.选择文件后自动上传<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../layui/css/layui原创 2018-08-12 17:20:28 · 8477 阅读 · 2 评论 -
常用背景色RGB值
1.#ececec2.#F1F1F13.#ddd4.#eee5.#f8f8f86.#e4e4e47.#e5e5e58.#ccc9.#66610.背景色对比图11.边框色对比图原创 2018-08-18 20:37:24 · 11826 阅读 · 0 评论 -
jQuery与js
1.js获取DOM对象var btn = document.getElementById("btnShowDiv");var divs = document.getElementsByTagName("div");DOM对象的方法和属性domObject.innerHTML = "dom对象设置文本";domObject.style.display= "block";//dom...原创 2018-08-23 10:26:51 · 120 阅读 · 0 评论 -
js中的字符串
1.字符串可以是引号中的任意文本，可以使用单引号或双引号。可以在字符串中使用引号，只要不匹配包围字符串的引号即可。<!DOCTYPE html><html><body><script>var carname1="Bill Gates";var carname2='Bill Gates';var answer1="Nice to m...原创 2018-08-23 16:19:10 · 134 阅读 · 0 评论 -
在ajax请求中给全局变量赋值
在ajax请求中给全局变量赋值，发现一直赋值不了，原来是ajax默认是异步请求，而在ajax请求中给全局变量赋值需要用同步请求的方式，即async:false。原创 2018-08-28 19:14:53 · 1552 阅读 · 0 评论 -
jquery循环each
选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象}); 选择器+遍历 $('div').each(function (index,domEle){ index就是索引值 domEle 表示获取遍历每一个dom对象}); 更适用的遍历方法 1）先获取某个集合对象2）遍...原创 2018-09-11 15:22:37 · 204 阅读 · 0 评论 -
input输入框的空值判断
1.null==undefined2.""==0原创 2019-01-22 14:35:17 · 2140 阅读 · 0 评论