- 博客(81)
- 收藏
- 关注
RSS订阅原创 仿掌上英雄联盟云顶之弈 - 微信小程序版
毕业3年已经很少玩英雄联盟了，最近出了个云顶之弈的新模式，就玩了几局。自己还没有写过微信小程序，正好就仿照掌上英雄联盟写个Demo，并没有使用很多技巧，算是初步学习的测验吧。github源码 欢迎给个小星星~包含英雄、英雄详情、装备、阵容、阵容详情、棋子概率 6 个页面预览历史2.01增加棋子概率页修复阵容报错bug更新版本监听1.02增加了阵容详情页面（可分享）装备...
2019-12-07 20:54:19
2098
4
转载 ie 兼容，win8兼容
//判断是否是IE10以上浏览器 function isIE11() { if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } function isIE() { var userAgent = navigat
2017-08-01 15:17:21
369
转载 ios在线安装
<meta http-equiv="REFRESH" content="0;url=itms-services://?action=download-manifest&url= /地址/ ">
2017-06-21 19:05:47
878
转载 fastclick.js
;(function () { 'use strict'; /** * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs. * * @codingstandard ftlabs-jsv2 * @copyright The Financia
2017-06-07 16:42:25
912
转载 bshare 一键分享
分享代码，body内显示分享的位置<div class="bshare-custom"><a title="分享到微信" class="bshare-weixin"></a><a title="分享到QQ空间"
2017-06-07 15:48:24
806
原创 判断手机横竖方向，加载友好提示
公司需要写一个横屏时的友好提示功能，这里利用了 orientation: landscape@media (orientation: landscape) { body .swiper-container, html .swiper-container { display: none; } body .orientation, html .orientation { di
2017-06-01 18:51:02
287
转载 百度分享
function share(website){ var text = "董无敌"; var img = "http://static.sdg-china.com/jijiamobile/pic/ds/web2/logo.png"; var url,result; var href = window.location.href; url=encodeURICo
2017-05-27 15:46:28
255
转载 easyanimation.scss
原文地址：http://www.cnblogs.com/maplejan/p/3659830.html/** @Author: Marte* @Date: 2017-05-26 11:21:08* @Last Modified by: Marte* @Last Modified time: 2017-05-26 13:23:16*//* easy-animation.scss
2017-05-27 15:37:39
537
转载 图片加载
function loadImage(url,callback) { var img =new Image(); img.onload =function(){ img.onload =null; callback(img); } img.src = url; } function call(i
2017-05-19 11:06:29
254
转载 图片获取宽高以及调用，预加载设置
点击加载不同宽高的图片，显示实际宽高，自己写了发现没有效果，宽高统一为占位图片的宽高，并没有实际获取到，百度保存下大牛的代码作为参考 代码： var imgReady = (function () { var list = [], intervalId = null, // 用来执行队列 tick = function () {
2017-05-18 09:32:09
975
1
原创 js实现复制粘贴
今天做到一个礼包码复制粘贴的功能，利用https://clipboardjs.com/ 提供的clipboard.js引入：<script src="dist/clipboard.min.js"></script>html :点击按钮复制ID为foo的input内容。<!-- Target --><input id="foo" value="https://github.com/zenorocha
2017-05-17 18:17:07
481
转载 three.js3D学习(2)
转载：http://www.cnblogs.com/shawn-xie/archive/2012/08/20/2647184.html渲染器梳理这是three.js提供的渲染方式，WebGL在渲染效果上更胜一筹，WebGL的渲染能够最大程度表现你制作精美的场景，如果你的设备支持它，这个渲染器具有比CanvasRenderer更好的性能，相反地，CanvasRenderer则具有更好的兼容性。//开启
2017-05-11 13:56:16
304
转载 three.js3D学习(1)
记录 在http://www.hewebgl.com的学习过程：在引入three.js网站 https://github.com/mrdoob/three.js下载后开始基础的学习。一篇不错的three.js详解http://www.cnblogs.com/shawn-xie/archive/2012/08/16/2642553.html基础知识梳理<!DOCTYPE html><html lan
2017-05-11 13:34:16
430
转载 转盘抽奖插件概率实现
插件代码：function turntableDraw(obj,jsn){ "use strict"; this.draw = {}; this.draw.obj = $(obj); this.draw.objClass = $(obj).attr("class"); this.draw.newClass = "rotary"+"new"+parseInt(
2017-05-10 17:08:40
2603
1
转载 jquery.nicescroll.js 美化滚动条
1. 引用jquery.js和jquery.nicescroll.js<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.nicescroll.js"></script>2.通过jquery获取需要添加滚动条的元素，调用niceScrol
2017-05-10 14:10:10
348
转载 rem自适应布局
原文链接:http://caibaojian.com/flexible-js.html 来源:http://caibaojian.com由于移动端特殊性，本文讲的是如何使用rem实现自适应，或叫rem响应式布局，通过使用一个脚本就可以rem自适应，不用再为各种设备宽度不同而烦恼如何实现自适应的问题。rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1r
2017-05-10 09:57:51
435
转载 判断用户flash是否安装了flash以及flash的版本
虽然flash已经逐渐隐退，但是还是有部分需求，如何判断是否安装了flash插件以及flash的版本呢？网上查阅了两段代码：判断插件function detectFlash() { //navigator.mimeTypes是MIME类型，包含插件信息 if (navigator.mimeTypes.length > 0) { //application/
2017-05-09 19:27:30
1287
转载 html 横竖屏meta标签设置
<!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- QQ强制竖屏 --><meta name="x5-orientation" content="portrait"><!-- UC强制全屏 --><meta name="full-screen" content="yes"><!-- QQ强制全屏 -
2017-05-09 14:41:48
5380
转载 根据设备跳转pc或移动端网站
以前也了解过这样的需求，今天做活动页也遇到了这样的需求，查了一些大牛的资料，我是使用第一种方法判别，后边的直接使用图片了，记录一下代码：1.根据访问设备自动识别展示手机或pc网站var system = { win:false, mac:false, xll:false}var p = navigator.platform;system.win = p.indexOf(
2017-05-08 19:05:39
4101
转载 node--服务器功能实现
两种方式实现： 一const http = require('http'); //创建服务器对象 http.createServer((request,response)=>{ // write向客户端返回数据 response.write('Hello world!'); response.write('Hello kitty!'); // 完成响应，en
2017-03-31 00:47:50
306
转载 汇总之--jQuery animate()
个人博客定义和用法animate() 方法执行 CSS 属性集的自定义动画。 通过 CSS 样式将元素从一个状态改变为另一个状态。 需要注意的是：只有数字值可创建动画（比如 “height:30px”）。字符串值无法创建动画（比如 “background-color:red”）语法来自：http://www.cnblogs.com/sntetwt/archive/2014/07/10/38352
2017-03-30 14:23:13
763
原创 介绍一个：全屏插件fullpage
个人博客 如有错误请指正谢谢fullpage是基于jq的插件：第一步：导入jq<script type="text/javascript" src='js/jquery-3.0.0.min.js'></script>第二步：导入插件<script type="text/javascript" src='js/jquery.fullPage.min.js'></script>第三步：调用方法<!--
2017-03-30 14:10:35
175
原创 汇总之--css3 transition，transform2d-3d
个人博客 如有错误请指正谢谢大家transition基本写法 /* 过渡属性 可以指定 某一个 或者某一些 如果想要所有的都能够过渡 使用all即可 */ transition-property: width,height; /* 持续时间 */ transition-duration: 2s;
2017-03-30 13:59:22
495
原创 汇总之--css3 animation
个人博客 如有错误请指正谢谢大家动画的使用动画的使用必须要准备： 1.准备动画 @keyframes 关键字定义2.需要为想要使用动画的dom元素 添加一系列的动画属性动画的定义基本方法@keyframes toright{ from{ /* from中如果不设置 默认使用的是 初始状态 */ }
2017-03-30 13:33:20
247
原创 gulp 常用方法
个人博客 错误的地方请指出，谢谢npm官网[https://www.npmjs.com]node package manager命令: 初始化:npm init安装指定包:npm install jquery --save删除指定包:npm remove jquery --save下载安装package.json中dependencies属性对应的文件:npm install --p
2017-03-30 13:22:37
650
转载 gulp-less
安装 命令：npm install gulp-less 或者 cnpm install gulp-less编写//获取gulpvar gulp = require('gulp')//获取gulp-less模块var less = require("gulp-less")//编译less//在命令行输入gulp less启动此任务gulp.task('less',function(){
2017-03-29 04:02:06
245
转载 node学习（3）
文件操作： 在操作较大的文件时，使用流式操作就不会完全占用电脑内存，更快捷 大文件操作（readFIle读取文件的时候，会把所有的文件数据加载到内存） 文件的流式操作 fs.createReadStream(path[, options]) fs.createWriteStream(path[, options])const path = require('pa
2017-03-29 00:58:40
203
转载 node学习(2)
unlink： 删除文件 fs.unlink(path, callback)const path = require('path');const fs = require('fs');// fs.unlink(path.join(__dirname,'./data.txt'),(err) => {// console.log(err);// });// 不能删除目录// fs
2017-03-29 00:51:19
181
转载 Node基础初始(1)
node buffer缓冲区// let buf = new Buffer(5);// let buf = new Buffer('abc');//<Buffer 61 62 63> 97 98 99// let buf = new Buffer([1,2,3]);// let buf1 = new Buffer(buf);// console.log(buf1);不推荐new的方式产生实
2017-03-29 00:10:55
221
转载 es6常用方法
1.let , const let let声明的变量不存在预解析let声明的变量在块级作用域有效同一个作用内，let不可以声明重名的变量在代码块内部，不可以在声明变量之前使用constconst 声明的变量不可以重新赋值，必须在声明的时候进行初始化，除了这条规则，别的特性和let一致es6中引入了块级作用域2.解构赋值变量的解构赋值// var a = 1;// var b = 2
2017-03-29 00:07:26
284
原创 ajax学习
首先要了解http协议的常用请求方式： a、get 用来从服务器获取数据（参数一般作为查询条件） b、post 用来添加数据 c、put 用来修改数据 d、delete 用来删除数据GET： 在后端接收数据：$_GET[‘abc’]得到url地址中传递的参数的值 $_GET是PHP内置好的专门用来接数据用的一个全局数组注意：绝不能使
2017-03-25 19:23:51
165
原创 大话有感
看到自己前年看大话西游的感想，仍记得当时至尊宝那句没有珍惜。自己属于一个比较理性的人，很少说看电影会哭的稀里哗啦，人鬼情未了算是一次，第二次三次四次就是看大话了，一场电影哭了三次，有些东西就是如此的感同身受。所以慢慢的自己学会去珍惜身边的人和事，也慢慢长大。周星驰放不下剑客的面子不愿为爱去牺牲。而孙悟空则经历过，有感而发凑成他们在一起。有些爱情，失去了就不在了。在可以挽回的时候，却又因为各种原
2017-03-25 15:43:14
354
转载 函数的四种调用模式
1.函数模式函数的定义方式 声明式表达式Function单独独立调用的就是函数模式 函数名( 参数 )this 表示全局对象任何自调用函数都是函数模式2.方法模式区分 方法本身就是函数, 但是方法不是单独独立的调用, 而是通过一个对象引导调用.this 表示引导方法的对象比如：var length = 10; function fn() { cons
2017-03-25 00:59:05
334
原创 Canvas学习
基本使用： 1.Canvas 标签. 默认 300 * 150 的区域 2.利用 html 属性为它设置宽高. 不要使用 CSS 来设置.使用 属性设置 canvas 标签的宽高, 实际上相当于增加了 canvas 画布的像素但是如果使用 CSS 来设置画布的大小, 那么不会增加像素点, 只是将像素扩大了3.Canvas 只能展示绘图的内容. 但是不能进行绘图 使用语法 canvas.get
2017-03-24 23:49:44
594
原创 模块化演变历程
（一：演变历程） 1,全局函数 人为模块 function sum(a,b){ return parseInt(a) + parseInt(b); }2，对象封装 var obj = {}; // obj.cal = {}; // obj.cal.sum = function(){};
2017-03-24 13:45:38
683
原创 移动web学习
对前边的总结进行补充：onscroll在移动端项目中，滚动监听是经常用到的： eg: //获取搜索盒子 var searchBox = document.querySelector(".header_box"); //获取轮播图盒子 var bannerBox = document.querySelector(".banner"); //获取高度 var
2017-03-24 13:33:34
228
转载 移动web开发布局方式以及常见问题
原文：http://www.jianshu.com/p/91febb9b827d 一、流式布局 1.1 什么是流式布局流式布局就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充，同时会设定最小宽度和最大宽度，适用于图片比较多的首页、门户、电商等。流式布局是移动web开发使用的常用布局方式1.2Viewport在移动端用来承载网页的这个区域，
2017-03-24 03:59:18
368
原创 SVN和GIT
个人博客 区别1.git 是分布式管理工具，而 svn 是集中式管理 2.git 把内容按照元数据的形式存储，而 SVN 是按照文件存储 3.git 的内容完整性要优于 SVN 4.git 分支和 SVN 的分支结构不同 5.Git 没有一个全局的版本号，而SVN有 常用命令 首先是SVN: svn checkout url //检
2017-03-24 03:09:19
313
原创 hexo常用命令
由于最近一直在做自己的博客，也把基本的分享，站内搜索，也在谷歌收录了自己的网站。不知道为什么百度一直成功不了，有点汗颜。下面把经常用的hexo命令记录一下。hexonpm install hexo -g #安装 npm update hexo -g #升级 hexo init #初始化hexo n "我的博客" == hexo new "我的博客" #新建文章hexo p == hexo
2017-03-24 02:24:52
383
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人