〔置顶TOP〕Git常用命令总结
Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目；Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件；Git与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。命令总结 1 . ===== 初始化文件 ===== git init 2 . ==
〔置顶TOP〕Web奇技淫巧
文字超出隐藏变... white-space: nowrap; //强制不换行 text-overflow: ellipsis; //超出变省略号 overflow: hidden; //超出隐藏 word-wrap: break-word; //英文单词换行 // 规定超出几行显示'···' -webkit-box-orient: vertical; -webkit-line-cla
Vue2.x + Video.js 实现视频组件封装
video.js是一款为HTML5世界从头构建的网络视频播放器。它支持HTML5视频和媒体源扩展，以及其他播放技术，如YouTube和Vimeo（通过插件）。它支持在台式机和移动设备上播放视频。一、安装video.jsnpm i video.js --save二、封装组件<template> <video ref="videoRef" cl
Vue2.x + Vant2.x + BetterScroll 封装滚动列表(上滑加载，下滑刷新)
Vant2.x 是一个轻量、可靠的移动端组件库，于 2017 年开源。BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll (opens new window)的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。一、全局安装vant，better-scr
Vue2.x + Vant2.x 图片上传封装
Vant2.x 是一个轻量、可靠的移动端组件库，于 2017 年开源。一、全局安装vantnpm i vant -S二、安装babel插件，配置按需引入npm i babel-plugin-import -D// babel.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plug
关于JavaScript复杂判断(if else / switch)的更优雅写法，优化冗余
一、通常写法 const onButtonClick = (status)=>{ if (status == 1) { sendLog('processing') jumpTo('In
JS利用策略模式优化多规则表单验证
第一步：新建validatorRules.js，封装校验规则import { PUBLICREG } from '@/utils/redisEnum' const strategies = { isNotEmpty: function (value, typeName, errorMsg) { if (value === null || value === '' || value =
关于COMMONJS | AMD | CMD | UMD 模块化理解
前言历史上，js没有模块化的概念，不能把一个大工程分解成很多小模块。这对于多人开发大型，复杂的项目形成了巨大的障碍，明显降低了开发效率，java，Python有import，甚至连css都有@import,但是令人费解的是js居然没有这方面的支持。es6出现之后才解决了这个问题，在这之前，各大社区也都出现了很多解决方法，比较出色的被大家广为流传的就有AMD, CMD, CommonJs, UMD，
买不到"梦中情蓉"，索性亲手画一个，用CSS画一个雪容融~
雪容融（Shuey Rhon Rhon），是2022年北京冬季残奥会的吉祥物，其以灯笼为原型进行设计创作，主色调为红色，头顶有如意环与外围的剪纸图案，面部带有不规则形状的雪块，身体可以向外散发光芒。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &l
买不到"梦中情墩"，索性亲手画一个，用CSS画一个冰墩墩~
Javascript处理旋转图片并得到新的图片base64数据
// 图片旋转处理 -> base64 export const rotateBase64Img = (src, edg, callback) => { try { const canvas = document.createElement('canvas') const ctx = canvas.getContext('2d') let imgW = 0
JavaScript中Date对象在IOS中的坑及解决方案
使用vant-ui库中DatetimePicker 时间选择，初始化时间列表或者动态赋值选择时间项时IOS报错：[Vue warn]: Invalid prop: custom validator check failed for prop "minDate". Error in mounted hook: "RangeError: Array size is n