Javascript
小问_
这个作者很懒,什么都没留下…
展开
-
JS CryptoJS 编码/解码 Base64 字符串
js CryptoJS 编码和解码 Base64 字符串原创 2023-01-06 15:40:09 · 6069 阅读 · 0 评论 -
[Vue源码分析]Vue.extend与Vue.component的区别
版本:Vue.js v2.6.11Vue.extend与Vue.component的区别,网上搜了很多资料说的都挺好,但是心里似乎总有那么点恍惚,于是找来Vue的源码,一探它底层的实现原理。直入主题,Vue.extend代码如下/** * Class inheritance */ Vue.extend = function (extendOptions) { extendOptions = extendOptions || {}; var S原创 2020-05-30 17:20:39 · 544 阅读 · 0 评论 -
客户端/electron集成Facebook登录
本文记录下我的electron客户端软件集成Facebook登录,根据Facebook的开发文档来看,其他pc等端的(c/c++/c#等)客户端软件也可以集成该登录功能使用户快速登录。所需SDK:无需; 流程概述:在客户端中使用webview类的组件库请求访问Facebook的URL,并带上必要参数,登录成功后回调跳转到特定url,客户端监听webview的URL变动,并提取其中的token...原创 2019-10-30 11:16:00 · 549 阅读 · 0 评论 -
electron中使用axios网络请求失败404错误
Electron5.x项目使用axios访问网络请求API,发现404报错各种百度未果,结果bing上搜到axios的issues中有类似解答;应该在electron环境下强制使用node的网络请求模块才能解决,代码如下,在使用前设置下即可正常访问const axios = require('axios');// 使用前设置axios.defaults.adapter = ...原创 2019-07-27 16:33:58 · 3495 阅读 · 2 评论 -
webpack devServer开启https(vue/cli-3.x)
版本vue/cli-3.xwebpack devServer开启HTTPS;注意https参数为true,port 同时为443;端口为80或者443,在Mac或者Linux系统上启动时记得加sudo, 如 sudo npm run serve如果要用域名访问的话,host设为 0.0.0.0 然后改下hosts域名指向127.0.0.1就行了...原创 2019-07-17 15:51:11 · 9673 阅读 · 0 评论 -
swiper在vue项目中loop循环轮播失效
长话短说,在vue(2.5.x)中使用swiper(4.3.3),轮播加了autoplay和loop、observer、observeParents等参数还是很诡异的无法循环轮播;那么可以这样写代码试试:this.$api.queryImages().then((resp) => { if(resp && resp.data.resultCode == "0"...原创 2018-07-07 15:44:31 · 12710 阅读 · 3 评论 -
字节转其他单位的两种不同方法
字节转KB、MB、GB等单位是比较常用的方法了,以下两个函数代码思路来自知乎,仅供学习参考。未优化版:function byteFormat(value, precision) { var suffixes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; var factor = Math.pow(10, precision...原创 2018-06-12 15:54:58 · 183 阅读 · 0 评论 -
swiper使用和修改子项两个注意事项
swiper是一个滑动轮播的库,使用方便,功能强大,这自不必多说;1、使用注意事项:在使用swiper的地方的父div不能是display: none; 因为这会影响swiper的初始化;解决:比如在弹出层使用滑动轮播展示图片,正如上所说,初始化swiper前记得先显示弹出框(先display: block)2、修改子项注意事项:直接删除增加swiper-slide轮播子项导致轮播页数错误,轮播到...原创 2018-05-23 16:47:51 · 1499 阅读 · 1 评论 -
简易实现上拉刷新UpRefresh
缘起:最近研究上拉刷新,记录下自己实现的一个超简易版,大概记录下原理;github: https://github.com/dclnet/UpRefresh 代码和demo都在这,有需要的可以看看。原理: 这个实现比较简单,就是父div块固定高度,子div块不定高度,父块绑定onscroll事件处理,event里面scrollTop获取当前滚动到的距离加父块高度看是不是等于子块高度,等于则标明...原创 2018-05-05 10:54:39 · 2174 阅读 · 0 评论 -
Hammer.js事件互斥重叠之requireFailure与recognizeWith
本文简单记录下hammer.js的事件重叠与互斥问题,如有不当之处望指出,谢谢!版本:Hammer.JS - v2.0.8先说说recognizeWith,这个很好理解,就是可以同时辨识多重手势事件,比如,单击.recognizeWith(双击) 的情况下,点击两下,这会触发单击(调用两次单击回调)和双击事件(调用一次双击回调);requireFailure的作用大家可以自己看原文,我的个人理解比...原创 2018-05-08 17:41:59 · 1524 阅读 · 0 评论