使用vue实现灭霸打响指消散效果

vue

kuan-vue-scatter 使用vue实现灭霸打响指消散效果(工作太忙,一直想写,等到了国庆) 源码地址 DEMO预览 安装 npm install kuan-vue-scatter -S # or yarn add kuan-vue-scatter 使用 <template> <div> <button :disabled="!visible" @click="visible = false">{{visible ? '消散' : '显示'}}</button> <vue-scatter :visible="

nodejs使用axios抓取gb2312格式网页中文乱码

nodeJs

使用iconv-lite转码 const fs = require('fs') const cheerio = require('cheerio') const axios = require('axios') const iconv = require('iconv-lite') async function getHtml(i = 0) { const url = `https://www.2345.com/jzw/${i + 1}.htm` const res = await axios({ url, responseType: 'stream' })

小程序播放优酷和腾讯视频

小程序

小程序播放优酷和腾讯视频 解析出播放地址,直接通过video进行播放 解析优酷视频方法 // const url = 'https://v.youku.com/v_show/id_XNDI2OTM5MTExNg==.html' export function getYoukuVideoSrc(url) { let key = url.split('.html')[0] if (!key) return Promise.reject('解析失败') key = key[key.length - 1].split('_')[1] return new Promise(resol

IOS微信键盘收起,页面不回弹(IOS 12版本)

前端开发

被一个之前碰到过很多次的bug,浪费了好长时间。用户描述:弹窗点击输入的时候,页面就刷新了(弹窗关闭了)。实际问题:【IOS微信键盘收起,页面不会弹,事件上移】。 解决方案:input失去焦点的时候 const top = document.documentElement.scrollTop || document.body.scrollTop setTimeout(() => { window.scrollTo(0, top - 1) }, 200)

微信小程序登陆逻辑封装(附比较完整注释)

小程序

一、先看一下如何使用 login:登陆过返回用户信息,没有登陆过执行登陆逻辑 loginForce:强制登陆 import {login, loginForce} from '@/utils/login' // 需要登陆才可以执行 async function needLoginFn() { await login() // todo } // 强制登陆 async function toRrefreshLogin() { await loginForce() // todo } 二、完整微信小程序登陆逻辑 import setting from '@

翻页时钟制作(vue、taro小程序)

小程序

一、使用Taro开发小程序翻页时钟 点击查看详细代码 -> github 小程序DEMO 二、vue开发翻页时钟 详细代码移步github 演示 DEMO 安装 yarn add kuan-vue-flip-clock 使用 <template> <div class="test-clock-container"> <flip-clock /> </div> </template> <script> import FlipClock from 'ku

使用vue-cli快速调试本地npm包

前端开发

使用vue-cli快速调试本地npm包 开发anpm包,在b文件夹下边测试 进入a文件夹 npm link 进入b文件夹 npm link a # a包的名字 b文件夹下创建index.js import a from 'a' // 测试代码 b文件夹下创建vue.config.js module.exports = { configureWebpack: { resolve: { symlinks: false // 使用npm link } } } 使用vue-cli启动服务 vue serve

Hello VuePress

vue

hello VuePress! hello VuePress vuepress 官方文文档 安装和配置 安装和使用 # 安装 vuepress install -g vuepress # 开发(开发文件夹docs) npm dev docs # 编译 vuepress build docs 目录结构 . ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │ │ ├── theme (可选的) │ │ │ └── Layout.vue │ │ ├── public (可选的) │ │

jest 笔记

前端开发

jest官网jest demo 安装 npm install jest -gMatchers(匹配) toBe (基本数据类型相等) test('two plus two is four', () => { expect(2 + 2).toBe(4); }); toEqual (引用数据相等) test('Object assign', () => { expect(Object.assign({ a: 1 }, { a: 2 })).toEqual({ a: 2 }); }); not (取反) Truthiness(真假判断) test('null', ()

jenkins 设置 北京 时区

前端开发

【系统管理】->【脚本命令行】 System.setProperty('org.apache.commons.jelly.tags.fmt.timeZone', 'Asia/Shanghai')

tar 打包以 点开头文件

linux

tar -zcvf .tar.gz * .[!.]*

前端自动化部署(docker + jenkins)

前端开发

此仅为流程笔记版本,详情请看demo halobear-docker 点击进入github仓库 . 理想流程: 添加 git 项目 配置 webhooks 选择 node 编译环境(Provide Node & npm bin/ folder to PATH) 编译成功推送生产服务起(Provide Node & npm bin/ folder to PATH) 钉钉通知状态 jenkins代码会滚 账号权限管理(Role-based Authorization Strategy) 一、安装 docker 环境 略 二、使用 # 启动 sh start.sh # 关闭

AscliWorld

娱乐

来个自我介绍 _ _ _ _ ___ __ _ | | / / | | | | / | | \ | | | |/ / | | | | / /| | | \| | | |\ \ | | | | / / | | | |\ | | | \ \ | |_| | / / | | | | \ | |_| \_\ \_____/ /_/ |_| |_| \_| ."`". .-./ _=_ \.-. { (,(oYo),) }} {{ |

linux定时任务crontab

linux

定时任务编辑 # 会使用vim打开编辑页面 crontab -e # 查看用户定时任务 crontab -l # 查看定时任务日志 tail -f /var/log/cron # 打开编辑页面 # .---------------- minute (0 - 59) # | .------------- hour (0 - 23) # | | .---------- day of month (1 - 31) # | | | .------- month (1 - 12) OR jan,feb,mar,apr ... # | | | | .---- day of week

使用docker安装mysql数据库

docker

使用docker安装mysql数据库

标签

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