wangqiuchen_Study-优快云博客

原创响应式font-size计算

7.5：设计稿尺寸处以100css中的样式：（设计稿中的数值/100），单位：remdocument.ready=function(){ var html = document.documentElement; var windowWidth = html.clientWidth; html.style.fontSize = windowWidth...

2019-01-15 17:28:00 701

原创 gulp--简单使用心得

实例下载：https://github.com/Anetin/angular-gulp-bower-seed1.npm install2.新建文件.babelrc{"plugins": [["transform-runtime", {"helpers": false,"polyfill": false,"regenerator": true,"modul.

2018-10-25 11:03:43 281

原创 webpack 入门操作顺序--命令

参考：https://www.jianshu.com/p/42e11515c10f安装：nodenpm init----安装package.jsonnpm install --save-dev webpack ---------局部安装webpacknpm install -g webpack ---------全局安装webpacknpm insta...

2018-10-22 16:53:52 448

原创 css3动画安卓卡顿解决方案

公司有个H5项目，采用的CSS3动画制作。IOS播放流畅。但是安卓卡成翔；下面附上解决办法：开启硬件加速。。。在webkit中有神奇效果：opacity: 1;或者-webkit-backface-visibility: hidden;*{-webkit-backface-visibility: hidden;}

2018-01-30 13:30:42 2594

原创数字翻页

1. js 红字js已经上传到资源库中jquery.dataStatistics.js" type="text/javascript"> $(document).ready(function(){ var moneyList = $("#moneyList").val(); moneyList = moneyList.replace(/[,]/g,"").repla

2018-01-24 15:22:08 698

原创 https访问方式的微信分享

此处只说明与http访问不同的地方，其他获取appId、timestamp、nonceStr 、signature方式相同1.html直接搜索红字的js就可以下载jweixin-1.2.0.js">wxConfig.js?v=${version!}">2.js wxConfig.js内容注意：1. desc中不能现金，或

2018-01-24 11:16:22 5427 1

原创微信分享到朋友圈、发送给朋友开发注意事项

1、invalid url domain当前页面所在域名与使用的appid没有绑定，请确认正确填写绑定的域名，如果使用了端口号，则配置的绑定域名也要加上端口号（一个appid可以绑定三个有效域名，见目录1.1.1）。2、invalid signature签名错误。建议按如下顺序检查：确认签名算法正确，可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?

2018-01-04 16:18:17 4975 1

转载 js 实现点击图片放大

http://demo.lanrenzhijia.com/2014/pic0801/

2017-12-27 15:07:08 2657

原创 ajax提交

var dataJson={}; dataJson.id = id; dataJson.personal_address = personal_address; dataJson.personal_description = personal_description; dataJson.work_description = work_description; dataJson

2017-10-24 17:05:29 316

转载去除ios移动端alert/confirm的网址(url)

<div class="article_bar clearfix"> <div class="artical_tag"> <span class="original">转载</span> <span class="time">2016年04月21日 19:55:12</span> </di

2017-10-16 15:37:10 523

原创保留小数，四舍五入

function decimal(num,v){var vv = Math.pow(10,v);return Math.round(num*vv)/vv;} alert(decimal(12.335,2));

2017-09-27 16:42:50 455

原创 jquery构建json字符串

var dataJson={}; dataJson.id = id; dataJson.final_transaction = final_transaction; dataJson.rows =[]; for(var i in business_status){ var obj={}; obj.business_status = business_statu

2017-09-14 15:43:04 756

转载移动端适配：font-size设置的思考

移动端适配：font-size设置的思考 1. 问题的引出如果html5要适应各种分辨率的移动设备，可以使用rem这样的尺寸单位，针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px}@media screen and (min-width:321px) and (max

2017-07-12 11:21:22 4308

转载 System.Net.Mail 发送邮件

使用System.Net.Mail 发送邮件总是提示“验证失败”，从网上也没找到确切的答案，大概是因为公司使用了代理网关，程序不能直接与邮件服务器建立连接。使用System.Web.Mail没有问题。下面是两种发送邮件的代码。转自：http://www.cnblogs.com/zhouyu629/archive/2009/12/22/1629933.html System.Net.Mail 发送

2017-07-05 11:41:07 2445

转载 Node.js安装及环境配置之Windows篇

原文地址：http://www.cnblogs.com/zhouyu2017/p/6485265.html 一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三

2017-06-23 10:24:18 562

转载 canvas圆环百分比进度

canvas圆环进度 *{padding: 0; margin: 0; } .circle{width: 200px;height: 200px;margin: 20em auto;position: relative;} canvas{display: block;margin: 0;position: absolute;background:

2017-06-22 09:47:43 517

原创火狐浏览器hack

主要有以下几种：　　@-moz-document url-prefix() { .selector { property: value; } }上面是仅仅被Firefox浏览器识别的写法，具体如：　　@-moz-document url-prefix() { .demo { color:lime; } }支持Firefox的还有几种写法：　　/* 支持所有firefox版本 */ #s

2017-06-07 10:54:33 878

转载 mysql安装出现error 1045

我们在windows下安装mysql时会出现Access denied for user ‘root’@localhost’(using password:No)的问题，这个问题是因为你的机器上之前安装过mysql，或者这一次安装配置了新密码，进入应用的最后一步时候由于某些原因卡出了或者由于服务未启动等原因导致无法配置成功，最终结果是，配置未成功，密码设置已经保存进去了。这样我们调整好了服务等原

2017-06-02 11:50:29 626

转载 JsUnit工具应用

为什么要用JsUnit，因为项目不是WEB项目，JS代码无法用网页测试，同样无法通过alert测试，所以采用JsUnit来测试编写的JS代码。准备工作：下载JsUnit相关资源：www.jsunit.net 解压后如下图：JsUnit的核心文件（jsUnitCore.js、jsUnitTestManager.js等）都在app文件夹中，testRunner.html是用来JS测试图形化页面，你不

2017-05-15 10:31:58 483

转载 JavaScript单元测试框架JsUnit基本介绍和使用

XUnit framework　　XUnit是一套标准化的独立于语言的概念和结构集合,用于编写和运行单元测试(Unit tests).　　每一个语言都有一个用于单元测试的XUnit框架,比如Java有JUnit, C++有CppUnit, PHP有PHPUnit, Oracle SQL有UTPL/SQL. JsUnit　　JsUnit的官网: http://jsunit.net/　　Js

2017-05-15 10:30:54 484

转载解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题

博客已迁移至http://zlwis.me。使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题：在iOS的浏览器中，上拉或下拉刷新时，当手指划出屏幕后，页面无法弹回。很多人因为解决不了这个问题，干脆就那样不解决了，还有的直接就不用HTML了，使用原生代替HTML页面。相信很多朋友也有自己的解决办法，只是没写出来，所以网上都搜不到解决方案。在很多QQ群里面也有很多人在问该怎么解

2017-05-10 13:32:44 800

原创图片轮播2

script src="http://js.jrjimg.cn/lib/jquery-1.7.min.js">script>script src="http://js.jrjimg.cn/lib/ui/focuspic-min.js">script>--在资源中样式/*焦点图*/.focusimg a,.focusimg a:hover{color:#000;text-decoration

2017-04-14 10:59:50 452

转载 jQuery的deferred对象详解

jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能—-

2017-03-27 11:47:36 578

<div>前两天被问到ajax跨域如何解决，还真被问住了，光知道有个什么jsonp，迷迷糊糊的没有说上来。抱着有问题必须解决的态度，我看了许多资料，原来如此。。。为何一直知道jsonp，但一直迷迷糊糊的不明白呢？——网上那些介绍资料都写的太复杂了！我是能多简单就多简单，争取让你十分钟看完！1. 同源策略ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的ajax只能获取这个页面

2017-03-27 11:44:19 346

原创 H5行情图

详情看资源：http://download.youkuaiyun.com/my

2017-03-24 16:24:37 1234 1

转载深入浅出妙用Javascript中apply、call、bind

这篇文章实在是很难下笔，因为网上相关文章不胜枚举。巧合的是前些天看到阮老师的一篇文章的一句话：“对我来说，博客首先是一种知识管理工具，其次才是传播工具。我的技术文章，主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西，那些我精通的东西，往往没有动力写。炫耀从来不是我的动机，好奇才是。”对于这句话，不能赞同更多，也让我下决心好好写这篇，网上文章虽多，大多复制粘贴，且晦涩难懂，我希望能够

2017-03-24 14:31:07 335

转载 mobile web开发遇到的问题

移动web开发之道（Android与Iphone） 1、javascript篇（1）使用querySelector和querySelectorAll这两个方法获取文档对象中DOM节点的引用由于这两个方法都是本地方法，因此在执行效率上比较理想//获得一个id为masthead的对象的引用：var masthead = document.querySelector( "#masthead ")

2017-03-23 17:51:47 870

转载 WAMP搭建集成环境搭建

下载wampserver集成环境安装包安装安装过程同大部分软件没有太大区别基本一路next一路nextnext安装完成后，启动wampserver,然后在浏览器地址栏输入127.0.0.1出现如下界面表示已正确安装wamp集成环境，并正确运行安装完成，下面进行进一步个人配置集成环境配置apache配置进入apache配置目录D:\wamp\bin\apache\Apache2.2.21\c

2017-03-23 15:00:21 520

转载 WampServer 局域网手机访问（403 Forbidden错误解决方法）

参考链接：http://www.glbwl.com/wampServer-403-forbidden.html<—————————————————————>安装好wamp后，想用手机通过局域访问电脑上wamp下的网页，结果出现如下提示。 1.打开http.conf文件2.找到下图中红色方框中的onlineoffline tag - don’t remove，将原来的Require local

2017-03-23 14:32:37 8165

转载 wamp常见问题01——局域网手机无法访问wamp下的网页

参考链接：http://www.glbwl.com/wampServer-403-forbidden.html<--------------------------------------------------------------->安装好wamp后，想用手机通过局域访问电脑上wamp下的网页，结果出现如下提示。 1.打开http.conf文件

2017-03-23 14:28:28 625

原创移动端样式注意问题

文字大小：@media screen and (min-width: 300px) { html { font-size: 27.77783333333333px; }}@media screen and (min-width: 315px) { html { font-size: 29.166724999999996px; }}

2017-03-23 10:59:52 751

原创项目作品地址

移动端保险超市移动端一套页面https://m.jrj.com.cn/yi/金融界app进行双节送红包 http://10.66.6.210:8090/jrj-hb/ssyQhb.html引导页http://10.66.6.210:8090/jrj-yd/yd-ph.html PC端适配移动端智能金融国际论坛http://bank.jrj.com.c

2017-03-21 16:43:05 727

原创方便实用的Jquery Cycle特效实例

第一步：老样的先写入Html结构，图片数量不限，这里写的是3个。class="pics"> div class="pics"> img src="images/beach1.jpg" width="200" height="200" /> img src="images/beach2.jpg" width="200" height="200" />

2017-03-10 10:18:09 527

转载图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下：> html lang="zh-cn"> head> meta charset="utf-8" /> title>Javascripttitle>

2017-03-09 16:45:22 520

原创微信分享带图片加如下div

head> meta charset="utf-8" /> title>领红包未输入手机号title> meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,initial-scale=1.0" /> meta

2017-01-10 11:07:42 993

原创 swiper3.4 IE8兼容性问题

swiper3.4在IE8下面会报错，换成idangerous.swiper-2.1.min.js就好了，资源已上传！！！

2017-01-06 17:11:59 13972

原创移动端a标签点击背景解决方法

a{-webkit-tap-highlight-color:rgba(255,255,255,0);}问题：效果：点击时没有了。

2017-01-05 16:15:45 2280

原创 swiper移动端左右滑动与连接同时触发解决方案

swiper api中有自己的属性preventClicks可以控制不同时触发，但是经自己测试，只适用于pc端，移动端仍然有问题，以下为自己的实现方式，仅供参考。项目已经放到资源，下载可以看。var startY,startX,endX,endY;var mySwiper = new Swiper('.swiper-container',{ preventClicks : tr

2017-01-05 16:06:09 5739

原创 jquery实现移动端抢红包功能

下面是效果，打包在资源里，可以下载后直接看效果

2017-01-05 15:54:14 2736 2

原创移动端qq浏览器a标签不显示的问题

target="_blank" style="position:fixed;bottom:43px;left:0;background:rgba(190,0,0,0.8);width:100%;text-align:center;color #fff;height:45px;line-height:45px;display:block;font-size:1.8rem;color:#fff!imp

2016-11-25 16:31:26 1633