Timeline

2021/12/6: vue 2.6 微网站授权登录方案
Author: sickerCategory: Tag: Vue, wechat
总结下在 vue 2.6 下微信公众号的微网站授权登录方案
2021/11/22: 我是如何初始化一个 vue 的项目的
Author: sickerCategory: Tag: Vue
关于我是如何初始化一个 vue 的项目的
2021/8/25: 在 ubuntu 上安装 docker 和 docker-compose
Author: sickerCategory: Tag: Docker
在 ubuntu 上安装 docker 和 docker-compose ，经常会用到，但一直没有编排好；这次作一个记录；
2021/6/30: 前端批量导出canvas方案
Author: sickerCategory: Tag: Vue
前端批量导出canvas方案
2021/6/16: 在 centos 上安装 docker 和 docker-compose
Author: sickerCategory: Tag: Docker
在 centos 上安装 docker 和 docker-compose ，经常会用到，但一直没有编排好；这次作一个记录；
2021/5/26: github提交流程
Author: 孙一钫Category: Tag: git
git
2021/5/26: Zentao在Windows中安装部署
Author: XBlackCategory: Tag: ZenTao
通过Windows用一键安装包安装部署 ZenTao
2021/5/20: JSON.parse方法是如何工作的？
Author: sickerCategory: Tag: JavaScript
JSON.parse 方法是如何工作的？一直以来一直不求甚解，只知如何使用，这次却因为后端一个奇怪的返回值...
2021/5/19: 后台系统使用导出Excel组件
Author: LinvKeyCategory: Tag: JavaScript, Vue
后台系统中的导出Excel表格功能
2021/5/17: 在vscode中断点调试node
Author: LinvKeyCategory: Tag: VSCode, node.js
在vscode中如何调试node代码
2021/5/17: axios响应拦截器错误处理及思想
Author: 孙一钫Category: Tag: 微信小程序
axios response
2021/5/16: 关于node的基础学习
Author: LinvKeyCategory: Tag: JavaScript, node.js, http
学习node的基础知识
2021/5/15: JavaScript常用代码片段
Author: sickerCategory: Tag: JavaScript
扒一扒 javascript 常用的一些代码片段
2021/5/14: oauth2简单理解
Author: 王浩Category: Tag: Java
服务器状态码返回
2021/5/13: 对Feign返回服务器状态码的处理
Author: 王浩Category: Tag: Java
服务器状态码返回
2021/5/11: 群辉部署rap2流程详解与踩坑
Author: sickerCategory: Tag: Synology, rap2
公司今天打算弃用 apidoc ，而转向淘宝的 rap2 ，因为考虑文档的敏感性，最佳方案肯定是装在现有的群辉 NAS 上。
2021/5/8: 动态代理（含基础代码）
Author: 马腾飞Category: Tag: Java
刚开始是为了解决实体类过多而想尝试创建动态实体类···
2021/5/7: 关于get请求和post请求
Author: LinvKeyCategory: Tag: JavaScript, Vue, http
Vue中使用get和post请求时参数的格式，对比分析其原理。
2021/5/7: Webpack 循环依赖的问题 Error:Cyclic dependency
Author: sickerCategory: Tag: webpack, vuepress
vuepress 项目在使用中，发现在启动热更新时，会出现循环依赖的错误。
2021/5/7: vue中关于mixin的使用
Author: sickerCategory: Tag: Vue
扒一扒 vue 的 mixin
2021/5/6: vuepress中文标签或其他路径引发的404问题
Author: sickerCategory: Tag: vuepress, 插件
vuepress-blog 自带的标签在包含中文的时候会导致路由匹配不到，跳转至404页面。
2021/5/6: Vue高德地图api使用指南（动态渲染信息窗体）
Author: 孙一钫Category: Tag: JavaScript, Vue, gaode-jsapi
高德地图 vue Map
2021/4/29: vue-element-admin的使用总结
Author: LinvKeyCategory: Tag: Vue, JavaScript
在项目中使用vue-element-admin后台系统框架的一些总结
2021/4/29: vuepress 动态更换壁纸方案
Author: sickerCategory: Tag: vuepress, 插件
router 变化的时候自动更换壁纸，很好玩的功能哦~
2021/4/29: vue常用代码片段
Author: sickerCategory: Tag: Vue
扒一扒vue常用的一些代码片段
2021/4/28: yarn全局安装后无法使用命令
Author: sickerCategory: Tag: yarn
yarn 全局安装后无法使用命令，但 npm -g 却可以
2021/4/28: 如何在国内一键安装electron
Author: sickerCategory: Tag: electron
electron 安装超时真的很烦，虽然可以自行下载压缩包绕过，但实在不够优雅。
2021/4/28: 前端学习笔记
Author: XBlackCategory: Tag: HTML
一个合格的初级前端工程师需要掌握的模块笔记
2021/4/27: 文档书写规范
Author: sickerCategory: Tag: 规范
走过路过，看看呗。
2021/4/27: 如何在localStorage中存储布尔值
Author: sickerCategory: Tag: JavaScript
localStorage存入取出后，会自动变成字符串类型，稍不注意容易导致一系列问题。
2021/4/27: Java环境部署-Windows
Author: XBlackCategory: Tag: Java
Windows中JAVA环境配置详细步骤
2021/4/27: JMeter环境配置-Windows
Author: XBlackCategory: Tag: JMeter
Windows中JMeter-环境搭建(一)
2021/4/26: 根据数组中对象的属性来分组
Author: LinvKeyCategory: Tag: JavaScript
在获取到的接口中要根据数据中对象的指定属性来分组显示
2021/4/26: Jira学习01——应该掌握的词汇
Author: LinvKeyCategory: Tag: Jira
Jira学习中应该掌握的词汇
2021/4/25: Fiddler 操作说明文档
Author: XBlackCategory: Tag: Fiddler
Fiddler使用说明
2021/4/21: 对url上没有后缀的svg图标的处理
Author: 王浩Category: Tag: Java
svg图标下载
2021/4/21: 性能测试概念描述
Author: XBlackCategory: Tag: Performance Test
性能测试在软件的质量保证中起着重要的作用
2021/4/20: 用VScode创建代码片段
Author: LinvKeyCategory: Tag: VSCode
在VScode上创建用户自定义的代码片段
2021/4/20: Docker部署教程-Linux
Author: XBlackCategory: Tag: Docker
在 windows 下通过虚拟机搭建 linux 环境 docker
2021/4/13: npm包发布流程
Author: 孙一钫Category: Tag: NPM, Vue
NPM NPM发布 npm包
2021/4/13: 用swiper实现tab列表切换
Author: 孙一钫Category: Tag: JavaScript, Vue, swiper
swiper
2021/4/13: 关于最近项目中使用vant的一些总结
Author: 孙一钫Category: Tag: JavaScript, Vue, Vant
VUE vant
2021/4/13: vue的深度监听（对象数组同理）
Author: 孙一钫Category: Tag: JavaScript, Vue, demo
VUE 深度监听
2021/4/12: 有关恒大项目代码习惯的总结
Author: 孙一钫Category: Tag: JavaScript, Vue, code
代码习惯
2021/3/30: vuepress插件medium-zoom在跳转后无法触发的问题
Author: sickerCategory: Tag: vuepress, 插件
vuepress 插件 medium-zoom 在跳转后无法触发了，查询源码后发现竟然是生命周期钩子无法工作。
2021/3/30: 群辉安装gitlab，并解决clone的IP错误
Author: sickerCategory: Tag: Synology, gitlab
公司的群辉NAS装的gitlab，在clone项目的时候给的IP错误是错误的，每次clone项目都异常麻烦。
2021/3/26: Vue路由传参
Author: 孙一钫Category: Tag: HTML, CSS, Vue
Vue路由传参。
2021/3/23: vuepress/vue动态更换配色方案
Author: sickerCategory: Tag: vuepress, 插件
为 vuepress/vue 动态去更换网站整体的配色。
2021/3/23: 如何优雅的采用vercel托管vuepress静态网站
Author: sickerCategory: Tag: vuepress, vercel
简单创建 shell 命令，一键发布到 vercel
2021/3/21: 在vuepress中使用live2d看板娘
Author: sickerCategory: Tag: vuepress, 插件, live2d, 看板娘
在vuepress中以组件形式实现对live2d看板娘的支持。无需安装插件，方便个性化定制。
2021/3/15: csdn置入图片后生成的水印问题
Author: LinvKeyCategory: Tag: markdown, csdn
解决使用csdn的markdown模式编辑时，置入图片生成水印问题
2021/3/15: 后台管理系统权限管理
Author: 孙一钫Category: Tag: 微信小程序
Vue-element-admin permission
2021/3/15: vueApiControl
Author: 孙一钫Category: Tag: 微信小程序

