2016年08月_vcxiaohan2

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 gulp插件gulp-file-include的模板复用功能

功能：当写一个后台时，会有导航条、头部和底部每个页面都相同，我们不可能每个页面都复制粘贴过来相同的代码，这样的话，如果后期导航条改了某个地方，那么我们需要改每个有当行条的地方，这样重复性的工作我们可以通过构建工具gulp的gulp-file-include插件避免掉官方教程链接：https://www.npmjs.com/package/gulp-file-include(看不懂的话可以看下面

2016-08-25 10:11:57 9835 2

原创 git如何忽略某些文件加入版本控制

http://zhidao.baidu.com/link?url=jK2y4lxbbiDb2VZnX6rKptAkgy1TgvoT6szrCqeZN7TXfO7LL04UcHI2-S4IF0cYHbMGeznZtKw2F3UqnCiP_peEEWDHoUiKHc49ZmrANF3

2016-08-24 17:43:47 561

原创前端构建工具gulp的使用教程集合

基础教程：http://www.imooc.com/search/article?words=gulp

2016-08-24 16:41:04 2339 1

原创前端自动化工具grunt介绍

教程链接：http://developer.51cto.com/art/201506/479127.htmGruntfile.js >>module.exports = function(grunt) { //任务配置，所有插件的配置信息 grunt.initConfig({ //获取package.json的信息 pkg: grunt.

2016-08-24 09:33:41 441

原创 scss进阶教程

scss:/** * MAIN * app * * BASE * */* { margin: 0; padding: 0;}@mixin bgcolor { display: inline-block; float: left; @media (min-width: 500px) {//>500 width: 25%; } @media (max-widt

2016-08-23 18:25:20 772

原创 scss基础教程

scss编译工具：koala示例目录结构：文件内容详细：index.html: scss 1 2 5 3 4variable.scss:$bgcolor: grey;

2016-08-23 17:17:31 1755

原创 html5视频截图实现

video body, html { width: 100%; height: 100%; } video { width: 400px; } canvas { width: 200p

2016-08-20 18:28:59 10059 2

原创 xss攻击

1.一般在留言板的页面，留言内容可为下面某种：a.alert(1)b.

2016-08-19 15:09:36 359

原创关于cookie的一些知识

1.凡是带有http字样的cookie，客户端是无权操作的

2016-08-18 17:58:47 529 3

原创 jquery设置cookie过期时间为10秒钟

兼容性IE8+expires的值不能设置为小数，因为除了chrome，其他浏览器都不支持小数，所以我们必须使用setTime()来设置具体日期 if(loginCount >= 5) { popTip({ text: '您当前输入错误次数过多，请半小时后再来登录...',

2016-08-18 10:22:42 21579 2

原创不用正则实现js中replace全局替换的功能

1.我们替换，一般用下面方法：‘qwew’.replace(/w/g, '@')这种方法，很方便2.问题是万一我们要替换的内容中含有特殊字符，如‘)’，这种情况下，我们就必须将')'进行转义，即‘qw)ew)’.replace(/w\\)/g, '@')3.还有些具体的情况下，如我们要替换的内容是可变的且含有特殊字符，那么我们用2的方法就显得很麻烦了或者根本解决不了，具体情况如下：把微

2016-08-15 16:32:57 3060

原创 js自定义右键菜单

兼容性：ie8+ svg body, html { width: 100%; height: 100%; }

2016-08-11 18:01:20 924

原创 js自定义事件

test * { margin: 0; padding: 0; font-size: 0.04rem; } body, html { width: 100%; height: 100%; }

2016-08-10 23:17:21 282

原创解决ios端不能使用body元素的冒泡事件

现象：只在ios端$('body').on('click', function() {//...});这个事件是不生效的。问题详见：http://zhidao.baidu.com/link?url=KDQ2krrwS1miCWxmFmnvYdtxuJGcX7_uAMpR9Jxft1zkDpSnlXSIjJ8emui42KErCL0PPS0A_HC2_q13Zv0m0Jisea1OBpL

2016-08-10 14:44:23 2083

原创 js判断手机端是否弹出软键盘

弹出软键盘时：ios端$('body').scrollTop()会改变android端$(window).height()会改变

2016-08-09 11:27:26 18928

原创前端单元测试插件qunit.js使用示例

test * { margin: 0; padding: 0; } body, html { width: 100%; height: 100%;

2016-08-09 09:00:40 537

原创编写自己的插件如何减少css文件的引入

很多时候，我们写一个插件实现某种功能，但是往往这个插件会配一个css样式文件，我们也想象jquery那样只引入一个js就行，可是我们写的不是纯功能的插件，而是带有ui的，所以使用的时候，必须要一个js和一个css，如果想要减少文件的引入，更方便的话，可以考虑把css写在js文件里面，类似这样：var $style = $('p{color: red;}*{background: green;}

2016-08-04 09:31:23 359

原创防盗号或炸骗不要输入qq密码怎么去除

当我们遇到下面这种问题时，该怎么解决？网上很多都说要到微信公众号去认证，类似http://jingyan.baidu.com/article/75ab0bcbce5527d6864db2e6.html但是弄了半天并不能解决问题，经我发现，这个跟网站域名是否在微信备案有关，更为准确的答案在这里：http://zhidao.baidu.com/link?url=PXZQDDt_Ia

2016-08-03 16:47:43 9132

原创 ios端点击document，input框不会失去焦点

ios端的一个bug，解决方法是： window.onload = function() { document.querySelector('body').addEventListener('touchend', function(e) { if(e.target.className != 'input') {

2016-08-03 10:38:20 6669

原创 chrome安装二维码生成器

1.ff浏览器提供了快速生成链接二维码的功能，以方便手机扫码调试2.chrome中没有，安装的国产的'Wwei二维码生成器'被chrome浏览器禁止掉了3.我们可以越长城后，在Google拓展程序里搜索The QR Code Extension，安装此拓展程序(不是应用哦)，以后就可以很方便的生成二维码了链接：https://chrome.google.com/webs

2016-08-02 12:17:00 1849