前端
uniapp 打包 H5 方法
在 manifest.json 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：https://hellouniapp.dcloud.net.cn。 在HBuilderX工具栏，点击发行，选择网站-H5手机版 然后弹出对话框，请做如下配置： ...
前端模板引擎 artTemplate 介绍
对于服务端开发人员来说在做前后端分离页面时往往会用js拼接html,但这样可读性不大好。在服务端渲染页面时我们会使用模板引擎像smarty等。最近查了一下前端也是有很多模板引擎的，可以像smarty一样渲染页面，下面介绍前端art-template模板引擎的使用： GitHub地址: https://github.co ...
vue 打包网页项目 nginx 配置注意点
对于 uniapp、vue 打包的h5 项目，部署到服务器通过nginx服务器访问时，nginx 要添加以下配置： location / { try_files $uri $uri/ /index.html; } 具体说明参考 https://router.vuejs.org/zh/guide/essentials ...
NPM 国内加速方法
为什么慢 执行 npm 各种命令的时候，默认是去 npm 官方镜像源获取需要安装的具体软件信息 以下命令查看当前使用的镜像源 npm config get registry 默认源地址在国外，从国内访问的速度肯定比较慢 如何修改镜像源 阿里旗下维护着一个完整的 npm 镜像源 registry.npm.taobao.o ...
使用 pm2 远程部署前端项目
官方文档： https://pm2.keymetrics.io/docs/usage/deployment/ 安装 npm install pm2 -g 使用 1、生成一个示例 ecosystem.json 文件 其中列出了流程和部署环境 pm2 ecosystem 示例： { // 应用部分 "apps" : ...
Node 多版本切换工具 nvm 的安装和使用
安装 node 和 npm 详情见：GitHub 安装 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash 运行上面的命令可以下载安装脚本并运行它。脚本将 nvm 存储库克隆为 ~/.nvm，并尝试添加下面环境变 ...
给 TinyMce 富文本编辑器图片和视频上传插件添加本地文件上传按钮
实现的效果 图片上传： 视频上传： 如上图所示添加本地文件上传按钮。将原来的只能复制第三方链接变为可以本地上传。 实现方法 通过重新定义 file_picker_callback 方法实现 tinymce.init({ selector: '#tinydemo4', language:'zh_CN' ...
img 标签图片不存在时显示默认图如何设置？
在网页中当img标签的图片资源失效或加载失败时会展示alt属性值，但这样并不美观。最好在加载失败时展示一张默认的图片。以下是展示默认图片的几种方式： js 方式 使用图片的 onerror 方法 (一般用这个方法就行了) onerror 事件会在文档或图像加载过程中发生错误时被触发。 在装载文档或图像的过程中如果发生 ...
VUE this.$forceUpdate () 强制页面刷新问题
问题描述： 在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值； 如往数组中push数据，但页面没有实时渲染，可用 this.$forceUpdate() 强制渲染数据 解决： 运用 this.$forceUpdate() 强制刷新（因为数据层次太多，ren ...
前端本地存储 cookie、localStorage、sessionStorage
cookie 如何工作 当网页要发http请求时，浏览器会先检查是否有相应的cookie，有则自动添加在request header中的cookie字段中。这些是浏览器自动帮我们做的，而且每一次http请求浏览器都会自动帮我们做。这个特点很重要，因为这关系到“什么样的数据适合存储在cookie中”。 存储在cooki ...
vue 项目中通过监听 localStorage 的变化进行父子页面传参
vue实时监听 localStorage 变化 应用场景： 1、页面B需要实时获取页面A数据更改 2、父子页面之间的传参 代码实例 B页面实时获取A页面的数据变化 在【页面A】进行缓存修改or插入缓存 localStorage.setItem('product_process_uid', parentinputname ...