KID-1912’s博客 | KID-1912’s Blog

Vue.Draggable

Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作.

vuedraggable 文档/教程安装 npm i vuedraggable -S  <script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script> <script src="//cdn.jsdelivr.net/npm/s...

Posted by page on November 5, 2021

Vue CLI配置

1.基于webpack构建，并带有合理的默认配置;2.开发环境服务3.自带预设的CLI插件

Vue CLI 安装/创建全局安装命令行工具 npm i @vue/cli -g vue --version 创建工程 vue create admin 自定义工程预设 eslint-Airbnb增强版：默认包含Vue2，babel，router，vuex，eslin...

Posted by page on November 1, 2021

X-Spreadsheet

基于 JavaScript 快速构建 Web Excel

x-spreadsheet 中文文档 GitHub x-spreadsheet SheetJs官网安装 npm i x-data-spreadsheet -S 使用创建表格 <template> <div class="sheetBox"></div> </template> <script> impor...

Posted by page on October 31, 2021

Video.js

Video.js是一个HTML5网络视频播放器，支持持HTML5视频和媒体源扩展，以及其他播放技术

video.js 官方文档中文文档 GitHub - videojs 安装 npm i video.js -S 使用 vue 全局引用 import VideoPlayer from 'vue-video-player' // 5.0.2 import 'vue-video-player/src/custom-theme.css' import 'video.js/dis...

Posted by page on October 24, 2021

WindiCss

Css工具类框架

WindiCSS 官方文档中文文档开始安装 webpack npm i windicss-webpack-plugin -D 配置 const WindiCSSWebpackPlugin = require('windicss-webpack-plugin'); ... plugins: [ new WindiCSSWebpackPlugin(), ... ]...

Posted by page on September 18, 2021

git/github、svn

git、github、svn版本控制与协作工具

git 创建仓库 git init [filename] [directory] git clone [rep url] [directory] git remote add origin https://github.com/KID-1912/xxx.git 基本操作 git pull 拉取远程代码并合并 git add . 将工作区修...

Posted by page on August 31, 2021

部分场景下webpack操作

一系列配置控制webpack读取/处理文件的操作，实现自定义打包输出

文件处理 html-loader将多个html文件合并到index.html模板安装html-loader(低版本) npm i html-loader@1.3.2 index.html中ejs模板语法引入其它html文件 <body> <%=require('html-loader!../../p...

Posted by page on August 25, 2021

微信开放平台

接入微信开放平台公众帐号开发，为亿万微信用户提供轻便的服务

微信开放平台网站应用扫码登录引入js文件 https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js 实例化二维码 var obj = new WxLogin({ self_redirect:false, // 是否在挂载容器内跳转, id:"login_conta...

Posted by page on August 6, 2021

Vant

一款由有赞出品的适用于移动端电商业务的vue组件库

Vant 官方文档弹窗popup 飘入动画传入 props.position 值为 top van-popup 宽高100% 覆盖常见问题 mounted 中无法获取dom：默认懒渲染， lazy-render 参数须为 false 已关闭弹窗报错：弹窗关闭并不销毁节点，为弹窗内容添加 v-if 销毁列表list 下拉列表...

Posted by page on July 30, 2021

Vue组件封装

封装满足特定需求的功能组件、包括自定义滚动条、自定义富文本编辑

vue功能组件滚动条(scroll) 使用 <mini-scroll class="mini-scroll"> <div class="content">...滚动内容撑开</div> </mini-scroll> <style lang="less" scoped> .mini-scroll { width: 4...

Posted by page on June 18, 2021

KID-1912’s Blog