- 博客(20)
- 收藏
- 关注
原创 checkbox选中复选框,添加文本框可编辑,不选中,则不可编辑
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="JS/jquery-3.1.0.min.js"></script>
2018-11-15 16:09:33 4392
原创 小程序tab切换,内容高度自适应
<view class='aboutusContainer'> <image src='/assets/images/company.png' class='companyLogo'></image> <view class='tabContainer'> <text class="tab-item {{...
2018-11-12 17:49:46 4476 1
原创 通过flex实现栅格系统
效果图 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <titl
2018-08-21 13:34:16 2423
原创 VUE2.0仿饿了吗app
效果展示链接:https://wujingj.gitee.io/elema码云原码链接:https://gitee.com/wujingj/elema
2018-07-26 16:44:09 674
原创 h5原生拖拽功能的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css">
2018-07-17 16:41:14 1404
原创 h5新增js类样式操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css" media=&quo
2018-07-16 17:36:52 1039
原创 浅谈对js的闭包的理解
首先理解闭包就要先理解全局作用域和局部作用域的区别。函数内部可以访问全局作用域下定义的全局变量,而函数外部却无法访问到函数内部定义的局部变量。如果需要得到函数内部的局部变量,只有通过在函数的内部,再定义一个函数。比如:一、function f1(){ var a=1; function f2(){ return a; } return f2;}v...
2018-06-01 11:51:59 228
原创 HTML书写规范
HTML是描述网页结构的超文本标记语言,HTML规范能够使HTML代码风格保持一致,使得HTML更容易理解和维护。 整体结构【页面头部】 1、文件应以“<!DOCTYPE ......>”首行顶格开始,推荐使用“<!DOCTYPE html>”<!DOCTYPE html> 2、必须声明文档的编码charset,且与文件本身编码保持一致,指定字符编码的 me...
2018-05-31 14:55:39 9415
原创 jq实现小米官网的图片轮播功能(无缝轮播,点击左右箭头,点击圆点切换图片)
一、首先是html部分 <section class="scroll_sec"> <div class="banner_container"> <ul class="banner"> <li>&
2018-05-29 16:50:45 4263 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 436
原创 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 2083
原创 常用的正则表达式
| 字符 | 描述 || \ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 || ^ | 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。 || $ | 匹配输入字符串的结束位置。如果设置了...
2018-05-28 09:23:08 167
原创 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 48313 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 2930 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 6077 4
原创 html左右两栏式布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--方法一: 混合浮动+普通流 --> <style&g
2018-05-09 11:54:06 33595
原创 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 2737
原创 mui分享功能的实现
配置文件:manifest.json"share": {/*配置应用使用分享功能,参考http://ask.dcloud.net.cn/article/27*/ "qq": { "appid": "",/*腾讯QQ开放平台申请应用的AppID值*/ "description": "QQ分享" }, "weixin
2018-05-08 18:03:08 2823 3
原创 微信小程序返回局部刷新
页面返回局部刷新(b页面返回a页面时候)1、在a页面定义一个isRefresh:false,在onShow函数里判断isRefresh为true执行需要刷新的方法Page({ data: { isRefresh:false,}onShow:function(e){ // 返回时刷新页面 if (this.data.isRefresh==true){ do...
2018-04-19 15:26:50 4520 1
原创 豆瓣电影APP首页热映部分MUI+JS,豆瓣电影APi调用
<style> html, body { background-color: white; } .wrap-search { margin: 15px; background: #E6E6E6; height: 30px; border-radius: 5px; text-align: center;...
2018-04-08 16:36:11 1825 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人