ioolm

样式表 项目开发中会引入重置样式表以及基础样式表，更多的有动画样式表、分类样式表等等 重置样式表reset.css1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980@charset "utf-8";/* Document: CSS样式重置 Created on: 2022.05.14,00:40:00...

跳转锚点（Mobile） 定位输入框的位置并产生抖动效果，输入框请参考同系列 “封装input输入框” 文章 ⚠️ 样式表里要有shaking的抖动样式，详情参考同系列 “公共样式表” 文章 1<Minput name="incoming" label="年收入" type="number" min="1" max="5" placeholder="请输入年收入"...

部署前端项目到服务器 前端开发打包完需要将项目部署到服务器，之前我的服务器使用的ftp连接，可视化你懂的，有手就会 但是对于公司的服务器来说，一般不会开放外网端口供ftp连接，本文以命令部署方式部署前端项目 咚咚咚！！！上课了 1⃣️ 连接服务器：配置本地资料：执行命令生成本机密钥 1ssh-keygen 生成本地密钥后，在.ssh目录下可以看到id_rsa.pub 如果目录隐藏，使用command + shift + .显示隐藏目录 如果还不知道.ssh在哪的，回到桌面，使用command + shift +...

常用的弹窗动画效果 移动端开发中，经常会用到小弹窗提示，为了实现项目的统一化，使其具有一致的表现，会将一类的表现进行统一，本文以弹窗提示的动画效果为主题记录 弹跳(抖动放大出现)123<div class="mask bounce-in" v-show="isUploading"> 我是一个弹窗</div> 123456789<script>export default{ data() {...

tothousand tothousand ：前端在处理一些数字时，进行一个千分位的处理，例如：16688 –> 16,688.0或16,688.00 包名：tothousand ，顾名思义：转化为千分位 安装：npm install tothousand --save 使用：import tothousand from 'tothousand' 手把手教你发布你的npm包 ⚠️ 注意：npm要切换回原始的npm镜像，命令：npm config set registry https://registry.npmjs.org/ 1⃣️...

NProgress进度条使用详解 都知道NProgress怎么开始怎么结束，今天再来更深入学习一下它，本文章以vue项目中的使用展开介绍。 示例 DEMO 安装1npm i nprogress -S 项目中引入在main.js中引入要使用的NProgress 12import NProgress from 'nprogress'import...

处理金额千分位的一点点思考 现在有一个场景：要处理一下每个页面的金额为千分位并保留两位小数，此时页面又很多的情况下 如果只有一两个页面我们可能会这样写在每个页面写这么一个方法，然后用这个方法去处理这个数据： 1<p>{{ toThousands(money) }}</p> 12345678910111213141516171819methods: { toThousands(num){ if(!num) return...

微信公众号返回到聊天窗口 微信公众号点击按钮关闭浏览器，返回到聊天窗口 dom1<button @click="weixinClosePage">返回</button> js1234567891011121314151617181920//关闭微信页面weixinClosePage() { if (typeof WeixinJSBridge == "undefined") { if...

Oh-my-zsh 看惯了白板的你，是否也想过为你的终端换一个样式 以下操作除注明外均在home目录下，也就是你看到的目录应该是～ 🍔先查看我们的默认终端1dscl . -read /Users/$USER UserShell 输出/bin/zsh说明你电脑的默认终端就是zsh 如果不是请执行下一个命令： 1chsh -s /bin/zsh 此命令是选择zsh为默认终端 安装oh-my-zsh oh-my-zsh是什么可以去百度了解一下 ❌网络上很多教程是这样的： 1sh -c "$(curl -fsSL...

macOS安装nodeJs 本文源于安装nodeJs后安装模块出现无写入权限，针对这一问题记录如下 🚮卸载node从官网下载的pkg安装包安装的卸载（删除）方法1sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 通过homebrew安装的卸载（删除）方法1brew uninstall node 🍔安装新的nodeJs1.从官网下载pkg格式的node安装包​...