wujingj-CSDN博客

原创 checkbox选中复选框，添加文本框可编辑，不选中，则不可编辑

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="JS/jquery-3.1.0.min.js"></script&gt

2018-11-15 16:09:33 4408

原创小程序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 4487 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 2428

原创 VUE2.0仿饿了吗app

效果展示链接：https://wujingj.gitee.io/elema码云原码链接：https://gitee.com/wujingj/elema

2018-07-26 16:44:09 680

原创 h5原生拖拽功能的实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css">

2018-07-17 16:41:14 1408

原创 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 229

原创 HTML书写规范

HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。整体结构【页面头部】　　1、文件应以“<!DOCTYPE ......>”首行顶格开始，推荐使用“<!DOCTYPE html>”<!DOCTYPE html>　　2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 me...

2018-05-31 14:55:39 9435

原创 jq实现小米官网的图片轮播功能(无缝轮播，点击左右箭头，点击圆点切换图片)

一、首先是html部分 <section class="scroll_sec"> <div class="banner_container"> <ul class="banner"> <li>&amp

2018-05-29 16:50:45 4272 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 437

原创 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 2146

原创常用的正则表达式

| 字符 | 描述 || \ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 || ^ | 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。 || $ | 匹配输入字符串的结束位置。如果设置了...

2018-05-28 09:23:08 169

原创 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 48344 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 2934 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 6084 4

原创 html左右两栏式布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&g

2018-05-09 11:54:06 33644

原创 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 2740

原创 mui分享功能的实现

配置文件：manifest.json"share": {/*配置应用使用分享功能，参考http://ask.dcloud.net.cn/article/27*/ "qq": { "appid": "",/*腾讯QQ开放平台申请应用的AppID值*/ "description": "QQ分享" }, "weixin

2018-05-08 18:03:08 2824 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 4530 1

原创豆瓣电影APP首页热映部分MUI+JS，豆瓣电影APi调用

2018-04-08 16:36:11 1833 1

wujingj的博客