2017年09月_开心大表哥

12月 11月 10月 09月 08月 07月 06月

原创 h5、tab图片滚动原生js代码

h5、tab图片滚动原生js代码： 1.先看看案例图片； 2.功能：a.点击tab中的款式，图片可以更换.b点击左右按钮图片可以更换，tab中的款式选中对应的。话不多说，直接上码： html<div id="product-id"> <ul id="style"> <li class="active">大屏单柜</li> <li>A款</li

2017-09-29 17:04:00 1923 1

原创 ajax请求时提醒参数为空的解决办法

1.ajax请求时提醒参数为空的解决办法：我们要把js对象用stringify转成json,然后再加上：contentType: “application/json” var _phone = $("#phone").val(); var timestamp = (new Date()).valueOf(); var x= {

2017-09-29 16:51:30 31087

原创 h5、js最详细的正则检验手机号码

h5、js最详细的正则检验手机号码 1.html部分代码<div id="input-div"><input type="text" placeholder="请输入您的姓名" id="username" required="" maxlength="10"/><input type="text" placeholder="请输入您的电话号码" id="phone" required="" m

2017-09-29 10:55:10 9301 2

原创 h5头像图片旋转css3精确控制每个图片的位置

h5头像图片旋转css3精确控制每个图片的位置： 1.下面是需要的效果图： 2.用到的图片有： <div id="box1Kuang1"> <div class="con-show01 mar-top1 mar-left1"> <div class="con-show02"> <div class="con-show03">

2017-09-27 10:01:07 3752

原创 h5按钮css3动态特效,让页面静不下来

h5按钮css3动态特效,让页面静不下来在写一些h5页面的时候，难免会需要增加一些动态的效果。今天我来介绍一种，在按钮上添加动态效果的做法。保证让你瞒住，嘻嘻。先看看效果图：由于是动态而且颜色不是很明显，所以可能一下子看不出来，但它确实存在。现在我们通过代码来看看它的存在吧。<img src="images/btn_play.png" id='btn-play'/><div id=

2017-09-25 14:27:48 22172

原创 h5大转盘，圆盘抽奖，正方形抽奖

h5大转盘，圆盘抽奖，正方形抽奖等是我们搞活动的时候用的很多的需求，那么如何才能拥有一个好的插件的。以下我来介绍一款：原生 JavaScript 抽奖组件，支持移动端适配，无框架依赖，抵制 FLASH ！源码到这个网址拿：http://game.gtimg.cn/images/js/delottery/index.html 1. 2. 3. 以下是一个案例：

2017-09-23 12:40:29 5029 1

原创 h5开发通用sass基础配置文件

h5开发通用sass基础配置文件：a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt,em, emb

2017-09-23 12:27:34 16854

原创 h5开发必备之切图工具cutterman

h5开发必备之切图工具cutterman 设计师，给我们开发的psd图，很多时候需要我们切的，那么我们有什么快速切图的工具。今天来介绍一块很是牛逼的ps插件，它非常小但是功能非常强大，可以节省很都传统切图的时间。 1.到官网下载：官网 2.安装： 3.答疑： 4.使用说明：嘻嘻，确实好用，不骗人。...

2017-09-23 12:06:50 16983 1

原创 h5开发必备工具之草料二维码浏览器插件

h5开发必备工具之草料二维码浏览器插件做h5开发，的一个重点是如何适配手机，那么如何让你敲的代码可以在你手机上简单看到呢。原理很简单，就是将你的电脑变成服务器，发射wifi给手机进行连接。然后在你电脑上构建的服务器上进行访问即可。下面我推荐一个浏览器二维码插件，它可以方便地让你用手机扫描测试。 1.到草料二维码官方找到浏览器插件： 2.安装插件：在google得拓展工具上进行安装

2017-09-23 11:45:51 13753 4

原创 vue去掉严格开发，即去掉vue-cli安装时的eslint或者修改配置

vue去掉严格开发，即去掉vue-cli安装时的eslint 1.vue-cli书写规范（主要是js规范） a、逗号、冒号后面要加空格 b、不能使用双引号，一律使用单引号 webpack的语法检查eslint，即安装项目时我选择了安装eslint（http://blog.csdn.net/a419419/article/details/77938751） 2.那么只需要删掉 bu

2017-09-12 23:26:33 29741 1

原创最简单的sublime text 3安装vue插件

1.打开sublime text 3按 Ctrl+Shift+P（相信你有单身的手速，同时按完这3个键） 2.选中上图中，框出来的内容，按下enter. 3.选择上图的第二个即：vue syntax hightlight 4.重启一下，sublime。你会发现有效果了，如果没有就再按一次Ctrl+Shift+P，搜说框处输入vue，把感觉顺眼的都安装一下，就可以了。（嘻嘻）如果第一

2017-09-12 22:59:25 66254 3

原创 html css3不拉伸图片显示效果,类似淘宝的

1.利用transform属性不拉伸显示图片,(路径问题需要按需求修改）； html:<div id="surface-div1"><img :src="pic1" class="surface-img"></div>CSS:#surface-div1{ position: relative; width: 372px; height: 175px; float

2017-09-12 17:16:07 40986

原创最详细的安装一个vue项目，利用了vue-cli脚手架

1.vue-cli是基于node.js的所以必须安装node.js及其对于的包管理工具npm或者cnpm。用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的, 所以首先要安装nodejs,学习vue有必要了解下nodejs和npm的基本知识。 2.安装脚手架：npm install -g vue-cli -g表示全局安装, vue-cli是模

2017-09-11 22:22:27 5642

原创专业安装全局的cnpm,查看node、npm、cnpm版本

安装全局的cnpm,查看node、npm、cnpm版本。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。由于国家政策，所以用cnpm代替npm开发还是很有必要的。下面我们来看一下是如何安装的吧（w

2017-09-11 21:28:01 12549

原创 js简单删除数组中任意元素

////删除数组中任意元素 ///arr需要去除元素的数组 ///str需要去除的内容 function spliceArr(arr,str){ for (var i = 0; i < arr.length; i++) { if (arr[i] == str) { arr.splice(i, 1); } } return arr; }

2017-09-06 20:44:06 542 1