自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(252)
  • 收藏
  • 关注

转载 原生post请求

ajax: function(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; //请求地址 opt.async = opt.async || true; //是否异步...

2019-09-07 23:55:00 512

转载 angular5新增全局的模块

比如新增一个全局的swiper,需要在webpack中配置:之后在代码中就可以用了转载于:https://www.cnblogs.com/qianduanjingying/p/10308447.html

2019-01-23 13:32:00 225

转载 angular5给懒加载模块添加loading

在根组件的构造函数中直接执行:this.router.events.subscribe(event=>{ if(event instanceof RouteConfigLoadEnd) { this.toast.hide(); } if(event instanceof RouteConfigLoadStart) ...

2019-01-22 22:36:00 265

转载 将博客搬至CSDN

转载于:https://www.cnblogs.com/qianduanjingying/p/9956379.html

2018-11-14 09:55:00 128

转载 关于window.open在不同浏览器的不同点

菜鸟教程:http://www.runoob.com/jsref/met-win-open.html一、基本语法:window.open(URL,name,specs,replace)其中:URL为子窗口路径name 为子窗口名字specs为窗口参数(各参数用逗号分隔)二、返回值:返回新创建的window对象。所以可以用返回的window调用方法。第二个对...

2018-11-06 10:53:00 467

转载 css modules

https://juejin.im/post/5aa727fc518825364001159bhttp://www.ruanyifeng.com/blog/2016/06/css_modules.htmlhttps://segmentfault.com/a/1190000010301977babel-plugin-react-css-modules 在react中使用转载...

2018-03-28 00:51:00 84

转载 手机端强制横屏显示

核心js代码:// 强制横屏显示。事件需要在此处重新绑定,绑定的swipeLeft之类的方向会错误,需要重新绑定。 var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; window.addEventListener(resizeEvt, orientat...

2018-03-07 14:30:00 218

转载 分享到QQ空间和新浪微博功能

分享到QQ空间http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://campus.51job.com/cmbnt/?pageid_1&;title=xxxx2018校园招聘&;desc=xxxx&;summary=xxxxx&;site=xxxxx  ...

2018-03-01 11:51:00 110

转载 HTML5 Canvas核心技术 图形、动画与游戏开发学习总结

save 和 restore 函数的应用保存canvas和恢复canvasclip函数的应用文字的绘制背景图片的绘制离屏canvas基于时间的运动转载于:https://www.cnblogs.com/qianduanjingying/p/8391125.html...

2018-01-31 10:50:00 170

转载 微信浏览器各机型信息

vivo X6Awidth:360,height:569;offsetWidth:360,offsetHeight:569,screenwidth:360,screenheight:640dpr:3UA:Mozilla/5.0 (Linux; Android 5.0.2; vivo X6A Build/LRX22G; wv) AppleWebKit/537.36 (...

2018-01-30 16:23:00 563

转载 布局常见

1、多行文字居中2、标题中划线转载于:https://www.cnblogs.com/qianduanjingying/p/7991976.html

2017-12-06 11:52:00 75

转载 nodejs npm包管理常用命令介绍

1、输入 npm config ls -l 可以查看当前的设置2、针对某一项设置,可以通过下面方式:npm config set 属性名 属性值eg:npm config set prefix "C:\123\"3、读取某一项配置,可以通过下面方式:npm config get 属性名eg:npm config get prefix4...

2017-10-31 22:51:00 86

转载 audiosprite的使用

github地址:https://github.com/tonistiigi/audiosprite使用方法:http://www.jikexueyuan.com/course/2510_2.html?ss=2转载于:https://www.cnblogs.com/qianduanjingying/p/7696149.html...

2017-10-19 23:14:00 117

转载 域名限制

1. 英文域名: 1) 26个英文字母 2) “0”到“9”的数字 3) “-”英文中的连词不得用于开头及结尾处2. 中文域名: 1) 两到十五个汉字之间的字词或词组 2) 26个英文字母 3) “0”到“9”的数字 在域名中字符的组合也有一些限制: 1. 在域名中是不区分英文字母的大小写。2. 中文域名不区分简繁体。 3. 空格及符号如“?/\;:@#$%^~_=+,8. 。<&...

2017-05-16 17:34:00 388

转载 requirejs重点

1、shim:用于配置不是通过define函数包装的文件,导出什么东西,如果这个文件不再baseURL目录下的话,需要在paths中配置文件目录。并且paths中的键名、shim中的键名、require、define的名称是一样的。不然报错。shim中的exports是需要输出这个文件的什么东西。例如:这是很常见的类的写法的插件。没有使用define函数包装。这样的话需要在shi...

2017-05-08 16:19:00 90

