JavaScript
关注
分享
扫一扫
文章平均质量分 83
rancho辉
It just works.
展开
-
js生成二维码的几种方法
一：arale-qrcodearale-qrcode GitHub路径npm i arale-qrcode<html> <body> <div id="share_tools"></div> <script src="qrcode.min.js"></script> </body> ...原创 2019-11-04 15:31:05 · 56845 阅读 · 4 评论 -
pagemap 页面地图导航
pagemap.jspagemap.js是一款基于canvas的web页面mini导航面板插件。该插件可以为web页面制作出类似sublime编辑器右侧的mini导航面板效果。pagemap npm installnpm i pagemaphtml导入<script type="text/javascript" src="/pagemap.min.js"></scri...原创 2019-10-17 17:35:41 · 883 阅读 · 0 评论 -
ios使用js 的 touch延迟
在最近做了一个h5小游戏，有拖拽功能，比较简单，没有使用插件，自己手动撸了。发现安卓和谷歌都是OK的，iOS会出现拖不动的问题。联想1、touch延迟问题？touchmove延迟49ms(感觉不像)2、touch导致页面卡顿？3、touch事件太过于频繁，试试preventDefault解决这个问题（实测加上他就OK了）解决最后加上preventDefault发现好一些了，虽然在io...原创 2019-09-06 18:28:33 · 583 阅读 · 0 评论 -
更新npm
获取当前npm版本npm -v更新到最新版本如果不是最新版本，运行一下代码即可。npm install -g npm这样npm就更新到最新版本了。更新到指定版本npm -g install npm@2.9.1淘宝镜像因为国内的网络环境原因，在下载npm包的时候经常会遇到无法正常下载的情况。国内淘宝推出了 npm 镜像，这是一个完整的 http://npm.taobao.or...原创 2019-06-21 15:09:53 · 499 阅读 · 0 评论 -
node更新版本
项目启动报错更新框架之后，node版本由于比较低，导致了项目启动问题。监测node版本node -v开始清除缓存，这一步是为了避免node_module文件缓存导致报错 npm cache clean --force安装n模块，专门用来管理node.js的版本 npm install -g n // 有报错加 –force npm install -g n ...原创 2019-06-21 15:02:02 · 768 阅读 · 1 评论 -
h5页面获取网络状态总结 - 网络状态API
微信开发微信中提供了很全面的api，除了小程序的api还有WeixinJSBridge。// 页面开发 & 小程序开发wx.getNetworkType({ success: res => { var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi }}) connection通过JS判断网络状态调...原创 2019-06-21 11:40:13 · 12309 阅读 · 1 评论 -
不常用事件记录
online当浏览器能够访问网络, 并且navigator.online的值被设为true时, online事件被触发navigator.onLine// falseoffline检测当前网络失去时启动// addEventListener versionwindow.addEventListener('offline', (event) => { console.l...原创 2019-06-20 18:12:00 · 677 阅读 · 0 评论 -
URLSearchParams -- 处理 URL 的查询字符串
URLSearchParams接口定义了一些实用的方法来处理 URL 的查询字符串。new一个URLSearchParams，返回一个 URLSearchParams 对象。可以通过for…of获取代码示例var paramsString = "q=URLUtils.searchParams&topic=api"var searchParams = new URLSearchPar...原创 2019-06-20 15:48:18 · 538 阅读 · 0 评论 -
微信分享公共js
微信分享更多前端工具和笔记博客：https://yaohuihou.github.io/基于微信公众号分享，调用微信 sdk，引用本文件前必须保证页面已经引入（支持 https） http://res.wx.qq.com/open/js/jweixin-1.2.0.js 详细查看微信公众号开发这里是微信分享公共方法CommonJs本文件判断 CommonJs API（module.ex...原创 2019-06-06 11:28:49 · 499 阅读 · 0 评论 -
vue 兼容 ie9+，console阻断后面执行
vue - IEvue 兼容 ie9+，在开发 ie 过程中兼容做的好好的，可以说吃着火锅唱着歌，艹蛋的麻匪就把你截了！在 ie 下打开页面没有任何数据请求，查看控制台又发现突然之间好了，关掉刷新又奇葩的没有数据。心中一万个曹尼玛奔腾着。。。排查铁定百度一下你就知道百度给你说：ie 下，console 只有在 bug 模式下才会创建，生产模式下并不认识这个玩意儿，就报错，直接阻断后面的...原创 2019-06-06 11:27:34 · 633 阅读 · 0 评论 -
js实现复制到剪贴板
js 复制到剪贴板1、execCommand原生 copy，兼容 ios10 +var input = document.createElement('input');input.setAttribute('readonly', 'readonly');input.setAttribute('value', Copytext);document.body.appendChild(inp...原创 2019-06-06 11:20:22 · 13404 阅读 · 0 评论 -
git 配置 SSH
git 配置 SSH配置 SSH如果您还没有 SSH 密钥，则必须生成新的 SSH 密钥。如果您不确定是否已有 SSH 密钥，请检查现有密钥。# 查看.ssh中的文件cd ~/.sshls# 查看其中是否有.pub 文件config id_rsa.pub known_hosts id_rsa id_rsa_docker qyer_config...原创 2019-06-06 11:18:19 · 320 阅读 · 0 评论 -
git 常用命令
git 常用命令git - 简易指南廖雪峰 git 教程阮一峰常用 git 命令清单添加文件：git add .commit：git commit -m ''commit 信息前缀:feat：新功能（feature）fix：修补 bugdocs：文档（documentation）style：格式（一些不影响功能的代码变动）refactor：重构test：增加测试...原创 2019-06-06 11:15:56 · 139 阅读 · 0 评论 -
微信小程序使用sublime开发 高亮&提示
微信开发工具 编辑功能很烂是有目共睹的，还是习惯用sublime，而sublime可以直接设置高亮的，不得不佩服它的强大；一打开就是一片白，懵逼相,这是点击右下角的这个东西让wxml按照html文件高亮就可以了，同样的步骤，也可以设置wxss为css代码提示就要感谢将这些已经将组件和部分其他内容都整成 为 sublime text 2&3 准备的微信应用号/小程序 snippet 感谢作者 @A原创 2016-11-18 10:56:21 · 15818 阅读 · 8 评论 -
前端常用知识链接地址
前端一些有用的或需要了解的知识链接、教程原创 2016-05-18 14:09:01 · 804 阅读 · 0 评论 -
鼠标滚轮监测
window.onscroll = function(){ getScrollTop() } function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = window.pageYOffset; } e原创 2015-12-11 17:58:51 · 2202 阅读 · 0 评论 -
map的整理——面试问题
面试时候遇到遇到一道面试题：[1,2,3,4].map(parseInt);map是对数组中每个元素执行相同的回调函数，但不修改原数组，而是返回新数组。 现在总结一下有关map的实现原理： // 以下是它的实现原理。 if (!Array.prototype.map){ Array.prototype.map = function(fun /*, thisp*/) {原创 2015-12-11 18:21:11 · 631 阅读 · 0 评论 -
Ajax异步请求——接受服务器返回的五种响应+补充
状态码 - 服务器端的状态2xx - 表示请求成功 200 - 请求成功3xx - 表示重(新)定向 302 - 表示重定向 url - 重新指定的地址 304 - 服务器端资源没有变化 浏览器具有缓存4xx - 表示客户端错误 403 - 请求被拒绝 404 - 请求的网页不存在 405 -原创 2015-11-15 09:07:06 · 3966 阅读 · 0 评论