- 博客(11)
- 收藏
- 关注
原创 HTML书写规范
HTML是描述网页结构的超文本标记语言,HTML规范能够使HTML代码风格保持一致,使得HTML更容易理解和维护。 整体结构【页面头部】 1、文件应以“<!DOCTYPE ......>”首行顶格开始,推荐使用“<!DOCTYPE html>”<!DOCTYPE html> 2、必须声明文档的编码charset,且与文件本身编码保持一致,指定字符编码的 me...
2018-05-31 14:55:39 9548
原创 jq实现小米官网的图片轮播功能(无缝轮播,点击左右箭头,点击圆点切换图片)
一、首先是html部分 <section class="scroll_sec"> <div class="banner_container"> <ul class="banner"> <li>&
2018-05-29 16:50:45 4361 1
原创 jquery的$.extend()、$.fn和$.fn.extend()区别
jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = { init: function( selector, context ) {//….//……};原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生...
2018-05-29 09:44:25 446
原创 js实现倒计时
function show_time(){ var time_start = new Date().getTime(); //设定当前时间 var time_end = new Date("2019/5/26 12:00:00").getTime(); //设定目标时间 // 计算时间差 var time_distance = time_end - time_st...
2018-05-28 14:58:21 2246
原创 常用的正则表达式
| 字符 | 描述 || \ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 || ^ | 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。 || $ | 匹配输入字符串的结束位置。如果设置了...
2018-05-28 09:23:08 199
原创 CSS: hover选择器的使用(实现鼠标悬浮效果,鼠标移上去div显示)
有些时候需要用到mouseover和mouseout这两个鼠标事件,但是写js又比较麻烦,还要添加监听事件,所以能用css解决的东西尽量用css解决,这样可以提高性能用法1:这个表示的是:当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为黄色a:hover { background-color:yellow; }用法2:使用a 控制其他块的样式:使用a控制a的子元...
2018-05-21 16:39:57 48511 12
原创 点击里面div或外面div的事件冒泡问题
<!DOCTYPE html><html><head> <title></title></head><body><div style="width: 400px;height: 400px;background-color: #678678;font:3em bold;&
2018-05-16 09:54:52 2961 1
原创 简单理解apply()和call()的区别
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为:/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);它们各自的定义:apply:调用一个对象的一个方...
2018-05-11 14:19:41 6156 4
原创 html左右两栏式布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--方法一: 混合浮动+普通流 --> <style&g
2018-05-09 11:54:06 34032
原创 css3雪花飘落动画效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0
2018-05-09 10:20:34 2757
原创 mui分享功能的实现
配置文件:manifest.json"share": {/*配置应用使用分享功能,参考http://ask.dcloud.net.cn/article/27*/ "qq": { "appid": "",/*腾讯QQ开放平台申请应用的AppID值*/ "description": "QQ分享" }, "weixin
2018-05-08 18:03:08 2899 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人