- 博客(20)
- 收藏
- 关注
原创 NODE的全局对象和全局变量
eg:除此之外,还有一些对象实际上是模块内部的局部变量,指向的对象根据模块不同而不同,但是所有模块都适用,可以看作是伪全局变量,主要为module, module.exports, exports等。1、定时器函数:共有4个,分别是setTimeout(), clearTimeout(), setInterval(), clearInterval();3、console:指向Node内置的console模块,提供命令行环境中的标准输入、标准输出功能。2、__dirname:指向当前运行的脚本所在的目录。..
2022-08-15 13:43:32
456
1
原创 奇葩bug记录
bug表现:vue移动端,列表页跳转详情页,在详情页面点击浏览器返回,无法返回列表页,url路径变化,页面还在详情页。点击2次返回则隔着列表页返回到列表页的前一个页面。
2021-11-21 18:33:30
258
原创 手把手教你开发一个vue组件打包并发布到npm包
手把手教你开发一个vue组件打包并发布到npm包在项目开发中,你一定经常通过npm install安装使用各种各样的npn包插件。那你是否想过自己实现一个npm包呢,本篇文章手把手教你实现自己的npm包。其他文章有介绍不使用vue init一个项目的方法来发布自己的npm包。弊端是 1.无法确认安装什么样的依赖,只能直接复制使用别人的。2.无法测试,发布成功后只能在另一个项目中安装后看到和测试组件的bug,不断地发布和安装组件修改bug非常麻烦。因此推荐使用vue init webpack-simple
2021-09-30 17:45:32
999
原创 h5与原生app交互的原理
h5 与原生 app 交互的原理现在移动端 web 应用,很多时候都需要与原生 app 进行交互、沟通(运行在 webview中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 app 的功能。所以,这次就来捋一捋 h5 与原生 app 交互的原理。h5 与原生 app 的交互,本质上说,就是两种调用:app 调用 h5 的代码h5 调用 app 的代码1. app 调用 h5 的代码因为 app 是宿主,可以直接访问 h5,所以这种调用比较简单,就是在 h5 中曝露一些全
2021-08-25 17:46:24
907
原创 vue中封装wang-editor组件和自定义音频组件
wang-editor.vue<template><div> <div :id="params.id"> </div> <Audio v-if="audioShow" @uploadAudio="uploadAudio"/></div></template><script>import E from 'wangeditor'import Audio from './audio.vue'
2021-07-30 10:32:53
1589
7
原创 推荐一个设计头像logo的网站touxianglogo.com
推荐一个好用的免费自定义设计头像,logo,商标等图片的网站头像logo网,该网站虽然不能实现很复杂的设计,但是对于普通需求足够了,并且不用注册登录,免费下载。
2021-06-17 17:07:21
295
原创 生成uuid
// 生成uuidexport function getUuid () {const s = []const hexDigits = ‘0123456789abcdef’for (var i = 0; i < 36; i++) {s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)}s[14] = ‘4’s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1)s[8]
2021-04-28 17:36:28
90
原创 https://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all
百度echarts galleryurl:https://gallery.echartsjs.com/explore.html#sort=ranktimeframe=allauthor=all
2020-09-24 09:54:34
2410
2
原创 监听元素滚动到底部
scroll (e) { // const box = document.getElementsByClassName('collection')[0] const box = this.$refs.collection // 变量scrollTop是滚动条滚动时,距离顶部的距离 const scrollTop = box.scrollTop // 变量windowHeight是可视区
2020-08-20 10:15:49
725
原创 2020-08-14
在网页中,我们会遇到很多在滚动条到底部的时候有数据正在加载的事件,那么怎样用vue去实现这样的内容呢?本篇只给出一个雏形,结合vue的生命周期用纯javascript写的一个监听函数,后续操作数据库的部分暂且不议。1、怎样用纯js判断滚动条是否到底部?先了解几个关键词:(1)滚动条到顶部的位置:scrollTop(2)当前窗口内容可视区:windowHeight(3)滚动条内容的总高度:scrollHeight触发监听的函数是:1window.onscroll = function(){…}
2020-08-14 15:05:53
103
原创 vue用input调取用户相机相册lrz压缩实现上传
<mt-popup v-model="popupVisible" position="bottom"> <ul> <li>拍照 <input id="cameraInput" type="file" accept="image/*" capture="camera" @cha...
2020-07-29 16:17:19
315
原创 HTML5调用手机摄像机、相册功能 input方法
HTML5调用手机摄像机、相册功能 方法最近用MUI框架做webapp项目,在有PLUS环境的基础上能直接调用手机底层的API来使用拍照或从相册选择上传功能!在查资料的时候,想起了另一种用input调用摄像和相册功能的方法,之前没有深入了解过,现在整理一下:不需要特殊环境,使用input标签 type值为file,可以调用系统默认的照相机、相册、摄像机、录音功能。先上代码:accep...
2020-03-18 11:45:34
1488
原创 微信小程序tab切换,可滑动切换,导航栏跟随滚动实现
微信小程序tab切换,可滑动切换,导航栏跟随滚动实现简介看到今日头条小程序页面可以滑动切换,而且tab导航条也会跟着滚动,点击tab导航,页面滑动,切导航栏也会跟着滚动,就想着要怎么实现这个功能像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多,我这里只是一个小demo,没有怎么去考虑数据的问题,主要是想着去实现这么个功能,有可能后期引入数据后会出现问题,欢迎提出互相讨论解决过程...
2019-10-20 21:50:48
1018
原创 Permanently added the RSA host key for IP address '13.250.177.223' to t he list of known hosts.
Permanently added the RSA host key for IP address ‘13.250.177.223’ to t he list of known hosts.欢迎使用Markdown编辑器新手从远程库github.com克隆代码或者从本地仓库向远程仓库推送时可能会遇到如下的问题:Permanently added the RSA host key for IP...
2019-06-25 22:59:11
206
原创 react-redux和redux
redux和react-redux小记一开始接触redux时对于它的数据state和react本身的数据state还有点容易打结(它们是完全不同的两个东西,后面会讲到)现在搞清楚一点了,来小结一下。在此之前,还是先讲一下redux是干嘛的,也就是说它是解决什么需求的,这里举一个小例子。先来看看React里面的数据是怎样传递的(下图中并不是说this.state只能在“团长”处,这里只是为了简...
2019-06-16 17:09:28
416
原创 整理 node-sass 安装失败的原因及解决办法
整理 node-sass 安装失败的原因及解决办法npm install 时偶尔遇到报错:没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是因为没有卸载之前安装失败的包导致的。作者本人最后的解决方案是npm uninstall node-sass,然后使用VPN重新安装了一遍就成功了。不能翻墙的同学请...
2019-06-08 15:51:06
482
原创 WEB前端test()、match()、replace()和search()的用法
WEB前端test()、match()、replace()和search()的用法如果你使用过Javascript中的正则表达式,那么你对test()、match()、replace()和search()这四个方法中的其中一个一定不陌生,那就是test()。个人感觉test()方法是使用频率最高的一个了,至少在表单验证方面如此。2018WEB前端test()、match()、replace()和...
2019-06-03 22:02:30
2247
原创 Vue手写一个省市区三级联动
Vue手写一个省市区三级联动效果如下上代码(此篇代码思路是运用3个兄弟组件(省,市,区(县))相互传值)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devic...
2019-05-23 18:46:13
1276
1
原创 Vue传值(3种常用传值方法)
Vue传值(3种常用传值方法)父组件传值给子组件,首先父组件发送的形式是用bind(用缩写:)绑定值到子组件身上。然后子组件用属性props接收。子组件传值父组件,首先是子组件发送的形式是this.$emit(事件名,需要发送的值),事件名:父组件on监听的方法,父组件第一件事就是监听子组件发送过来的事件名,@事件名=获取值的方法。获取值的方法(值)*,就这样拿到了儿子发过来的值兄弟传值,...
2019-05-22 22:35:39
1196
原创 前端this指向总结
前端this指向总结this是很多人会混淆的概念,但是其实它一点都不难,只是网上很多文章把简单的东西说复杂了。看了这篇文章,你一定会彻底明白 this 这个概念的。我们先来看几个函数调用的场景function foo() { console.log(this.a)}var a = 1foo()const obj = { a: 2, foo: foo}obj.foo(...
2019-05-19 22:00:24
807
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人