![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
方法汇总
文章平均质量分 65
董无敌啊
https://liulxin.github.io/
展开
-
机械表
机械表的基本原理原创 2017-03-17 17:32:23 · 440 阅读 · 0 评论 -
汇总之--css3 animation
个人博客 如有错误请指正谢谢大家动画的使用动画的使用必须要准备: 1.准备动画 @keyframes 关键字定义2.需要为想要使用动画的dom元素 添加一系列的动画属性动画的定义基本方法@keyframes toright{ from{ /* from中如果不设置 默认使用的是 初始状态 */ }原创 2017-03-30 13:33:20 · 249 阅读 · 0 评论 -
汇总之--css3 transition,transform2d-3d
个人博客 如有错误请指正谢谢大家transition基本写法 /* 过渡属性 可以指定 某一个 或者某一些 如果想要所有的都能够过渡 使用all即可 */ transition-property: width,height; /* 持续时间 */ transition-duration: 2s;原创 2017-03-30 13:59:22 · 500 阅读 · 0 评论 -
汇总之--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 · 764 阅读 · 0 评论 -
移动web开发布局方式以及常见问题
原文:http://www.jianshu.com/p/91febb9b827d 一、流式布局 1.1 什么是流式布局流式布局就是百分比布局,通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充,同时会设定最小宽度和最大宽度,适用于图片比较多的首页、门户、电商等。流式布局是移动web开发使用的常用布局方式1.2Viewport在移动端用来承载网页的这个区域,转载 2017-03-24 03:59:18 · 371 阅读 · 0 评论 -
移动web学习
对前边的总结进行补充:onscroll在移动端项目中,滚动监听是经常用到的: eg: //获取搜索盒子 var searchBox = document.querySelector(".header_box"); //获取轮播图盒子 var bannerBox = document.querySelector(".banner"); //获取高度 var原创 2017-03-24 13:33:34 · 230 阅读 · 0 评论 -
Canvas学习
基本使用: 1.Canvas 标签. 默认 300 * 150 的区域 2.利用 html 属性为它设置宽高. 不要使用 CSS 来设置.使用 属性设置 canvas 标签的宽高, 实际上相当于增加了 canvas 画布的像素但是如果使用 CSS 来设置画布的大小, 那么不会增加像素点, 只是将像素扩大了3.Canvas 只能展示绘图的内容. 但是不能进行绘图 使用语法 canvas.get原创 2017-03-24 23:49:44 · 596 阅读 · 0 评论 -
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 · 540 阅读 · 0 评论 -
百度分享
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 · 256 阅读 · 0 评论 -
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 · 482 阅读 · 0 评论 -
图片获取宽高以及调用,预加载设置
点击加载不同宽高的图片,显示实际宽高,自己写了发现没有效果,宽高统一为占位图片的宽高,并没有实际获取到,百度保存下大牛的代码作为参考 代码: var imgReady = (function () { var list = [], intervalId = null, // 用来执行队列 tick = function () {转载 2017-05-18 09:32:09 · 978 阅读 · 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 · 349 阅读 · 0 评论 -
转盘抽奖插件概率实现
插件代码: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 · 2607 阅读 · 1 评论 -
图片加载
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 · 255 阅读 · 0 评论 -
判断手机横竖方向,加载友好提示
公司需要写一个横屏时的友好提示功能,这里利用了 orientation: landscape@media (orientation: landscape) { body .swiper-container, html .swiper-container { display: none; } body .orientation, html .orientation { di原创 2017-06-01 18:51:02 · 289 阅读 · 0 评论 -
bshare 一键分享
分享代码,body内显示分享的位置<div class="bshare-custom"><a title="分享到微信" class="bshare-weixin"></a><a title="分享到QQ空间"转载 2017-06-07 15:48:24 · 810 阅读 · 0 评论 -
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 · 652 阅读 · 0 评论 -
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 · 246 阅读 · 0 评论 -
github绑定域名
github绑定域名 1.添加CNAME 在github_name.github.io项目根目录下创建一个CNAME文件(无扩展名) //你要绑定的域名 dongyj.com 2.解析域名 去你购买域名的服务商空间里找到域名解析的选项,修改如下: 在DNSPOD的域名解析下: @ A 默认 192.30.252.153@ A 默认 192.30.252.154解析成功后即翻译 2017-03-22 20:54:32 · 502 阅读 · 0 评论 -
空间长图
很简单的一个小Demo,通过控制鼠标事件以及其定位,来达到上下移动的目的。 页面结构分析:外部盒子div中包括一个img标签、两个span标签img标签采用绝对定位,外部div盒子为相对定位当鼠标放在上面的span标签时让图片向上移动当鼠标放在下面的span标签时让图片向下移动 js编程获取图片标签和上面的span标签给上面的span标签绑定onmouseover事件,事件触发的时候原创 2017-03-17 17:51:05 · 475 阅读 · 0 评论 -
初始正则
本质:用来记录规则的代码 应用领域:表单验证、高级搜索 创建正则表达式对象:var 变量名= new RegExp(/表达式/); 使用直接量的方式:var 变量名= /表达式/; 基本预定义类 实用网站:正则验证应用[^\n\r] 除了换行和回车之外的任意字符\d [0-9] 数字字符digit\D [^0-9] 非数字字符\w [a-zA-Z0-9_] 单词字符(所有的字母数字原创 2017-03-17 21:17:56 · 440 阅读 · 0 评论 -
字体图标的使用
为什么使用字体图标?有以下优势: 1.字体文件小,一般20-50kb 2. 容易编辑和维护,尺寸和颜色可以用css来控制 3. 透明完全兼容IE6 字体图标可以自己制作,也可以直接引用网上的字体图标库,比如阿里巴巴矢量图标库 如何引用字体图标?1.使用font-face声明字体:@font-face {font-family: "iconfont"; src: url('//at原创 2017-03-19 01:00:59 · 728 阅读 · 0 评论 -
数组中的一些常用方法总结
push作用:像数组的末尾添加一项或多项元素 参数:要添加的项 返回值:新数组的长度 是否改变原数组:改变 var ary = [‘a’,’b’,’c’]; var res = ary.push(‘d’,’e’); console.log(ary); // [“a”, “b”, “c”, “d”, “e”] console.log(res); // 5 2. pop作用:删除转载 2017-03-19 10:15:06 · 398 阅读 · 0 评论 -
字符串,数组的操作方法集合
字符串以及数组常用方法字符串 str (增删改查…)http://www.365mini.com/js查询网址 var str = “abc”; 1. 连接字符串原字符串不变 str.concat() str.concat(“a”,”b”) ;//abcab截取字符串 2.str.slice(起始,结束(不包含结束点) ) 截取一个子串 原字符串不变 str.slice(0);//”a原创 2017-03-06 13:50:16 · 1132 阅读 · 0 评论 -
css属性
字体属性:(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位:PX、PD、EM 粗细 font-weight: b转载 2017-03-20 01:47:55 · 168 阅读 · 0 评论 -
Angular知识点梳理
由于收集的图片太大。就只能剪切开了 一、关于控制器和app 二、自定义指令 三、angular的基本指令 四、过滤选择器 五、服务转载 2017-03-20 02:17:24 · 389 阅读 · 0 评论 -
「Javascript」——跨域问题
什么是跨域? 为什么不能跨域? 跨域的解决方案都有哪些(解决方法/适用场景/get还是post)? 一、什么是跨域? 只要协议、域名、端口有任何一个不同,就是跨域。 二、为什么不能跨域? 浏览器有一个同源策略,用来保护用户的安全。 如果没有这个策略的话,a网站就可以操作b网站的页面,这样将会导致b网站的页面发生混乱,甚至信息被获取,包括服务器端发来的session。 三、跨域的解决方转载 2017-03-20 02:32:30 · 191 阅读 · 0 评论 -
hexo与github搭建个人博客
一直在csdn上传自己的记录,慢慢感觉不能满足自己,于是就查询资料搭建了个人博客。尝试了很多方法,最终发现hexo,与github可以很好的结合搭建自己的小窝,网上也有很多大神提供了很多参考,自己是window系统,在这里把搭建的过程记录一下,希望可以帮助到需要的小伙伴。 写的太过杂乱,感觉也就自己看看,推荐大家查看: 自己看的感觉不错的文章,大家可以看看- - - - hexo安装散文 n原创 2017-03-21 11:28:07 · 372 阅读 · 0 评论 -
js获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
原文地址 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWid转载 2017-03-21 22:48:52 · 255 阅读 · 0 评论 -
es6常用方法
1.let , const let let声明的变量不存在预解析let声明的变量在块级作用域有效同一个作用内,let不可以声明重名的变量在代码块内部,不可以在声明变量之前使用constconst 声明的变量不可以重新赋值,必须在声明的时候进行初始化,除了这条规则,别的特性和let一致es6中引入了块级作用域2.解构赋值变量的解构赋值// var a = 1;// var b = 2转载 2017-03-29 00:07:26 · 287 阅读 · 0 评论 -
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 · 223 阅读 · 0 评论 -
node学习(3)
文件操作: 在操作较大的文件时,使用流式操作就不会完全占用电脑内存,更快捷 大文件操作(readFIle读取文件的时候,会把所有的文件数据加载到内存) 文件的流式操作 fs.createReadStream(path[, options]) fs.createWriteStream(path[, options])const path = require('pa转载 2017-03-29 00:58:40 · 205 阅读 · 0 评论 -
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 · 183 阅读 · 0 评论 -
hexo站内搜索功能实现
推荐文章:http://www.jerryfu.net 自己的个人博客:http://www.dongyj.xyz/ 1.注册https://swiftype.com/ 首先说明一下,注册需要企业邮箱,我是在腾讯注册了一个免费的企业邮箱。大家也可以尝试,别的都是收费的,也是找了很多才搞定。 注册后,需要在添加成员功能给自己添加一个邮箱。 然后就可以在sw注册了。 2.Create an原创 2017-03-22 11:31:48 · 1301 阅读 · 0 评论 -
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 · 915 阅读 · 0 评论