转载 移动端适配1px问题

(function(document) { var dcl = document.documentElement, wh; var scale = 1/window.devicePixelRatio; document.querySelector('meta[name="viewport"]').setAttribute('content','initi...

2017-05-05 16:46:00 116

转载 针对animationend和transitionend多次执行的问题解决方案

对于animationend事件来说的话,如果我们在外层添加这个事件监听,如果监听元素里面还有动画,则里面元素动画结束也会执行这个animationend事件。所以我们可以这样做:if(e.target === this) { console.log('end');}或者if(e.target === e.currentTarget) { ...

2017-05-05 13:55:00 275

转载 函数节流及函数防抖

假设我们网站有个搜索框,用户输入文本我们会自动联想匹配出一些结果供用户选择。我们可能首先想到的做法就是监听keypress事件,然后异步去查询结果。这个方法本身是没错的,但是如果用户快速的输入了一连串的字符,假设是10个字符,那么就会在瞬间触发了10次的请求,这无疑不是我们想要的。我们想要的是用户停止输入的时候才去触发查询的请求,这时候函数防抖可以帮到我们。函数防抖就是让某个函数在上...

2017-03-28 10:22:00 90

转载 递归缓存技术,缓存机制Memoization

先看一下代码:再看一下执行时间:可以看出第一个阶乘的执行时间是3ms,后面的由于缓存了之前的计算结果,所以直接返回结果。原理就是缓存之前的计算,避免重复计算。关键在于建立缓存数组。可以看一下执行第一行调用的时候memfactorial.cache是什么样子的从这张图即可得出结论,为何需要缓存。即避免重复计算。代码:function memfac...

2017-03-28 00:20:00 384

转载 i++与++i

首先我们定义一个变量i,int i=5;然后我们做执行printf(“%d”,i++);我们会发现输出结果是5。是为什么呢,我们要搞清楚printf(“%d”,i++);这句话是做两件事:1.输出i2.i=i+1;这里的顺序,是先输出i,再执行i=i+1;3然后我们初始化变量i,...

2017-03-27 15:51:00 95

转载 移动端line-height问题

转抄:http://blog.csdn.net/wjnf012/article/details/54316058最近碰到了这样一个问题,设置line-height属性让文字垂直居中,发现在PC端肉眼观察是居中的,但是在移动端(Android)上总是发现文字偏上,所以有以下的研究。搜索发现有人说在Android上会有2px的向上偏移,但是实践证明并不是,下面上图(本来准备制成表格比较起...

2017-03-07 23:03:00 124

转载 圆环进度css

看效果先:http://sandbox.runjs.cn/show/b6bmksvn参考:jquery圆环百分比进度条制作CSS clip:rect矩形剪裁功能及一些应用介绍CSS clip:rect几个值含义示意实例页面clip:rect下png通道透明下sprite图片定位实例页面clip:rect图片剪裁效果预览实例页面代码:<!D...

2017-03-03 17:36:00 62

转载 双指缩放总结之原型写法的事件绑定及自定义事件机制

原型写法的事件绑定有点麻烦!为什么呢?因为原型方法里面的this指的是构造出来的那个对象。而事件绑定的事件处理函数里面的this是指绑定事件的这个对象。比较矛盾。所以一开始我就直接用了红框中的写法:发现非常的不妥当。因为这有就无法为document绑定新的相同事件了。及别人在使用的时候极有可能使用这样的代码来清除浏览器默认的touchmove行为:remove...

2017-02-20 22:46:00 100

转载 chrome快捷键

常用的为:Ctrl+]       下一个面板Ctrl+[       上一个面板Ctrl+Alt+[   去上一个历史记录的面板Ctrl+Alt+] 去下一个历史记录的面板Ctrl+Shift+M 打开手机模式Ctrl+Shift+F 搜索整个页面的文件,类似全局搜索Elements面板H ...

2017-01-07 17:20:00 52

转载 webstrom live templates

javascript: 在live templates底部要选择javascript# $('#$END$')$ $($end$)$bd $(document.body)$d$(document)$w$(win...

2016-12-27 10:36:00 104

转载 canvas事件处理机制

可以查看demo:http://sandbox.runjs.cn/show/hjb2hzzx(建议查看console查看点击后的改变)具体原理是每次点击的时候去判断当前的鼠标坐标是属于哪一个路径下的,对当前的这个形状改变状态。for (var i = 0; i < drawData.length; i++) { drawSingleCircle(i); ...

2016-12-19 15:06:00 128

转载 .jshintrc配置

在root目录创建一个.jshintrc文件插入下面的代码即可。也可以自行配置。{ // // 强制选项 // // When set to true, these options will make JSHint produce more warnings about your code. /** * 是否阻止位运算符的使用 *...

2016-12-16 10:06:00 71

转载 .gitignore详解

今天讲讲Git中非常重要的一个文件――.gitignore。https://git-scm.com/docs/gitignore首先要强调一点,这个文件的完整文件名就是“.gitignore”,注意最前面有个“.”。这样没有扩展名的文件在Windows下不太好创建,这里给出win7的创建方法:创建一个文件,文件名为:“.gitignore.”,注意前后都有一个点。保存之后系统...

2016-12-15 20:09:00 58

转载 github使用技巧

转自:一秒钟把Github项目变成前端网站后面加了一些自己的东西一秒钟把Github项目变成前端网站GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样...

2016-12-15 00:31:00 85

转载 three.js添加文字

添加文字需要用到fontLoader,测试貌似只能异步。在success中回调。对于中文字体,需要将ttf格式转换为json格式或者是js格式之后才能使用,不过一般转换之后的文件比较大。建议使用Fontmin工具先压缩字体。比如说快上线的时候使用就可以了。转换格式的网站是:http://gero3.github.io/facetype.js/来个测试路径:https://ze...

2016-12-14 16:53:00 819

转载 JSLint检测Javascript语法规范

前端javascript代码编写中,有一个不错的工具叫JSLint,可以检查代码规范化,压缩JS,CSS等,但是他的语法规范检查个人觉得太“苛刻”了,会提示各种各样的问题修改建议,有时候提示的信息我们看的莫名其妙,这里,先转载一下携程UED的一个技术文章(原文链接http://ued.ctrip.com/blog/?p=2733),看看JSLint的错误提示都是什么意思:一直...

2016-12-13 13:21:00 201

转载 JSHint配置项说明

转自:http://www.jianshu.com/p/4cb23f9e19d3什么是JSHint?官方网站这样介绍:JSHint, A Static Code Analysis Tool for JavaScript;This is JSHint, a tool that helps to detect errors and potentialproblems in...

2016-12-13 12:02:00 626

转载 插件写法(基于继承)

/** * @author: xiangliang.zeng * @description: * @Date: 2016/12/12 16:57 * @Last Modified by: xiangliang.zeng * @Last Modified time: 2016/12/12 16:57 */(function(factory) { ...

2016-12-12 17:14:00 61

转载 tween.js

简要教程tween.js是一款可生成平滑动画效果的js动画库。相关的动画库插件还有:snabbt.js 强大的jQuery动画库插件和Tweene-超级强大的jQuery动画代理插件。tween.js允许你以平滑的方式修改元素的属性值。你只需要告诉tween你想修改什么值,以及动画结束时它的最终值是什么,动画花费多少时间等信息,tween引擎就可以计算从开始动画点到结束...

2016-12-10 15:01:00 290

转载 three.js 之旅 (三)

复制自:http://www.cnblogs.com/ssrsblogs/p/5611332.html创建模型: 1.长方体:  THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments)   width是x方向上的长度; height是y方向上的长度;  ...

2016-12-08 16:33:00 112

转载 three.js笔记

复制自:http://www.cnblogs.com/duanhaochen/p/5536410.html/*** 场景(scene) ***/var scene = new THREE.Scene(); // 创建场景scene.add(x); // 插入场景/*** 相机(camera) ***/// 正交投影相机va...

2016-12-08 14:46:00 64

转载 js函数命名常用动词

get 获取/set 设置, add 增加/remove 删除create 创建/destory 移除 start 启动/stop 停止open 打开/close 关闭, read 读取/write 写入load 载入/save 保存, create 创建/destroy 销毁begin 开始/end...

2016-12-06 10:44:00 131

转载 编程的智慧

转自:http://www.jianshu.com/p/7645a5ea7f46转载于:https://www.cnblogs.com/qianduanjingying/p/6133332.html

2016-12-05 11:43:00 76

转载 npm package.json属性详解

转自:http://www.cnblogs.com/tzyy/p/5193811.html章节目录概述nameversiondescriptionkeywordshomepagebugslicense和用户相关的属性: author, contributorsfilesmainbinmandirectoriesdirec...

2016-11-17 10:56:00 70

转载 tree命令的使用

有些工作在linux下完成就是比在windows下完成高效!windows和linux都有tree命令,主要功能是创建文件列表,将所有文件以树的形式列出来windows下的tree比较垃圾,只有两个参数,/F 是递归显示每个文件夹的名称;/A 是使用ASCII字符而不是扩展字符,感觉还不如不加/A 参数好。linux下的tree就比较强大了,但一般系统并不自带这个命令,需要...

2016-11-15 00:06:00 205

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除