- 博客(15)
- 收藏
- 关注
RSS订阅原创 如何在 Nuxt.js 中配合 Element UI 使用微信开放标签 wx-open-subscribe 和 wx-open-launch-weapp
微信把服务号的模板消息改成了订阅通知，而订阅通知是用开放标签 wx-open-subscribe 来订阅，而不管是在官方文档，还是在社区的帖子中，都只有普通 Vue 项目的用法，所以今天专门记录一下如何在 Nuxt.js 项目中，跟原有的 Element UI 一起搭配使用微信开放标签。跟着官方文档的使用步骤走，因为开放标签使用步骤与微信 JS-SDK 类似，所以很多工作都不需要做，像 JS接口安全域名 之前已经配置过。然后引入 JS 文件，之前我用的是 1.4.0 版本的，现在换成 1.6.0 版本，这
2021-04-08 21:31:10
1231
1
原创 如何在Nuxt.js项目中使用vConsole
vConsole 是腾讯公司维护的一个开源项目，用来让前端工程师进行移动端调试，非常好用。但是官方只提供了一般情况下的用法，并没有 Nuxt.js 项目中的用法，所以特此记录一下引入方式，并且区分生产环境和开发环境，只在开发环境引入。首先，通过 npm install vconsole 或 yarn add vconsole 安装 vconsole，安装完成后，项目的 package.json ...
2019-07-17 10:22:58
2060
原创 如何在Nuxt项目中给pm2配置生产环境和测试环境
在 Nuxt.js 项目中，我们有一个全局的环境变量 process.env.NODE_ENV，默认情况下，这个变量的值要么是 production，要么是 development，分别表示生产环境和开发环境。而如果我们使用 pm2 来部署我们的项目，我们需要的环境可能不止这两种，我们还需要测试环境、预生产环境等等。这时候，就需要做一些配置工作才能正常使用，本篇文章就记录一下如何在 Nuxt 项目...
2019-06-17 14:18:59
3747
原创 Mac 升级 vue 3.x 之前卸载 vue 2.9.6 失败的原因和解决方法
之前安装了 vue 2.9.6 的版本，现在 vue 官方升级到了 3.x 版本，所以想卸载掉 2.9.6 的版本，安装 3.x 版本，结果输入官方给出的命令 npm uninstall vue-cli -g 却无法成功卸载，一直提示 up to time in 0.03s，然后百度和 Google 了好久，也没见到有效的解决方法，最终沉下心慢慢的研究，终于知道了原因，记录下来，方便遇到相同问题的...
2019-02-18 12:44:03
8716
2
原创 小程序开发之WXML中的三元运算符
本文原创首发于我的个人博客 一个贾程序员，文章原地址 点此 查看在小程序的开发中，有时候需要根据 page 的 data 中的数据来决定页面中的某元素加不加载，或者一个元素有没有某个属性，这时候就可以用三元运算符来实现。现在有这样一个需求: 在 page 的 data 中定义一个变量 portrait 来表示屏幕是横屏还是竖屏，如果是竖屏则 portrait 为 true，如果是横屏则 p...
2018-12-22 23:34:26
6883
1
原创 小程序开发之横竖屏转换
本文原创首发于我的个人博客 一个贾程序员，文章原地址 点此 查看在小程序的开发中，有时候需要横屏显示一些页面，不过微信官方并没有提供横屏功能，但提供了手机屏幕旋转的支持，所以可以利用这个来引导用户通过屏幕旋转看到更好的界面效果。如果想要某个页面支持屏幕旋转，需要在此页面的 json文件中配置 "pageOrientation": "auto"，然后如果手机屏幕旋转，页面会自动进行旋转。我们...
2018-12-22 23:31:21
7825
原创 小程序开发之云函数中的时区问题
在小程序的开发中，有时候需要知道服务器的时间，比如打卡之类的业务需求(使用本地时间存在被用户篡改时间的风险)。而如果使用的是小程序的云开发，就可以写一个云函数，通过这个云函数返回时间给小程序使用，但云函数中的时间却存在一些问题。先在云函数中创建一个 Date 对象，然后将这个对象分别打印 log 和保存到数据库，这时发现，同一个 Date 对象，打印 log 显示的时间和保存到数据库的时间却是不...
2018-12-22 23:21:33
3326
2
原创 如何配置 Aria2 来进行文件下载
什么是 Aria2？aria2 是一个轻量级的多协议和多源命令行下载实用程序。 它支持 HTTP / HTTPS，FTP，SFTP，BitTorrent 和 Metalink。 aria2 可以通过内置的 JSON-RPC 和 XML-RPC 接口进行操作。上面是官网对 Aria2 的介绍，讲的直白一点，Aria2 就是一个下载工具，它最大的优势就是下载速度快，基本可以达到你网络带宽的满速...
2018-12-05 10:57:50
4640
1
原创 如何开发一个用户脚本系列(5)——脚本三:网易云课堂下载助手
在这篇文章中，我们将一起学习脚本 网易云课堂下载助手 的开发。在正式开始之前，先说一下我认为开发脚本应该遵循的两个准则:功能实现。当你决定要开发一个脚本的时候，你肯定清楚你的脚本要实现什么功能，只有你的脚本实现了你所描述的功能，才会有更多的人安装使用，才会有更多的人给你好评；样式实现。什么叫样式实现？就是你在目标网站中添加的元素，要尽量与原网站的配色，样式相一致。这一项是非必须的，但我认为是...
2018-12-05 10:53:10
1696
原创 如何开发一个用户脚本系列(4)——脚本二:一个返回顶部和到达底部的按钮
在这篇文章中，我们将一起学习脚本 一个返回顶部和到达底部的按钮 的开发。在正式开始之前，先说一下我认为开发脚本应该遵循的两个准则:功能实现。当你决定要开发一个脚本的时候，你肯定清楚你的脚本要实现什么功能，只有你的脚本实现了你所描述的功能，才会有更多的人安装使用，才会有更多的人给你好评；样式实现。什么叫样式实现？就是你在目标网站中添加的元素，要尽量与原网站的配色，样式相一致。这一项是非必须的，...
2018-12-02 17:12:56
1501
原创 如何开发一个用户脚本系列(3)——脚本一:百度首页和搜索页面添加 Google 搜索框
在本系列的前两篇文章中，我们对用户脚本以及开发脚本前应该掌握的基础知识进行了介绍。从这篇文章开始，将以已发布可用的脚本为基础，进行脚本真实开发过程的讲解。在正式开始之前，先说一下我认为开发脚本应该遵循的两个准则:功能实现。当你决定要开发一个脚本的时候，你肯定清楚你的脚本要实现什么功能，只有你的脚本实现了你所描述的功能，才会有更多的人安装使用，才会有更多的人给你好评；样式实现。什么叫样式实现？...
2018-12-02 13:52:21
2500
3
原创 如何开发一个用户脚本系列(2)——需要哪些基础知识
在第一篇文章中，我对用户脚本进行了一些介绍，让大家对其有个大概的了解。在这篇文章中，我会对用户脚本开发过程中要用到的基础知识做一些介绍，让大家知道脚本中哪部分代码是干什么的，常用的操作有哪些。主要包括 3 个部分的介绍: 脚本头部 UserScript 包含的脚本属性、脚本管理器提供的 API 以及脚本内容中常用的 JS DOM 操作。在后面的所有介绍中，我将使用 Chrome 浏览器和 Tamp...
2018-12-02 13:35:03
3822
1
原创 如何开发一个用户脚本系列(1)——什么是用户脚本
这个系列总共 6 篇文章，将详细的介绍如何从零开发一个用户脚本。其中前两篇将介绍一下什么是用户脚本，以及开发脚本需要的一些基础知识。后面四篇将通过案例讲解的形式，选择之前我开发完成的 4 个脚本，由简到繁，带着你一起完成脚本的开发，让你看完这个系列文章之后，就可以自己动手开发出自己想要的脚本。什么是用户脚本用户脚本是一段代码，它们能够优化您的网页浏览体验。安装之后，有些脚本能为网站添加新的功...
2018-12-02 13:33:43
7062
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人