养鱼技术交流博客养鱼技术交流博客
养鱼技术交流博客
Article
Category
Tag
Timeline
养鱼技术交流博客
Article
Category
Tag
Timeline
vue 2.6 微网站授权登录方案

Author: sickerDate: 2021/12/6Category: Tag: Vue, wechat
总结下在 vue 2.6 下微信公众号的微网站授权登录方案
我是如何初始化一个 vue 的项目的

Author: sickerDate: 2021/11/22Category: Tag: Vue
关于我是如何初始化一个 vue 的项目的
在 ubuntu 上安装 docker 和 docker-compose

Author: sickerDate: 2021/8/25Category: Tag: Docker
在 ubuntu 上安装 docker 和 docker-compose ,经常会用到,但一直没有编排好;这次作一个记录;
前端批量导出canvas方案

Author: sickerDate: 2021/6/30Category: Tag: Vue
前端批量导出canvas方案
在 centos 上安装 docker 和 docker-compose

Author: sickerDate: 2021/6/16Category: Tag: Docker
在 centos 上安装 docker 和 docker-compose ,经常会用到,但一直没有编排好;这次作一个记录;
github提交流程

Author: 孙一钫Date: 2021/5/26Category: Tag: git
git
Zentao在Windows中安装部署

Author: XBlackDate: 2021/5/26Category: Tag: ZenTao
通过Windows用一键安装包安装部署 ZenTao
JSON.parse方法是如何工作的?

Author: sickerDate: 2021/5/20Category: Tag: JavaScript
JSON.parse 方法是如何工作的?一直以来一直不求甚解,只知如何使用,这次却因为后端一个奇怪的返回值...
后台系统使用导出Excel组件

Author: LinvKeyDate: 2021/5/19Category: Tag: JavaScript, Vue
后台系统中的导出Excel表格功能
在vscode中断点调试node

Author: LinvKeyDate: 2021/5/17Category: Tag: VSCode, node.js
在vscode中如何调试node代码
axios响应拦截器错误处理及思想

Author: 孙一钫Date: 2021/5/17Category: Tag: 微信小程序
axios response
关于node的基础学习

Author: LinvKeyDate: 2021/5/16Category: Tag: JavaScript, node.js, http
学习node的基础知识
JavaScript常用代码片段

Author: sickerDate: 2021/5/15Category: Tag: JavaScript
扒一扒 javascript 常用的一些代码片段
oauth2简单理解

Author: 王浩Date: 2021/5/14Category: Tag: Java
服务器状态码返回
对Feign返回服务器状态码的处理

Author: 王浩Date: 2021/5/13Category: Tag: Java
服务器状态码返回
群辉部署rap2流程详解与踩坑

Author: sickerDate: 2021/5/11Category: Tag: Synology, rap2
公司今天打算弃用 apidoc ,而转向淘宝的 rap2 ,因为考虑文档的敏感性,最佳方案肯定是装在现有的群辉 NAS 上。
动态代理(含基础代码)

Author: 马腾飞Date: 2021/5/8Category: Tag: Java
刚开始是为了解决实体类过多而想尝试创建动态实体类···
关于get请求和post请求

Author: LinvKeyDate: 2021/5/7Category: Tag: JavaScript, Vue, http
Vue中使用get和post请求时参数的格式,对比分析其原理。
Webpack 循环依赖的问题 Error:Cyclic dependency

Author: sickerDate: 2021/5/7Category: Tag: webpack, vuepress
vuepress 项目在使用中,发现在启动热更新时,会出现循环依赖的错误。
vue中关于mixin的使用

Author: sickerDate: 2021/5/7Category: Tag: Vue
扒一扒 vue 的 mixin
vuepress中文标签或其他路径引发的404问题

Author: sickerDate: 2021/5/6Category: Tag: vuepress, 插件
vuepress-blog 自带的标签在包含中文的时候会导致路由匹配不到,跳转至404页面。
Vue高德地图api使用指南(动态渲染信息窗体)

Author: 孙一钫Date: 2021/5/6Category: Tag: JavaScript, Vue, gaode-jsapi
高德地图 vue Map
vue-element-admin的使用总结

