2021年01月_头发超多的程序媛

原创 Angular 介绍、安装 Angular Cli、创建运行 Angular 项目、目录结构分析

Angular 是谷歌开发的一款开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。Angular 环境搭建安装 nodejs安装 angular 的计算机上面必须安装最新的 nodejs–注意安装 nodejs 稳定版本安装 cnpm/yarnnpm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装 https://npm..

2021-01-27 14:58:10 497

原创 mac 连接linux服务器，用scp命令实现本地文件与服务器文件之间的互相传输

mac连接linux服务器打开终端，切换到root权限下，切换root权限命令：sudo -i通过ssh命令连接linux服务器：ssh root@ip地址（root是账户名）然后根据提示输入密码即可成功连接scp命令实现本地文件上传到 linux服务器scp 【本地文件路径】【服务器用户名】@【服务器ip地址】:【服务器上存放文件的路径】scp /Users/dream/Desktop/platform-graduate-web/README.mdroot@192.168.1.1:/

2021-01-27 11:57:53 308

原创 Mac安装软件包管理器Homebrew及其常用命令

Homebrew是macOS的软件包管理器安装在终端执行以下指令：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"将以上命令粘贴至终端。脚本会在执行前暂停，并说明将它将做什么。高级安装选项在这里 (required for Linux and Windows Subsystem for Linux)。下载完成后，会在终端看到打印 Instal

2021-01-26 13:48:41 539 1

原创 Linux安装Mongodb4.x

一、Mongodb4.x 安装官方文档：https://docs.mongodb.com/manual/tutorial/install-mongodb-on-red-hat/1、配置 yum 源在路径/etc/yum.repos.d/下创建文件 mongodb-org-4.0.repo cd /etc/yum.repos.d/ touch mongodb-org-4.0.repo在文件 mongodb-org-4.0.repo 中写入如下内容(下面内容可以直接复制，也可以复制官方文档)

2021-01-26 12:27:16 168

原创最新JS正则大全(常用)

一、校验数字的js正则表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实.

2021-01-26 12:10:06 1714 1

原创微信小程序~触摸相关事件（拖拽操作、手势识别、多点触控）

touchstart 手指触摸动作开始touchmove 手指触摸后移动touchcancel 手指触摸动作被打断，如来电提醒，弹窗touchend 手指触摸动作结束拖拽操作案例1：（注意按钮拖出屏幕边缘处理）<view id="id" bindtouchmove="handletouchmove" class=‘demo‘ style=‘top:{{ballTop}}px; left: {{ballLeft}}px‘></view>page

2021-01-26 12:09:46 4124

原创 DOM中获取宽高、位置总结

原生JS一、文档、窗口的宽高和位置// 获取屏幕的宽高window.screen.height | window.screen.width// 屏幕可用工作区宽高window.screen.availHeight | window.screen.availWidth// 浏览器窗口可见区域宽高window.innerHeight ≈ document.documentElement.clientHeightwindow.innerWidth ≈ document.documentEl

2021-01-26 12:09:26 491

原创 dom和bom的区别，以及三类偏移属性

bomBOM是browser object model的缩写，简称浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象；1、window对象，是JS的最顶层对象，其他的BOM对象都是window对象的属性；2、document对象，文档对象；3、location对象，浏览器当前URL信息；4、navigator对象，浏览器本身信息；5、screen对象，客户端屏幕信息；6、history对象，浏览器访问历史信息；dom常见的知识点，是dom节点的增删改查。关于bom的三类偏移

2021-01-26 12:09:04 401

原创 BOM对象和DOM对象

一、BOM对象BOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 JavaScript 有能力与浏览器"对话"。1. window对象window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.w

2021-01-26 12:08:33 166

原创小程序包括uniapp针对安全区域env(safe-area-inset-*)兼容

以前做webapp的时候，在uc手机浏览器及个别浏览器下使用constant(safe-area-inset-top)和env(safe-area-inset-top)会有不兼容情况，甚至出现样式错误于是在:root下去定义css变量。但是小程序或者uniapp下是是不可以的。那么，真的要uni-app 全面屏适配（iphoneX适配）及安全区设置一样写3条css兼容吗？其实不用，将page替换:root即可，上代码page { --safe-area-inset-top: 0px.

2021-01-26 12:08:13 4555 2

原创移动端适配简单方案

js实现function resetFontSize() { // 1rem = 100px var baseFontSize = 100 // 设计稿宽度 var designWidth = 750 // 设备宽度 var width = window.innerWidth var currentFontSize = (width / designWidth) * baseFontSize document.getElementsByTagName('html')[0].

2021-01-26 12:07:50 71

原创 Linux常用命令

一、Linux常用命令1、init 0 关机2、init 6 重启 3、ls 、 ls -l 、 ll 列出出当前目录下的文件 4、cd 切换目录5、pwd 查看当前路径7、cd - 切换最近使用过的两个目录8、ctrl+c 中断当前程序9、ctrl+l / (clear) 清屏10、ip addr / ifconfig 查看网卡信息11、ping 127.0.0.1 看网络

2021-01-26 12:07:10 275

原创 uniapp 打包h5路由模式history配置

我们使用hash模式时，打包线上，容易出现页面空白的情况，所以如下配置"h5" : { "devServer" : { "publicPath":"./" "https" : false, "port" : 3000, "disableHostCheck" : true, "proxy" : { "/api" : {

2021-01-25 12:50:23 10111 2

原创 js生成sku

let arr = [ [{ name: '红色', value: '1' }, { name: '黑色', value: '2' }], [{ name: 'X', value: '1' }, { name: 'M', value: '2' }], [{ name: '款式A', value: '1' }, { name: '款式B'

2021-01-25 12:47:27 632

原创 css 生成4个小角

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .siFrame { width: 200px;

2021-01-25 12:42:04 402

原创 flex布局文字溢出显示省略号失效的解决方法

css单行文字溢出省略： overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px;css多行文字溢出省略： word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overfl

2021-01-25 12:37:15 3898 3

原创 VSCode 基础必备插件

2021-01-25 12:33:31 98

原创 git删除已上传的node_modules文件

新建项目没配置gitignore文件，导致node_modules文件上传到了git仓库，下面是解决方法，可以删除仓库已上传的node_modules文件：按顺序执行以下命令：git rm -r --cached node_modulesgit commit -m 'delete node_modules file'git push origin master...

2021-01-25 12:29:00 1065

原创 Git安装以及环境搭建以及常用命令

Git安装安装Gitwindows 直接下载安装包，Git下载地址mac可用homebrew指令下载，不过首先需要安装homebrew在终端执行后面指令安装，homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"完成后，使用以后指令安装Git，brew install git安装好Git后，配置用户名和用户邮箱，以后每次与Gi

2021-01-25 12:00:52 104

原创 Electron+vue-cli4开发跨平台桌面应用详细流程

Electron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种方式越来越受到开发者的喜爱。本文一步一步教你如何使用Electron5和vue-cli3，在完全保留vue开发web

2021-01-25 11:30:52 1034

原创 Vue CLI4 Vue.config.js标准配置(最全注释)

// const path = require('path');// const CompressionWebpackPlugin = require("compression-webpack-plugin"); // 开启gzip压缩，按需引用// const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; // 开启gzip压缩，按需写入// const BundleAnalyzerPlugin =

2021-01-25 10:34:17 833

weixin_44714325的博客