刘小二Start-CSDN博客

原创 VSCode - 前端代码块大法

【MacOS 菜单选项】顶部Code - 首选项 - 配置用户代码片段。【菜单选项】文件 - 首选项 - 配置用户代码片段。1.按照提示选择全局||项目的代码块，输入名称。【准备文件】前端代码块配置文件内容。2.输入名称回撤后，会生成页面；

2023-03-29 16:21:42 763

原创 Vue之固定底部组件

【实现效果】【实现方式】<template> <div id="app"> <div class="main"> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> <img alt="Vue logo" src="./assets/logo.png">

2021-07-26 14:14:02 4976

【需求】系统内页面显示水印，登录页面没有水印（退出登录时，登录页面不会显示水印）1.创建水印Js文件/* * @Author: 刘小二 * @Date: 2021-07-15 14:43:27 * @LastEditTime: 2021-07-15 15:00:27 * @LastEditors: Please set LastEditors * @Description: 添加水印 * @FilePath: /huashijc_MeetingSys/src/common/warterMar

2021-07-15 15:23:36 617 1

原创微信小程序 Wxs篇

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。【注意】WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。WXS 函数不能作为组件的事件回调。1.WXS 模块WXS 代码可以

2021-07-07 15:38:30 6457

原创 Vue项目使用WebSocket技术

【基础】为什么使用WebSocket？前端和后端的交互模式最常见的就是前端发数据请求，后端响应传输数据之前端进行展示。如果前端不操作，后端不能主动向前端推送数据。因此，在业务场景需服务端主动向客户端推送消息，同时客户端也可以主动向服务端发送消息时，那就有了WebSocket的用武之地。【特点】WebSocket的特点如下：（1）建立在 TCP 协议之上，服务器端的实现比较容易。（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手

2021-07-07 15:11:38 1779

原创 Nginx 部署线上服务器（Liunx）

1.1 安装1.1.1 安装前的准备Nginx的安装需要确定Linux安装相关的几个库，否则配置和编译会出现错误，具体的检查安装过程为：gcc编译器是否安装检查是否安装：yum list installed | grep gcc执行安装：yum install gcc -yopenssl库是否安装检查是否安装：yum list installed | grep openssl执行安装：yum install openssl openssl-devel -ypcr

2021-05-20 11:54:30 392

原创生成目录结构（tree）

生成目录结构（tree）本操作使用场景：Mac OS ， Homebrew1.安装（tree）工具brew install tree2.Tree操作说明安装完成后，可直接运行：tree ，既可自动生成当前目录文件下目录结构。输入 tree help 可查看tree项目可操作命令，具体命令结构如下：$ tree --helpusage: tree [-adfghilnpqrstuvxACDFNS] [-H baseHREF] [-T title ] [-L level [-R]] [-P

2021-05-10 11:35:41 495

原创微信小程序（wepy + Echarts）绘制图表

【场景说明：】需要进行图表显示时，当前优秀的图表框架有很多。操作相对较多的有百度（Echarts）AntV（F2），当前是基于wepy框架使用npm安装引用的。【准备】1、下载ECharts插件保存本地（自定义组建commponents）。一、开始操练1. 文件目录结构2.自定义柱状图组件<template> <view class="bar_chart"> <ec-canvas id="mychart-dom

2021-04-23 09:10:53 1033

原创微信小程序（wepy + vant = 文件上传 van-uploader）

场景说明微信小程序 - 进行图片上传（图片多选、图片放大预览）官网详解：https://vant-contrib.gitee.io/vant-weapp/#/uploader1.组件引入<config>{ navigationBarTitleText: 'xxxx', usingComponents: { "van-uploader": "module:@vant/weapp/dist/uploader", }}</config>2.代码模块

2021-04-19 21:43:24 2842

原创 ZABBIX之旅（5.0版以上）

【背景说明】运维系统使用时Zabbix工具，需添加微信公众号、微信企业号进行异常数据提醒的消息推送功能。【系统环境】Linux系统、Python3、Pip【应用工具】Mac Pro ---- FinalShell一、ZABBIX脚本（微信公众号，企业微信）1.企业微信信息推送(python)为什么选用微信企业号？因为微信企业号需要先在企业通信录新建该员工，该员工才能关注该企业号，这样就能实现告警信息的私密性。如果使用公众号，则只要所有关注了该公众号的人都能收到告警消息，容易造成信息泄露

2021-03-31 13:34:57 522 1

weixin_45189855的博客