u014477038的专栏

修改html2canvas生成图片的dpi

最近在看别人的接口数据，用proxyman可以抓ios的数据，但是怎样都无法抓去电脑chrome的数据，搜了半天，结果有人说是不是因为开了代理插件，我把Proxy SwitchyOmega关了就正常了，记录一下。

之前使用krpano制作360全景，昨天同事说还有另外一种模式，可以放超高像素图片，去官网看了一下，确实有这个功能，设计有个需求，需要在开屏的时候，页面放大到指定位置，在官网找了1个多小时文档，结果找不到方法。跟同事说了一下实现不了，他说看看放大的那个按钮是怎么实现放大效果的，看了一下，确实可以实现。krpano的skin文件夹下的defaultskin.xml中放大按钮的代码如下：在krpano的ready回调函数中，调用方法，在判断一下停止时机即可：解决放大问题，这里用的setInt..

我遇到的跨域问题不是一般的跨域问题，一般的网上搜一下就有了，今晚改了一下线上的项目，结果出现了跨域问题，之前在家里做的好好的，来到sz就不行了，然后问了一下朋友，提示说是不是dns问题，结果改了一下电脑的dns，就可以了，奇怪，不知道为什么会出现这种问题。朋友说dns被劫持了，但是不知道其中的原理，记录一下。...

1、图片压缩：https://tinypng.com/这是一个图片无损压缩网站，单次只能压20张，单张图片限制在5m以内，也可以自己对接sdk，免费用户单月500次请求。2、音频压缩：https://online-audio-converter.com/在高级设置里，选择64kpbs，这个比特率是比较适中的比特率，如果音质不能接受，则选择更高的比特率。这个网站还可以转换格式，不过基本都...

问题：今天上线了一个移动端项目，适配使用的是flexible.js，按钮的背景色是渐变的，然后切了1px来做平铺，没想到在安卓上无法正常显示，ios显示正常。解决过程：然后排查了一下，可以看得到background-image的url，路径没问题，base64也没问题，最后想了一下，可能是因为background-image宽度可能不够，安卓对太小的rem识别不了。解决方法：1...

最近项目全线用了新的vw适配方案，设置了img的宽度，在ios上无法显示图片，google之，找到了解决办法，全局使用img{content:normal!important;}既可解决。找了一下原因，是因为在content中写了viewport-units-buggyfill来兼容不支持vw的设备，导致这个原因。那上面的方法就不是最佳解决方案，应该在图片外层套一个div，设置位置跟宽度，...

今天在弄一个canvas生成图片自动下载功能，之前用的下面这串代码，可以下载，一点问题没有，相同的代码突然就不能用了。 var a = document.createElement("a"); a.href = href a.download = '图片标题'; a.click();后来谷歌了之后才发现是chrome对下载图片的像素大小有限制，这次图...

今天在找东西学习，想起vuex貌似用的挺多的，但是自己却没怎么用到，就打开官方文档看了一下，但是没有什么使用经验，总觉得简单的东西看不懂，于是就去谷歌找了一下教程，找到掘金上的一位大神录的视频，虽然讲的东西都很基础，但是一听就懂，记录链接：https://juejin.im/entry/59191b6b0ce4630069f6a3advuex就是为了解决同一个状态多处引用，担心状态不统一...

包地址：https://github.com/alexgibson/shake.js今天老大突然说摇一摇功能用不了，查了一下，官方issus已经有人反馈，看了一下，说要去safari设置打开“动作与方向访问”。但是测试了一下，还是不行。Safari提示：Blocked attempt to add a device motion or orientation listener becaus...

今晚没事干读了一下掘金上的热文，记录一下其实搞清楚js的原理的感觉就跟解出数学题一样，成就感爆棚。原文连接:https://juejin.im/post/5cbc0a9cf265da03b11f3505记录一下常见的宏任务跟微任务：宏任务：script(整体代码)、setTimeout、setInterval、I\O、事件、postMessage、MessageChan...

最近在修改老项目的问题，使用启动wepy项目的时候发现缺少wepy-compiler-sass，于是想着使用npm rebuild node-sass看看能不能解决，问题依旧，想起以前好像也有项目启动不了的情况。又想起来最近更新了node版本，于是使用nvm list 列出本机的node本，使用nvm use v7.7.4切回当前目录node的版本，再运行就没问题了，出现这个问题的情况有可能是因为...

js里面for循环的执行顺序：for(起始状态；判断条件；状态改变){　　　　　　　　执行语句；　　　　　　　　}1.判断条件    2.执行语句    3.状态改变由此可以得出：for(let i=2;i<1;i++){console.log(i)};是不会打印出i的...

create-react-app版本：1.5.2 1、首先安装sass-loader node-sassnpm install sass-loader node-sass —save-dev 2、运行npm run eject这时候会生成配置文件 3、找到config文件里的webpack.config.dev.jswebpack.config.prod.js里...

create-react-app版本：1.5.2 1、首先安装sass-loader node-sassnpm install sass-loader node-sass —save-dev 2、运行npm run eject这时候会生成配置文件 3、找到config文件里的webpack.config.dev.jswebpack.config.prod.js里...

今天新建了vue项目，引入lib-flexible之后，html标签设置的dpr一直都是1，想到之前也遇到这个问题，但是忘了怎么解决了，于是百度，谷歌都找，突然想起来是因为html文件的一行默认设置，把那行设置去掉就可以了，将html文件的<meta name="viewport" content="width=device-width,initial-scale=1.0"> 删除，重...

如图，苹果的loading图是这样的，今天写小程序的时候，想着加一个图片上传的loading动画，突然想到苹果的这个loading图标，于是想着怎么实现，去百度跟谷歌找了一下，发现没人发过？要不就是我搜索方式不对，于是想起以前做过一个类似的loading动画，由两个半圆组成。于是想着，这个有缺口的圆，想象成一个半圆加另外一个半圆旋转一定角度就可以了，想好就开工。以下是实现代码：<!DOCTY...

1、今天在使用mpvue的时候，将data里面的变量名跟methods的函数名写成一样的了，结果控制台没报错，微信的控制台报this.xxx() is not a function，心里想，其他页面直接调用methods里的函数都没问题，怎么这个就不行了，调了半个小时，突然发现变量名跟函数名是一样，改了其中一个，马上就ok了，不知道vue这么写会不会报错什么的，记录一下。...

小程序的视频组件没有隐藏播放按钮的属性，但是看了爱奇艺的小程序，发现他们可以自定义播放按钮，这就比较奇怪了，官方不提供，还能实现，一定有办法，于是想了很久，突然想到，可以在video组件里面嵌套两个cover-image，一个用来存放播放按钮，另外一个用来存放视频封面图，写好之后，又发现了新问题，网络比较慢的时候，封面图加载不及时，还是可以看得到原生的播放按钮。于是仔细研究了爱奇艺的小程序，原来在...

最近使用vue-cli创建项目的时候，遇到es6无法转换成es5的情况，项目在ios9下无法正常运行，在webpack.base.conf.js里面修改babel的配置项，添加src目录也没用，于是百度，谷歌找方法，最后自己想了想是不是没有配置.babelrc文件，于是在项目根目录创建.babelrc文件，同时在文件中编写{ "presets": ["env"], "plugins": ["t...