首先根据接口写好对应页面的请求

内容如图尽量保证js文件名称与页面文件名称相同（易于查找） 在这里插入图片描述

根据文件目录动态引入/导出接口

2021/3/15: wxScroll-swiper
Author: 孙一钫Category: Tag: 微信小程序

在这里插入图片描述

要点swiper内部套scroll-view

注意： 1.scroll竖直滚动高度不能给百分比要给px/rpx 2.swiper内部item posiiton定位高度100% 3.swiper高度要给定值 4.如果横向滚动也要给水平的宽度

代码

xml

    <swiper class="tab-box" current="{{currentTab}}" duration="300" bindchange="switchTab">
      <swiper-item class="tab-content">
        <scroll-view class="scroll-height" scroll-y="true" scroll-with-animation="{{true}}">
          <view class="cont">
            <view class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx" wx:for-item="itemJira" wx:key="idx">
              <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card>
            </view>
          </view>
        </scroll-view>

      </swiper-item>
      <swiper-item class="tab-content">
        <scroll-view class="scroll-height" scroll-y="true" scroll-with-animation="{{true}}">
          <view class="cont">
            <view class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx" wx:for-item="itemJira" wx:key="idx">
              <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card>
            </view>
          </view>
        </scroll-view>
      </swiper-item>
    </swiper>
2021/3/12: 微信小程序上手常用功能
Author: LinvKeyCategory: Tag: JavaScript, Vue, 微信小程序
快速上手微信小程序用到的语法
2021/3/12: 微信小程序常用API
Author: 孙一钫Category: Tag: 微信小程序

1.wx:for

    <view  class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx" wx:for-item="itemJira" wx:key="idx">
      <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card> 
    </view>
2021/3/11: Flex弹性布局
Author: LinvKeyCategory: Tag: HTML, CSS, flex
Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。
2021/3/9: 为vuepres增加favicon站标
Author: sickerCategory: Tag: vuepress
为 vuepres 增加 favicon 站标，让网站更加美观吧。
2021/3/9: 在vuepress/markdown-it中加入checkbox支持
Author: sickerCategory: Tag: vuepress, 插件
引入组件，短短几句搞定在vuepress/markdown-it中加入checkbox支持
2021/2/24: Vue 文档速查
Author: sickerCategory: Tag: JavaScript, Vue

html

vue 参数为html

<div v-html="someData"></div>