Author: LinvKeyDate: 2021/4/29Category: Tag: Vue, JavaScript
在项目中使用vue-element-admin后台系统框架的一些总结
vuepress 动态更换壁纸方案

Author: sickerDate: 2021/4/29Category: Tag: vuepress, 插件
router 变化的时候自动更换壁纸,很好玩的功能哦~
vue常用代码片段

Author: sickerDate: 2021/4/29Category: Tag: Vue
扒一扒vue常用的一些代码片段
Vue绑定键盘按键并触发事件

Author: LinvKeyDate: 2021/4/29Category: Tag: Vue, JavaScript

在Vue中绑定键盘按键,并触发事件

问题描述: 在做项目的时候遇到 使用键盘的左右键来翻页的功能,一开始想当然的使用JS的绑定键盘事件发现并不好用 在Vue中要借用$nextTick来处理一下

created() {
    //监听左右箭头按键的键盘按下事件
    this.$nextTick(() => {
      document.onkeydown = (e) => {
        if (e.keyCode == 39 && this.currentPage < this.pageCount) {
          //这是右箭头,
          this.currentPage++; 
        } else if (e.keyCode == 37 && this.currentPage > 1) {
          //这是左箭头,
          this.currentPage--; 
        }
      };
    });
  }
yarn全局安装后无法使用命令

Author: sickerDate: 2021/4/28Category: Tag: yarn
yarn 全局安装后无法使用命令,但 npm -g 却可以
如何在国内一键安装electron

Author: sickerDate: 2021/4/28Category: Tag: electron
electron 安装超时真的很烦,虽然可以自行下载压缩包绕过,但实在不够优雅。
前端学习笔记

Author: XBlackDate: 2021/4/28Category: Tag: HTML
一个合格的初级前端工程师需要掌握的模块笔记
文档书写规范

Author: sickerDate: 2021/4/27Category: Tag: 规范
走过路过,看看呗。
如何在localStorage中存储布尔值

Author: sickerDate: 2021/4/27Category: Tag: JavaScript
localStorage存入取出后,会自动变成字符串类型,稍不注意容易导致一系列问题。
Java环境部署-Windows

Author: XBlackDate: 2021/4/27Category: Tag: Java
Windows中JAVA环境配置详细步骤
JMeter环境配置-Windows

Author: XBlackDate: 2021/4/27Category: Tag: JMeter
Windows中JMeter-环境搭建(一)
根据数组中对象的属性来分组

Author: LinvKeyDate: 2021/4/26Category: Tag: JavaScript
在获取到的接口中要根据数据中对象的指定属性来分组显示
Jira学习01——应该掌握的词汇

Author: LinvKeyDate: 2021/4/26Category: Tag: Jira
Jira学习中应该掌握的词汇
Fiddler 操作说明文档

Author: XBlackDate: 2021/4/25Category: Tag: Fiddler
Fiddler使用说明
对url上没有后缀的svg图标的处理

Author: 王浩Date: 2021/4/21Category: Tag: Java
svg图标下载
性能测试概念描述

Author: XBlackDate: 2021/4/21Category: Tag: Performance Test
性能测试在软件的质量保证中起着重要的作用
用VScode创建代码片段

Author: LinvKeyDate: 2021/4/20Category: Tag: VSCode
在VScode上创建用户自定义的代码片段
Docker部署教程-Linux

Author: XBlackDate: 2021/4/20Category: Tag: Docker
在 windows 下通过虚拟机搭建 linux 环境 docker
npm包发布流程

Author: 孙一钫Date: 2021/4/13Category: Tag: NPM, Vue
NPM NPM发布 npm包
用swiper实现tab列表切换

Author: 孙一钫Date: 2021/4/13Category: Tag: JavaScript, Vue, swiper
swiper
关于最近项目中使用vant的一些总结

Author: 孙一钫Date: 2021/4/13Category: Tag: JavaScript, Vue, Vant
VUE vant
vue的深度监听(对象数组同理)

Author: 孙一钫Date: 2021/4/13Category: Tag: JavaScript, Vue, demo
VUE 深度监听
有关恒大项目代码习惯的总结

Author: 孙一钫Date: 2021/4/12Category: Tag: JavaScript, Vue, code
代码习惯
vuepress插件medium-zoom在跳转后无法触发的问题

