- 博客(17)
- 收藏
- 关注
RSS订阅
原创 vue移动端适配
在写移动端网页（H5页面）时，都少不了对页面的适配，目前主流的适配方案是rem单位适配。但是如果直接使用js修改页面根节点的font-size，会导致很多第三方的框架无法使用，因为这些框架的单位都是px。然而这些框架都是不可或缺的。怎么办呢？在vant ui官网中提供了解决方案，但是不详细，只介绍了方法，没有介绍具体的使用方法。1、postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem2、lib-flexible 用于设置 rem 基准值具体使用方法如下：安装po
2020-09-24 17:14:10
272
原创 Vue使用Plupload上传插件实现文件切片上传
Element原生的上传组件很好用，但是不支持分片上传功能，在上传大文件的过程中，直接上传可能因为接口访问时间过长上传中断导致文件上传失败，所以使用Plupload插件来实现文件上传功能。用到的插件：1、Plupload（实现文件分片上传）2、axios（如果需要额外的调用接口可以使用，我的是需要获取uuid，才额外引用的）3、Element（样式实现）代码：<template&...
2020-04-29 11:26:27
2446
原创 Right-House软件更新-支持docker部署
Docker是基于Google公司推出的Golang语言开发而来，基于Linux内核的Cgroups、NameSpace，以及Union FS等技术，对进程进行封装隔离，属于操作系统层面的虚拟化技术。传统的虚拟机启动时间比docker更久，docker容器启动的时候无须启动一个完整的操作系统，启动更快，大大的解决部署的时间。通过dockerfile来构建镜像，开发所需要的环境都集成在容器中，无须考虑环境不一致带来的问题，方便团队更加快速的部署。容器没有自己的内核，它的应用程序直接运行在宿主机的内核上。
2023-09-01 17:12:04
130
1
原创 JavaScript使用selenium踩坑记录
Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7, 8, 9, 10, 11），Mozilla Firefox，Safari，Google Chrome，Opera，Edge等。这个工具的主要功能包括：测试与浏览器的兼容性——测试应用程序看是否能够很好得工作在不同浏览器和操作系统之上。测试系统功能——创建回归测试检验软件功能和用户需求。支持自动录制动作和自动生成.Net、Java、Perl等不同语言的测试脚本。
2023-07-27 16:22:06
154
1
原创 推荐一个开源的租房管理软件
前期提供房东房源发布和租客求租等功能。建立租赁关系后，提供租客交租和房屋报修等功能，房东管理租客信息，维修房屋等功能。终止租赁关系后，租客对房东进行评价评分，提供给后来租客做参考。客户端基于uni-app可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。完全基于JavaScrict的应用程序,包含：基于node-js的服务端、基于vue的后台管理系统、基于uni-app的租客端和房东端。
2023-06-09 14:17:06
580
原创 服务器（Linux\Ubuntu）定时备份数据库
一、编写脚本文件1-1：新建一个工作目录cd /optmkdir copyDB1-2：新建脚本文件cd copuDBtouch copy.sh1-3：编辑文件vi copy.sh1-4：写入脚本#!/bin/sh### BEGIN INIT INFO# Provides: starter# Required-Start: $remote_fs $syslog# Required-Stop: $remote_fs $syslog# Default-Start: 2 3 4
2022-01-11 15:30:04
371
原创 git仓库初始化
Git全局设置git config --global user.name "name "git config --global user.email "email"创建一个新的仓库git clone git仓库urlcd 文件夹touch README.mdgit add README.mdgit commit -m "add README"git push -u origin master推送现有文件夹cd 文件夹git initgit remote add origin g
2021-03-02 09:21:44
158
原创 在gitee上发布静态页面
gitee是国内领先的代码托管平台，相对于github，他有着更快的访问速度，非常适合国内开发者使用。静态页面发布流程1、新建仓库打开gitee官网=》登录/注册=》点击头像旁边的加号=》点击新建仓库输入项目信息然后点击创建然后将要部署的代码推送到仓库2、开启Gitee Pages点击服务=》gitee pages开启服务即可3、单页面应用部署如果是vue、react等mvvm框架写的单页面应用，部署的时候需要添加一些特殊配置，拿vue举例：1、打包前修改根目录配置modul
2021-03-01 15:50:14
749
原创 vue的H5页面移动端调试显示控制台。
众所周知，手机网页没有控制台，在H5页面嵌入到app后，联调会非常麻烦。一个手机控制台的轮子：vConsole（GitHub地址 、npm地址）安装npm install vconsole使用//在main.js内import Vconsole from "vconsole";//开发环境使用，生产环境自动取消if (process.env.NODE_ENV == "development") { new Vconsole();}效果...
2020-12-23 17:31:49
1232
3
原创 web端RTMP,FLV,HLS直播流播放方案
由于平台的差异，在web端无法直接播放RTMP,FLV,HLS直播流，大佬手撸源码也是可以的，但是考虑到时间成本和开发效率，还有借助轮子来解决这个事比较靠谱。Aliplayer是阿里出的H5播放器，阿里出的，你们懂的，用就完了。官网地址支持格式阿里云Web端播放器SDK，同时支持Flash和H5两种播放技术。Flash 模式（已停止更新）：视频格式：mp4、flv、m3u8、rtmp视频编码：H.264音频编码：AAC、MP3音频格式：MP3H5 模式：视频格式：mp4、m3u8、fl
2020-12-07 11:25:05
3134
原创 js多维数组变形方法
在做树状分类的时候会有将2维数组转换为多维数组的需求，一下是解决这个需求的类。class initTreeList { constructor(arr, pidName, initialPid, idName) { this.arr = arr; this.formatting = arr.filter((val, ind) => { if (val[pidName] == 0) { val.children = this.findChild(val[
2020-12-01 10:40:39
631
原创 sass学习笔记
1、变量1-1、变量声明$符号开头$highlight-color: #F90;可以使用多个属性值$basic-border: 1px solid black;1-2、 变量引用和声明时一样的写法$highlight-color2、嵌套CSS2-1、基本嵌套如下所示.dome{ width: 200px; height: 100px; background-color: #999; .dome-box{ color: #fff; }}2-2、
2020-10-20 15:30:15
161
原创 css高度自动填充剩余高度
利用flex布局实现自动高度代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> * { margi
2020-07-30 10:42:48
1095
原创 vue使用阿里图标库
阿里矢量字体图标库是国内功能强大且图标内容丰富的矢量图标库，可以下载SVG，PNG，AI等格式的图标，还可以生成自定义的字体图标，极大的方便了UI设计人员及前端开发人员对图标素材的使用。接下来为大家分享如何在VUE项目中使用阿里图标库：1)使用阿里图标库要有项目的概念.不要用一个下载一个,要将一个项目中使用到的图标放在一个项目中集中管理:在前端开发的过程中,使用字体图标比使用图片图标更灵活,可以更随意的修改颜色,修改大小,而且不失真.2)下载图标这里的下载图标不是下载图片,而是下载图标代码
2020-05-20 09:53:59
484
转载 devServer.proxy完整options配置选项
target：要使用url模块解析的url字符串forward：要使用url模块解析的url字符串agent：要传递给http.squest的对象（请参阅Node的https代理和http代理对象）ssl：要传递给https.createServer（）的对象ws：是/否，如果您想代理websocketxfwd：true / false，添加x-forward标头secure：true...
2020-04-21 10:35:41
2291
原创 sockjs报错解决方法
sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。当在项目运行过程中修改Ip地址会造成info报错，如下：解决方法为重新启动项目...
2020-03-31 16:40:54
1695
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人