WebStorm代码同步至服务器
每次更新项目都需要上传到服务器,重新部署,原来我用的连接服务器的是Termius,这个工具可以直接传输文件,以及对Linux服务器的操作。 新建SSH Mac为例: WebStorm->Preferences->Tools->SSH Configurations 点击 + 添加一个 Deployment Mac为例: WebStorm->Preferences->builder,Execution,Deployment->Deployment 点击 + 选择 SFTP 选择本地上传的文件夹 和 上传到服务器的位置 如果你在Connection选择了服务器上传的位置,Deployment path就是Connection位置的下面 提交 在需要提交的文件夹上面右键,就会出现Deployment,如果不是需要上传的文件,右键出现的Deployment就没法按。可以选择upload to... 或者 upload All ... 选择Sync提交 这个会对比之间的差异,选择第二个按钮即可
公共npm加速
什么是加速 CDN加速就是将源站的各类资源像复制粘贴一样,缓存到各地甚至全球各地的CDN节点上,当用户对源站发起访问时,用户就可以获取到离自己较近的数据信息,不必到源站进行访问。这样,避免访问源站时的线路拥堵,也减轻了源站的访问压力,同时,让用户得到更快的访问体验 公共加速 使用公共的npm加速 需要会发包 参考npm发包 发包成功后会返回 包名@版本号 如 static@1.0.2 获取这些之后使用公共加速访问 【jsd】https://cdn.jsdelivr.net/npm/:package@version/file【知乎】https://npm.elemecdn.com/:package@:version/:file【百度】https://code.bdstatic.com/npm/:package@:version/:file【饿了么】https://shadow.elemecdn.com/npm/:package@:version/:file【unpkg】https://unpkg.com/:package@:version/:file【示例】https://cdn.jsd ...
npm发包
首先需要注册一个npm的账号 访问npm注册 完成邮箱验证,注册完成后进入账号管理界面,你会看到You have not verified your email address字样的提示,点击以后按提示步骤验证你的邮箱。 先在gitee上创建一个仓库 存放这些内容 在本地合适的位置把它clone下来。找个空文件夹打开终端输入 //比如我的git clone https://gitee.com/xyhcodefilter/wxtools.git 在clone下来的[wxtools]文件夹内打开终端,输入以下指令切换回原生源 npm config set registry https://registry.npmjs.org 添加本地npm用户设置 # 仅第一次使用需要添加用户,之后会提示你输入你的npm账号密码以及注册邮箱npm adduser# 非第一次使用直接登录即可,之后会提示你输入你的npm账号密码以及注册邮箱npm login 编辑好自己需要发布的npm插件 运行npm初始化指令,把整个进行打包,按照指示进行配置,注意需要事先确认你的包名没有和别人 ...
微信小程序wxs与template
wxs 和 template之前的话博主没有去使用过,如有错误请望评论指出! wxs官方文档参考 template官方文档参考 template 给每个大的分类定一个template 创建文件 在需要使用template的页面文件夹下创建template文件夹,文件夹下面创建title.wxml 编写title.wxml <!--name属性是模版的名字--><template name="title"> <view>{{content}}</view></template> 使用 在需要使用的界面导入title.wxml <!--导入--><import src="./templates/title.wxml" /><!--使用title is属性:声明需要的使用的模板 data属性:模板所需要的 data 传入--><template is="title" data=& ...
封装微信小程序请求
最近在写微信小程序的项目,发现一些比以前写小程序更好的封装方法。 之前封装 之前封装请求都是直接把请求的方法写到utils.js中. 请求参考 使用请求需要很多代码,而且后续不好修改请求地址 优化封装 项目下新建一个request文件夹 在request中新建 api.js fetch.js request.js api.js // 开发的服务器var baseUrl = "http://test.com:8001";// 测试的服务器// var baseUrl = 'http://127.0.0.1:8637'// 正式环境// var baseUrl = 'http://www.test.com'// 首页数据接口var homeApi = baseUrl + "/index/index";// 登录接口(没有账号自动注册)var LoginApi = baseUrl + "/auth/loginByWeb";// 全部分类数据接口var CatoryApi = baseU ...
谷歌翻译无法使用
最近有小伙伴说自己的谷歌浏览器这个老小子不太听话,网页谷歌翻译无法使用,听这么一说,想想自己的谷歌翻译确实有时候无法使用,但是有时候又可以,有可能可以的时候是博主开外挂了,去查了一下发现,谷歌翻译无法使用是因为在大陆使用率低,因此停掉了大陆的翻译服务。 Mac解决 访达->前往->前往文件夹 输入 /etc/ 找到hosts文件,编辑文件 220.181.174.162 translate.googleapis.com Windows解决 Windows 和 Mac 是一样的,就是编辑的文件位置不一样,博主没有Windows的,给大家找了个路径 C:\Windows\system32\drivers\etc\hosts
Vant自定义微信小程序tabBar
使用之前确保小程序已经安装了vant 安装参考 文章使用的就是vant中的tabBar Vant tabBar 文章中的图标同样来自vant Vant 图标 之前tabBar 之前博主写微信小程序的时候tabBar的配置是直接写在app.json中 类型下面这种 参数 说明 pagePath 跳转的页面 text 文字说明 iconPath 图标 selectedIconPath 选中显示图标 { "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页", "iconPath": "icon/_home.png", "selectedIconPath": "icon/home.png" ...
网站崩溃
网站是在下午崩溃的,主要原因是因为我想在文章中写数学公式,使用的是LaTeX,但是它需要在本地安装一个叫pandoc的软件,在本地测试的时候没有什么问题,部署到vercel就报错,最后导致网站崩溃,后面查询了一下 是因为需要pandoc这个环境,或者类似这种依赖,vercel又无法下载依赖,如果部署在自己服务器的话 是没有问题的,只有vercel不可以。恢复网站后又试了mathjax,发现没问题 查看效果 pandoc 效果 报错
LaTeX公式
原因 对于工科生和从事科研工作的而言,写作过程中可能需要编辑数学公式。最近想尝试在文章中添加数学公式,但是发现渲染不了,所以后面一直没有去解决这个问题。今天尝试再次解决文章渲染数学公式的问题。也方便在后面文章中使用数学公式 LaTeX编辑器 可以在编辑器里面写公式 或者 复制公式编辑器会自动识别 https://www.latexlive.com/ 使用 可以使用MathML格式(推荐,后续本博客都使用MathML) MathML <math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>z</mi><mo>=</mo><mfrac><mrow><mi>sin</mi><mo data-mjx-texclass="NONE"></mo><mrow data-mjx-texclass="INNER&q ...
Elementui下拉框自适应
ElementUI下拉框 文字变多时下拉框也变宽 官网示例 先把官网代码拷贝到项目中,查看效果 <template> <div class="d1"> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </div></template><script>export default { name: "VideoView", da ...