Author: sickerDate: 2021/3/30Category: Tag: vuepress, 插件
vuepress 插件 medium-zoom 在跳转后无法触发了,查询源码后发现竟然是生命周期钩子无法工作。
群辉安装gitlab,并解决clone的IP错误

Author: sickerDate: 2021/3/30Category: Tag: Synology, gitlab
公司的群辉NAS装的gitlab,在clone项目的时候给的IP错误是错误的,每次clone项目都异常麻烦。
Vue路由传参

Author: 孙一钫Date: 2021/3/26Category: Tag: HTML, CSS, Vue
Vue路由传参。
vuepress/vue动态更换配色方案

Author: sickerDate: 2021/3/23Category: Tag: vuepress, 插件
为 vuepress/vue 动态去更换网站整体的配色。
如何优雅的采用vercel托管vuepress静态网站

Author: sickerDate: 2021/3/23Category: Tag: vuepress, vercel
简单创建 shell 命令,一键发布到 vercel
在vuepress中使用live2d看板娘

Author: sickerDate: 2021/3/21Category: Tag: vuepress, 插件, live2d, 看板娘
在vuepress中以组件形式实现对live2d看板娘的支持。无需安装插件,方便个性化定制。
csdn置入图片后生成的水印问题

Author: LinvKeyDate: 2021/3/15Category: Tag: markdown, csdn
解决使用csdn的markdown模式编辑时,置入图片生成水印问题
后台管理系统权限管理

Author: 孙一钫Date: 2021/3/15Category: Tag: 微信小程序
Vue-element-admin permission
vueApiControl

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

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

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

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

wxScroll-swiper

Author: 孙一钫Date: 2021/3/15Category: 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>
微信小程序上手常用功能

Author: LinvKeyDate: 2021/3/12Category: Tag: JavaScript, Vue, 微信小程序
快速上手微信小程序用到的语法
微信小程序常用API

Author: 孙一钫Date: 2021/3/12Category: 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>
Flex弹性布局

Author: LinvKeyDate: 2021/3/11Category: Tag: HTML, CSS, flex
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。
为vuepres增加favicon站标

Author: sickerDate: 2021/3/9Category: Tag: vuepress
为 vuepres 增加 favicon 站标,让网站更加美观吧。
在vuepress/markdown-it中加入checkbox支持

Author: sickerDate: 2021/3/9Category: Tag: vuepress, 插件
引入组件,短短几句搞定在vuepress/markdown-it中加入checkbox支持
关于VUE的SEO优化

Author: LinvKeyDate: 2021/3/8Category: Tag: JavaScript, Vue, SEO
对于VUE的SEO优化
安装Koa插件时遇到的问题

Author: LinvKeyDate: 2021/3/5Category: Tag: JavaScript, Vue, Koa, nuxtJS

安装Koa插件时遇到的问题

问题描述:

电脑中缺少python环境和桌面应用程序

解决方法: 用Powershell或者cmd 用管理员身份打开

 npm install --global --production windows-build-tools  
微信小程序输入框上移问题

Author: 孙一钫Date: 2021/3/5Category: Tag: JavaScript, 微信小程序

微信小程序输入框上移问题

  • 缺陷:输入框顶起整个页面 包括自定义顶栏
  • 解决方式:给input设置adjust-position="{{false}}"后自定义input高度
  • wxml
  <view class="submit" style="bottom:{{bottom}}px">
    <view class="serch-view">
    <input bindconfirm="toSubmit"
          value="{{code}}"
          bindfocus="inputFocus"
          bindblur="inputBlur"
          adjust-position="{{false}}"
          class="block-main"
          type="text"
          confirm-type="go"
          cursor-spacing="100" class="course-search"></input>
    <view bindtap="search"  class="search-button">发 送</view>
  </view>
关于el-input标签无法输入文字的问题

Author: LinvKeyDate: 2021/3/4Category: Tag: JavaScript, Vue, ElementUI
在项目中引用elementUI的标签,打字时按空格键无法显示在文本框中,让我们看看如何去解决这个问题。
Vue 文档速查

Author: sickerDate: 2021/2/24Category: Tag: JavaScript, Vue

html

vue 参数为html

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