z1048956673的博客

原创 vscode markdown快捷键

vscode markdown快捷键光标聚焦的一行按下快捷键快捷键描述ctrl+b切换粗体ctrl+i切换斜体alt+s切换删除线ctrl+shift+]标题H1->H2ctrl+shift+[标题H2->H1alt+c表单切换(如checkbox)...

原创 extjs创建项目

extjs 创建项目创建项目命令sencha generate app --ext MyApp ./myapp // 默认使用最新版sencha generate app [email protected] MyApp ./myapp // 限定版本创建运行上面的命令将会创建名为 MyApp 的 Ext JS 应用，应用所有的文件都放在当前目录下名为 myapp 的文件夹。默认创建两套，...

原创 tsconfig.ts配置说明

{ "compilerOptions": { /* 基本选项 */ "target": "es5", // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT' "module": "comm...

原创 动态修改全局page样式

const myPage = PagePage = function (e) { let { onLoad } = e e.onLoad = (() => { return function (res) { wx.setPageStyle({ style: { background: '#ccc' ...

原创 本地模糊查询数组数据

fillterData(text, data, types) { let _text = text.toLowerCase(); let result = []; result = data.filter(function(item) { var str = ''; for (var i = 0; i < types.length;...

原创 tagCould3d 移动端优化版

针对https://github.com/bitjjj/JS-3D-TagCloud这个版本的做了移动端性能优化(使用transform做偏移及缩放，优化帧)。基本原理一致。classTagCould{mcList=[];active=false;//事件控制lasta=1;lastb=1;distr=...

原创 判断后台读取的图片是否加载完成

let img = this.$refs.wrapper.getElementsByTagName("img"); let count = 0; let length = img.length; if (length) { let timer = setInterval(() => { if (count =...

原创 针对微信无法自动播放问题

由于微信浏览器时不时出现无法自动播放音乐的问题，比如7.0.8及现在的7.0.15,都无法播放音乐。替代方案：<!--music start--><aside class="media-wrap on"> <img class="music_on" src="images/music_Light_on.png" alt="...

原创 处理IOS浏览器在input或者textarea获取焦点后底部留一块灰色空白区域的bug

document.body.addEventListener('focusout',function() { window.scrollTo(0,0)},false);

原创 iscroll5 滚动条根据内容高度自动显示隐藏及强制横屏时方向错位

横竖屏方向错位：move: function (e) { if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) { return; } if ( this.options.preventDefault ) { /...

原创 原生post请求

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

原创 angular5新增全局的模块

angular5新增全局的模块 比如新增一个全局的swiper，需要在webpack中配置：之后在代码中就可以用了 posted @ 2019-01-23 13:32 黑客PK 阅读(...) 评论(...) 编辑 收藏 ...

原创 angular5给懒加载模块添加loading

angular5给懒加载模块添加loading 在根组件的构造函数中直接执行：this.router.events.subscribe(event=&gt;{ if(event instanceof RouteConfigLoadEnd) { this.toast.hide(); } ...

转载 new Date()设置日期在IOS的兼容问题

一般这样创建一个日期变量var d = new Date("2017-08-11 12:00:00");发现在iOS中不兼容，返回valid Date。安卓手机兼容。IOS中不支持 - 连接日期需要写成var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/"));即,方能兼容苹果和安卓var d = new Date("20...

原创 将博客搬至CSDN

原创 关于window.open在不同浏览器的不同点

关于window.open在不同浏览器的不同点 菜鸟教程： http://www.runoob.com/jsref/met-win-open.html一、基本语法：window.open(URL,name,specs,replace)其中：URL  为子窗口路径name  为子窗口名字specs 为窗口参数(各参数用逗号分隔)二、返回值：...

原创 css modules

css modules https://juejin.im/post/5aa727fc518825364001159bhttp://www.ruanyifeng.com/blog/2016/06/css_modules.htmlhttps://segmentfault.com/a/1190000010301977babel-plugin...

原创 手机端强制横屏显示

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

原创 分享到QQ空间和新浪微博功能

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

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

save 和 restore 函数的应用 保存canvas和恢复canvas clip函数的应用 文字的绘制 背景图片的绘制 离屏canvas 基于时间的运动 ...

原创 微信浏览器各机型信息

 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 (...

原创 布局常见

1、多行文字居中2、标题中划线

原创 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 prefix 4...

原创 audiosprite的使用

github地址：https://github.com/tonistiigi/audiosprite 使用方法：http://www.jikexueyuan.com/course/2510_2.html?ss=2  

原创 域名限制

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

原创 requirejs重点

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

原创 移动端适配1px问题

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

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

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

原创 函数节流及函数防抖

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

原创 递归缓存技术，缓存机制Memoization

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

原创 i++与++i

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

原创 移动端line-height问题

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

原创 圆环进度css

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

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

双指缩放总结之原型写法的事件绑定及自定义事件机制 原型写法的事件绑定有点麻烦！为什么呢？因为原型方法里面的this指的是构造出来的那个对象。而事件绑定的事件处理函数里面的this是指绑定事件的这个对象。比较矛盾。所以一开始我就直接用了红框中的写法：发现非常的不妥当。因为这有就无法为document绑定新的相同事件了。及别人在使用...

原创 chrome快捷键

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

原创 webstrom live templates

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

原创 canvas事件处理机制

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

原创 .jshintrc配置

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

原创 .gitignore详解

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

原创 github使用技巧

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