- 博客(41)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 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
54978
3
原创 vue2和vue3中mixins的使用
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。vue文档——mixin混入Vue2.x 中mixin的使用// mixin.jsexport default{ data(){ return{ } }, created() { // do something... }, methods:{...}}// vue页面中.
2020-12-24 16:01:41
12614
6
原创 node启动程序-清理由于崩溃导致的没有关掉的进程
const _execSync = require('child_process').execSyncexecSync (cmd, opt = {}) { return _execSync(cmd, Object.assign({ stdio: 'pipe', maxBuffer: maxBuffer }, opt)) } // 清理由于崩溃导致的没有关掉的进程 -------------------- var list = execSync('ps ax | grep node').
2020-11-30 16:43:54
336
原创 uni-app 在main.js中导入全局文件报错处理
小程序开发公共js，想要在全局导入，结果发现会出现找不到模块的错误。报错如下：Could not find a declaration file for module './static/ajax/ajax.js'. '/Users/mouwx/src/static/ajax/ajax.js' implicitly has an 'any' type.报错的原因就是因为ts中这些modu...
2020-03-07 13:26:04
9333
1
原创 ios下audio多音轨自动播放
手机界的ie——ios手机，总是会有很多自己的一些规则，或好或坏的影响了开发者。这次记录的是本次开发遇到的多音轨播放音乐，各种场景下切换音频时候遇到了一些坑。无法自动播放ios下的safari和微信内置浏览器都不支持audio的自动播放document.addEventListener('WeixinJSBridgeReady',function(){audio.play()},false...
2020-01-07 11:51:31
787
原创 Photoshop保存图片时闪退
百度打开首选项找到性能进入性能调节内存OK然而我的还是没法保存…接着查没有解决接着搞找到PHOTOSHOP安装目录、找到其中的增效工具文件夹Plug-ins将其改名，随便什么名都可以；然后在同一目录下新建一个空目录，命名为Plug-ins；启动PHOTOSHOP问题解决，PHOTOSHOP可以正常启动了，只是Plug-ins里面没有内容，所以所有的增效工具没有加载。...
2019-11-28 16:44:32
12981
1
原创 CSS让视频，图片背景透明化
mix-blend-mode混合模式中有一种混合模式名为滤色，单词是screen，其有一个很有意思的特性表现，那就是黑色和其它元素进行混合的时候表现为透明。<div class="figure"> <img src="https://source.unsplash.com/VW8MUbHyxCU/1920x1080" alt="" class="image"> &l...
2019-11-07 14:59:23
4794
原创 npm镜像 yarn镜像 yarn install ERRO
yarn安装依赖报错：node_modules\phantomjs-prebuilt: Command failed切成国内镜像PHANTOMJS_CDNURL=http://npm.taobao.org/mirrors/phantomjs yarn installyarn官方中文文档淘宝镜像NPM查询当前镜像npm get registry 设置为淘宝镜像npm conf...
2019-10-25 13:51:19
595
原创 CSS基础
CSS是什么CSS，层叠样式表（Cascading Style Sheet）是网页添加样式的代码。它不是真正的编程语言，甚至不是标记语言，而是一门样式语言。CSS创建CSS接入HTML文档的方式有三种：CSS文件接入：新创建一个CSS文件，例如styles.css。可以在head标签中使用link标签引入<link href="./style.css" rel="stylesh...
2019-10-23 17:15:06
131
原创 常用HTML标签
比较全的学习前端网站MDN还有国内的菜鸟教程 和 W3school以上都是很全面的前端教程网站，可以免费学习。什么是 HTML?HTML (HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。其实就像是我们现实中搭起来的架子，只要有这个架子才可以很好支起高楼。HTML基本结构从上图可以看出来，主要分为： 声明 ：...
2019-10-21 15:28:43
492
原创 Svelte 3
SvelteSvelte是一个组件框架，类似于react或vue。它区别于传统框架的声明式，避免浏览器使用虚拟DOM等技术将声明式结构转化为DOM操作的额外消耗，增加垃圾收集器负担和消耗框架预算等。什么是Svelte？Svelte 是由 Rich Harris 创建的 JavaScript UI 库。 Rich 认为 virtual DOM 带来了额外开销，并提出了 Svelte，现在它正处...
2019-10-18 16:56:23
580
原创 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
814
原创 vue 多个组件导入 require.context()
如果页面需要导入多个组件import likeView from "@/components/detail/like-view.vue";import hoverView from "@/components/detail/hover.vue";import animationView from "@/components/detail/animation.vue";components...
2019-10-17 10:15:48
1948
1
原创 ios使用js 的 touch延迟
在最近做了一个h5小游戏，有拖拽功能，比较简单，没有使用插件，自己手动撸了。发现安卓和谷歌都是OK的，iOS会出现拖不动的问题。联想1、touch延迟问题？touchmove延迟49ms(感觉不像)2、touch导致页面卡顿？3、touch事件太过于频繁，试试preventDefault解决这个问题（实测加上他就OK了）解决最后加上preventDefault发现好一些了，虽然在io...
2019-09-06 18:28:33
463
原创 js 随机生成时间段
这是一个没啥大用的功能，是因为有时候随机补量，或者让自己的数据做的更好看一些，需要随机生成一些时间段（对，就是作假时候用的）需求1、需要生成的时间段数量2、生成时间的范围3、每一天每个时间段的占比代码data() { return { thatTime: 0, // 获取要计算的开始时间 inputNumber: "", // 需要生成的数量 dat...
2019-08-30 11:50:16
3789
1
转载 使用matrixChange，一个酷炫的矩阵动画库
matrixChange 安装<script src="https://cdn.jsdelivr.net/npm/matrixchange@1/dist/matrixChange.js"></script>npm install matrixchange --save// oryarn add matrixchangelet mChange =...
2019-08-19 16:42:55
722
原创 mpvue云开发小程序之视频插件
首先，你要是个人开发，想要使用小程序视频插件，那么你可以关掉，把你的插件代码删掉了。因为腾大爷不支持个人开发文娱类小程序，而且申请插件时不会提醒你。以下就开始记录一下云开发-视频插件添加插件打开微信公众平台，设置中直接添加点击查看详情就能看到官方的文档，写的很屎，下面是地址https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75...
2019-08-08 15:43:25
789
原创 mpvue小程序云开发 + 富文本editor
1、mpvue在使用新组件editor的时候发现 bindready=“onEditorReady” 没法用@ready所以我用了监听页面初次渲染完成onReady，来进行富文本实例化创建2、上传图片问题，上传之后发现云开发的fileID在富文本中没法显示，可是用image组件是没有问题的。坑爹货，只能用wx.cloud.getTempFileURL获取临时路径，返回值中的tempFile...
2019-07-17 18:10:29
11501
原创 更新npm
获取当前npm版本npm -v更新到最新版本如果不是最新版本，运行一下代码即可。npm install -g npm这样npm就更新到最新版本了。更新到指定版本npm -g install [email protected]淘宝镜像因为国内的网络环境原因，在下载npm包的时候经常会遇到无法正常下载的情况。国内淘宝推出了 npm 镜像，这是一个完整的 http://npm.taobao.or...
2019-06-21 15:09:53
451
原创 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
713
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
11920
1
原创 不常用事件记录
online当浏览器能够访问网络, 并且navigator.online的值被设为true时, online事件被触发navigator.onLine// falseoffline检测当前网络失去时启动// addEventListener versionwindow.addEventListener('offline', (event) => { console.l...
2019-06-20 18:12:00
615
原创 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
490
原创 微信分享公共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
456
原创 vue 兼容 ie9+，console阻断后面执行
vue - IEvue 兼容 ie9+，在开发 ie 过程中兼容做的好好的，可以说吃着火锅唱着歌，艹蛋的麻匪就把你截了！在 ie 下打开页面没有任何数据请求，查看控制台又发现突然之间好了，关掉刷新又奇葩的没有数据。心中一万个曹尼玛奔腾着。。。排查铁定百度一下你就知道百度给你说：ie 下，console 只有在 bug 模式下才会创建，生产模式下并不认识这个玩意儿，就报错，直接阻断后面的...
2019-06-06 11:27:34
584
原创 MarkDown 编辑高亮
MarkDown 编辑高亮更多前端工具和笔记博客：https://yaohuihou.github.io/MarkDown 文档主要是为了在引入一些代码的时候能够高亮显示，这样界面可以更加友好没有使用：# 创建一个 markdown 文件echo '# Hello VuePress' > README.md使用之后# 创建一个 markdown 文件echo '# H...
2019-06-06 11:25:17
7590
原创 xcrun: error || gyp: No Xcode or CLT version detected!
Mac 报错 xcrun: error更新 Mac 之后提交 git 报错：xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun自问是否已从...
2019-06-06 11:22:33
190
原创 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
13295
原创 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
272
原创 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
113
原创 微信小程序使用sublime开发 高亮&提示
微信开发工具 编辑功能很烂是有目共睹的，还是习惯用sublime，而sublime可以直接设置高亮的，不得不佩服它的强大；一打开就是一片白，懵逼相,这是点击右下角的这个东西让wxml按照html文件高亮就可以了，同样的步骤，也可以设置wxss为css代码提示就要感谢将这些已经将组件和部分其他内容都整成 为 sublime text 2&3 准备的微信应用号/小程序 snippet 感谢作者 @A
2016-11-18 10:56:21
15729
8
原创 字蛛使用
先贴字蛛官网：http://font-spider.org/1、想要用到字蛛首先要安装node 或者有 git 也可以；2、安装好之后就开始字蛛的安装，git复制这句：npm install font-spider -g3、接着一大堆乱七八糟的不用看懂；打开你做好的html文件夹，字体记得建一个font文件夹放进去，和images、CSS文件夹并排，字体名称一定要换成字母的，你可以是中文缩写什么的。
2016-11-03 17:11:17
8490
1
原创 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
584
原创 鼠标滚轮监测
window.onscroll = function(){ getScrollTop() } function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = window.pageYOffset; } e
2015-12-11 17:58:51
1698
原创 web前端面试题及答案
只是个人面试过程中遇到的一部分，不过这些也是前端开发必须掌握的知识，废话不多说，下面看题：1、你对面向对象是怎么理解的（连环题）？ 面向对象就是程序中，用一个对象描述现实中一个事物。 那为什么使用面向对象呢？主要因为面向对象更加接近于人的思维方式，更便于代码维护。 还有最重要的面向对象三大特点：封装、继承、多态。 封装：讲现实
2015-12-10 22:01:09
1272
原创 jQuery对AJAX操作的封装
jQuery对AJAX操作的封装1.jQuery对AJAX操作的封装——load() (‘…′).load(url,[data],[fn])异步加载指定URL返回的数据(必需是text/html)，挂载为当前选定元素的innerHTML示例：仿写GoogleSuggest，搜索建议服务器端：header(‘Content−Type:text/html′);客户端：(‘…’).load(url,
2015-11-20 00:00:33
2516
原创 Ajax异步请求——接受服务器返回的五种响应+补充
状态码 - 服务器端的状态2xx - 表示请求成功 200 - 请求成功3xx - 表示重(新)定向 302 - 表示重定向 url - 重新指定的地址 304 - 服务器端资源没有变化 浏览器具有缓存4xx - 表示客户端错误 403 - 请求被拒绝 404 - 请求的网页不存在 405 -
2015-11-15 09:07:06
3796
原创 AJAX异步请求——练习
利用AJAX异步请求，实现点击不同按钮，客户端向服务器端请求该按钮对应大洲的国家名，并响应到客户端页面。使用AJAX的步骤： (1)创建XHR对象——XMLDOM对象 (2)绑定onreadystatechange事件监听函数 (3)创建请求消息 (4)发送请求消息通过这四步实现点击 加载服务器端内容到客户端，先构建html内容： 亚洲 美洲 欧洲
2015-11-14 23:06:20
397
jquery插件编写
2016-05-18
js文件如何实现分段加载
2015-11-26
面向对象与面向过程有什么区别
2015-11-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人