spark-md5获取文件md5唯一标识

前端开发

此文章已删除 建议去npm网站查看官方文档spark-md5 ts版本获取文件md5也可以查看 我的仓库

vue-cli Invalid Host/Origin header

前端开发

因为webpack-dev-server升级,vue.config.js需要设置disableHostCheck devServer: { disableHostCheck: true }

微信分享sdk升级 1.4.0

微信

官网地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 import { isWx } from './validate' import axios from 'axios' // 加载sdk let PromiseSDK function loadWechatJSSDK() { if (PromiseSDK) { return PromiseSDK } // 短时间内,多次调用时; 避免重复加载 PromiseSDK = new Promis

小程序 swiper 滚动时候倒角失效

前端开发

给swiper 添加 transform: translateY(0)

微信小程序获取地理位置 (异步openSetting)

前端开发

微信小程序打开设置,不可以写在异步方法中,但是可以通过confirm中的success的回掉中。通过封装,同样可以实现异步操作 import authority from '@/utils/authority' import setting from '@/utils/setting' const defaultAddress = { region_code: '320500', latitude: 31.28339, longitude: 120.60413 } // 获取定位前价检查定位 async function be

nuxt中使用dplayer播放m3u8视频

vue

nuxt中使用dplayer播放m3u8视频 dplayer是一个很强大的h5视频播放库,有很多直接可以使用的api,支持播放弹幕、字母、流畅度切换等等。中文文档地址:http://dplayer.js.org/#/zh-Hans/?id=%E5%85%A5%E9%97%A8 简单记录nuxt使用dplayer的注意事项 安装 yarn add dplayer yarn add hls.js # 播放m3u8需要另外安装这个 引入样式 import 'dplayer/dist/DPlayer.min.css' 使用dplayer(服务端渲染需要mounted中引

kuan-vue-photoswipe

前端开发

kuan-vue-photoswipe github 仓库目录下 test 文件目录下是使用 demo vue 简单包装一下: https://github.com/dimsemenov/PhotoSwipe 预览地址: https://kuan1.github.io/kuan-vue-photoswipe/demo/ 安装 yarn add kuan-vue-photoswipe 使用 引入 import Vue from 'vue' import photoSwipe from 'kuan-vue-photoswipe' Vue.use(photoS

支付宝分享

前端开发

支付宝分享 工具方法(开始分享、默认分享、默认吱口令配置) import { ready, isAliPay } from './utils' // 直接吊起分享 async function startShare({ title = '', url = window.location.href, content = '', imageUrl, iconUrl = '' }) { if (!isAliPay) return await ready() return new Promise(reso

WebViewJavascriptBridge使用

前端开发

重写了app通信的方法,中间碰到了一些兼容问题,看了很多资料,最终确定版,兼容性好&&使用方便 app通信WebViewJavascriptBridge方法使用 // 注册方法获取WebViewJavascriptBridge对象 function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(window.WebViewJavascriptBridge) } if (window.WVJBCallbacks)

nuxt 部署

vue

部署碰到了一个问题 刚开始的部署步骤:通过git整个将项目下载到服务器上,在服务器上边进行build,然后运行pm2进行部署。 后来出现了问题:在服务器上build是一直出现processing killed,(服务器一核2G的配置,刚开始的时候没有碰到这个问题,最近修改build才出现了这个问题)。 修改方案 在本地部build,然后将文件上传到服务器,需要上传文件.nuxt static nuxt.config.js package.json process.json,其他的不说了,直接上一个shell。 上传shell #!/bin/sh remoteIp=这里是服务器地址; remo

css object-fit

css

让图片像背景一样布局

window10好用快捷键: `window键` + `w`组合

windows

回家第一天,先熬个夜,有道云笔记提前计划一下,十一假期的安排,无意中发现了一个好用的快捷键。

git下载仓库指定文件夹

git

git下载仓库指定文件夹 # 初始化仓库 git init # 设置允许克隆子目录 git config core.sparsecheckout true # 设置要克隆的仓库的子目录路径 echo '文件夹名字/*' >> .git/info/sparse-checkout # 关联远程仓库 git remote add origin -f git@github.com:mygithub/test.git # 下载 git pull origin master

让webpack更简单

webpack

将webpack封装成一个npm包,不再需要安装任何webpack相关包,甚至不需要任何配置。思路借鉴webpack-cli3和umi

前端 简化后台项目【增删该查禁用启用】

前端开发

简单封装后台类项目增删该查

标签

  • 全部
  • html
  • css
  • js基础
  • react
  • nodeJs
  • 前端开发
  • 娱乐
  • linux
  • windows
  • 关于我
  • mysql
  • 七牛
  • 微信
  • vue
  • git
  • webpack
  • 小程序
  • docker
  • python