微信小程序：计算属性的两种体现方式及应用场景 在wxml文件中使用的计算属性很多时候我们需要将数据加工后再显示到页面上，例如，我在显示排行榜的循环中，排名我需要在个位数之前补0这样的操作时就需要在wxml页面中使用到计算属性。微信小程序的计算属性和vue有所不同，在页面中使用的时候可以如下：<view class="container"> <wxs module="fn"> module.exports = { reverse: function(str) { return str.reverse() }, arr2Str: function(arr) { return arr.join('、') } } </wxs> <text>{{ fn.reverse('大海爱奔跑') }}</text> <text>{{ fn.arr2Str(['Vue', 'Node', '小程序', 'JS', 'CSS']) }}</text> </view>计算属性有时候可能需要使用到 data，但是在页面中的计算属性没办法直接拿到data，使用只能当做参数传入其中。<wxs module="fn"> module.exports = { getText: function(keyword, length) { // 这里不能使用`${xxx}`格式，否则报错 return '关键词' + keyword + '匹配到 ' + length + ' 个结果' } } </wxs> <!-- 这里传入keyword和names.length，上面的getText则可以使用 --> <view class="key">{{ fn.getText(keyword, names.length) }}</view>在JS文件中使用的计算属性上面我们讲了微信小程序页面上的计算属性使用，现在来介绍一下微信小程序在js文件中计算属性的使用，这其中就需要用到npm模块了。安装npm模块npm install --save miniprogram-computed具体使用方法const computedBehavior = require("miniprogram-computed").behavior; Component({ behaviors: [computedBehavior], data: { a: 1, b: 1, }, computed: { sum(data) { // 注意： computed 函数中不能访问 this ，只有 data 对象可供访问 // 这个函数的返回值会被设置到 this.data.sum 字段中 return data.a + data.b; }, }, methods: { onTap() { this.setData({ a: this.data.b, b: this.data.a + this.data.b, }); }, }, });以上就是微信小程序中关于计算属性的两种使用方法和场景，参考了网络上的其他人的帖子总结而来转载自：https://developer.aliyun.com/article/813779https://segmentfault.com/a/1190000041022284?sort=votes

解决项目执行 npm install （yarn）的时候报 node-sass 错误 项目执行 npm install 或 yarn 的时候经常遇到 node-sass 下载错误, sass_binary 无法下载，或者提示让你安装 python ( 安装python这个提示有点扯, 严重误导人, 以下详述 )，还有很多其他千奇百怪的说法，照着试了一大堆之后发现一个有用的都没有。对于 node-sass ，如果通过以下设置已经解决了问题，那基本上能判断出来是网络原因了。但后面的内容我仍然建议你看一看。set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass如果这种办法尝试几次还不行, 基本可以排除网络原因了, 可能是你所使用 node-sass 依赖的版本跟电脑上安装的 node.js 版本不对应导致的.因为项目所需要的 sass_binary 的版本是由 node 的版本和项目中依赖的 node-sass 版本共同决定的。然而有时候错误的版本并没有与之对应的 sass_binary 文件，那么解决问题的关键就在于选对 node 和 node-sass 的版本。怎么确定项目所需的 sass_binary 的版本呢？ 首先通过 node -v 查看电脑中已安装 node 的版本，然后在 https://nodejs.org/zh-cn/download/releases/ 页面的表格中找到这个版本的 node ，在 NODE_MODULE_VERSION 这一列中指定了该版本 node 对应的 node-sass 的 SASS_BINARY 版本。举例来说，假设电脑中安装的 node 版本号是 v14.15.4，它对应的 NODE_MODULE_VERSION 是 83，那么我们再到项目中的 package.js 和 yarn.lock （如果有）找到 node-sass 的版本，我的项目中使用的 node-sass 版本是 v4.13.0 ，至此我们就能得到项目所需要的 sass_binary 文件名为 node-sass@v4.13.0 版本中的 win32-x64-83_binding.node（其它操作系统同理），然后通过 https://npm.taobao.org/mirrors/node-sass 找到对应的 node-sass 版本，进入文件夹内查找 win32-x64-83_binding.node 发现该文件并不存在 ( 我们看到在 node-sass@v4.13.0 中最大的 binding 文件版本才到 79 ), 这才是在执行 npm Install 时报错的根本原因：项目试图下载一个不存在的文件。这时候就需要修改 node-sass 依赖的版本号了，原则是在不跨越大版本的前提下，我们优先在最接近 ( 步子迈太大怕扯到蛋 ) 当前所使用的 node-sass 更新版本中查找有没有这个 binding 文件，如果有，那么就优先使用这个版本即可,如果还没有,那就继续往后找。比如我一直到 node-sass@v4.14.0 的文件夹中才找到有对应的 win32-x64-83_binding.node 文件，那么我们就在项目中重新安装使用这个版本的 node-sass 即可。需要注意的是移除旧版本和安装新版本最好是通过命令操作，否则在使用 yarn.lock 锁定了项目依赖版本的情况下无法正常更新版本。 如果在安装过程中仍然报错，那就先把之前的 node_modules 文件夹删掉再重新安装一次。至此, 我们的项目应该就可以正常安装依赖并启动了。补充:截止发文时我们看到 nodejs 官网中 "当前发布版" 是 v16.0.0, 通过之前的链接查询发现,此版本 nodejs 对应的 NODE_MODULE_VERSION 版本都™到 93 了我们再到 GayHub 看看, 此时 node-sass 最后一个 release 版本是 5.0.0, 下方的版本日志清楚地写着支持的 node 版本为 10, 12, 14, 15, 并没有说支持最新的 nodejs v16, 而且在 Assets 中也没有找到有对应的 win32-x64-93_binding.node 文件. (这就是你使用 node 当前发布版的后果, 所以千万不要随意升级 nodejs, 就算要升也要使用长期支持版, 切忌使用当前发布版)（至此我们也许可以猜测一下有人让安装 python，莫非是想要让我们自己来编译生成所需要的 binding.node 文件？未作相关了解，有兴趣的可以一起在评论区交流）通过这个问题我们知道了更高版本的 nodejs 需要更高版本的 node-sass, 因此升级了 nodejs 之后可能不再与项目中的旧版本的 node-sass 兼容, 这时候还要升级所有不兼容的 node-sass, 要么就尽量不要手欠随意升级电脑上的 nodejs 的版本, 以免不必要的麻烦. 以前我就是这样, 每次闲的蛋疼的时候就去 nodejs 官网升级版本, 升级的还不是长期支持版本, 而是最新发布版本 (以前的自己是多么的无知). 如此导致的问题就是每次启动项目的时候报一大堆错误然后启动失败, 而且网上还找不到靠谱的答案. 至于 python 的提示，其实都是同一个问题，只要找到了有效的 binding 文件，这个问题也就随之解决了。很多人看见 python 的提示就去百度，按照网上说的方法下载 python，然后配置环境变量, 往往按照步骤操作到一半时忍无可仍最终放弃, 继而再去找别的方法. 其实根本就不是这个原因，最根本的问题是解决依赖的版本，而不是去搞 python。我们只是在开发一个web项目，怎么还跟 python 扯上关系了，看到这种回答我就越想越奇怪？回想一下以前能正常运行的时候，我们的电脑上也并未安装过python，更没有配置python环境的过程,这根本说不过去啊, 可能这也是我每次按照步骤配置python到一半就选择放弃的原因吧。说到底，要多思考, 不要人云亦云, 要搞清楚问题的根源，这样才能少走很多弯路。原文链接：https://blog.csdn.net/baobao_123456789/article/details/116047109

node进程管理工具PM2的安装和使用 一、简介PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。二、前期必备node 环境npm三、安装全局安装npm install -g pm2四、入门教程挑express应用来举例。一般我们都是通过npm start启动应用，其实就是调用node ./bin/www。那么，换成pm2就是注意，这里用了–watch参数，意味着当你的express应用代码发生变化时，pm2会帮你重启服务(长时间监测有可能会出现问题，这时需要重启项目)pm2 start ./bin/www –watch五、常用命令启动参数说明： –watch ：监听应用目录的变化，一旦发生变化，自动重启。如果要精确监听、不见听的目录，最好通过配置文件。-i –instances ：启用多少个实例，可用于负载均衡。如果-i 0或者-i max，则根据当前机器核数确定实例数目。–ignore-watch ：排除监听的目录/文件，可以是特定的文件名，也可以是正则。比如 –ignore-watch=”test node_modules “some scripts”“ -n –name ：应用的名称。查看应用信息的时候可以用到。-o –output ：标准输出日志文件的路径。-e –error ：错误输出日志文件的路径。–interpreter ：the interpreter pm2 should use for executing app (bash, python…)。比如你用的coffee script来编写应用。完整命令行参数列表：地址pm2 start app.js –watch -i 2 重启 pm2 restart app.js 停止停止特定的应用。可以先通过pm2 list获取应用的名字（–name指定的）或者进程id。pm2 stop app_name|app_id 如果要停止所有应用，可以pm2 stop all 删除 pm2 stop app_name|app_id pm2 stop all 查看进程状态 pm2 list 自动重启 pm2 start app.js –watch *这里是监控整个项目的文件日志查看除了可以打开日志文件查看日志外，还可以通过pm2 logs来查看实时日志。pm2 logs 更新pm2 pm2 save # 记得保存进程状态 npm install pm2 -g pm2 update 附pm2命令：$ npm install pm2 -g # 命令行安装 pm2 $ pm2 start app.js -i 4 # 后台运行pm2，启动4个app.js # 也可以把'max' 参数传递给 start # 正确的进程数目依赖于Cpu的核心数目 $ pm2 start app.js --name my-api # 命名进程 $ pm2 list # 显示所有进程状态 $ pm2 monit # 监视所有进程 $ pm2 logs # 显示所有进程日志 $ pm2 stop all # 停止所有进程 $ pm2 restart all # 重启所有进程 $ pm2 reload all # 0 秒停机重载进程 (用于 NETWORKED 进程) $ pm2 stop 0 # 停止指定的进程 $ pm2 restart 0 # 重启指定的进程 $ pm2 startup # 产生 init 脚本 保持进程活着 $ pm2 web # 运行健壮的 computer API endpoint (http://localhost:9615) $ pm2 delete 0 # 杀死指定的进程 $ pm2 delete all # 杀死全部进程 本文转自：https://www.cnblogs.com/bjgua/p/7656833.html

Nuxtjs,SSR解决服务端用户登录鉴权 Nuxt.js是基于在Vue.js的服务端渲染框架，能完美的解决SEO的问题，但同时权限认证成为了一大痛点，需要解决用户登录后，保存token，来验证后续的权限的问题。该处主要使用如下解决方法使用 nuxt/axios/proxy 代理，使前端和后端的接口的域名统一，因为需要使前后端的cookie共用。在登录的时候将登录信息的token和用户信息写入 cookie ,然后通过cookie传递给nuxtjs的服务端。服务端在 store/index.js 中，构建actions的nuxtServerInit，然后通过context参数中的request的headers拿到cookie中的登录信息。这样就可以实现nuxt的服务端用户信息。具体的部分核心代码提供如下，可以做下参考：store/index.jsconst store = new Vuex.Store({ modules, actions: { nuxtServerInit({ commit }, { req }) { let cookie = req.headers.cookie || ""; if (cookie.indexOf("token") > -1) { let token = ""; try { token = cookie.split(';').map(a => { var arr = a.split('='); return { key: arr[0], value: arr[1] }; }).filter(a => a.key === 'token')[0].value; } catch (e) { } if (token) { ajax.defaults.headers["token"] = token; } } } } }) export default () => store登录逻辑async loginIn() { if (!this.phone) { Toast("请输入验证码"); return; } const data = await this.$api.requestLoginInApi(this.phone, this.code); if (data.status === 0) { Toast(data.msg); return; } ajax.defaults.headers["token"] = data.token; window.localStorage.setItem("token", data.token); window.localStorage.setItem("userinfo", JSON.stringify(data.user)); document.cookie = "token=" + data.token; Toast("登陆成功"); this.onClose(); }以上代码中的ajax使用的是axios

unlock-music工具介绍 Unlock Music 音乐解锁在浏览器中解锁加密的音乐文件。 Unlock encrypted music file in the browser.unlock-music项目是以学习和技术研究的初衷创建的，修改、再分发时请遵循LicenseUnlock Music的CLI版本正在开发中。我们新建了Telegram群组，欢迎加入！https://t.me/unlock_music_chatCLI版本 Alpha 大批量转换建议使用CLI版本相关的其他项目特性支持的格式[x] QQ音乐 (.qmc0/.qmc2/.qmc3/.qmcflac/.qmcogg/.tkm)[x] 写入封面图片[x] Moo音乐格式 (.bkcmp3/.bkcflac)[x] QQ音乐Tm格式 (.tm0/.tm2/.tm3/.tm6)[x] QQ音乐新格式 (实验性支持)[x] .mflac[x] .mgg[x] 虾米音乐格式 (.xm) (测试阶段)[x] 酷我音乐格式 (.kwm) (测试阶段)[x] 酷狗音乐格式 (.kgm) (CLI版本)其他特性[x] 在浏览器中解锁[x] 拖放文件[x] 在线播放[x] 批量解锁[x] 渐进式Web应用[x] 多线程使用已构建版本从GitHub Release下载已构建的版本本地使用请下载legacy版本（modern版本只能通过http/https协议访问）解压缩后即可部署或本地使用（请勿直接运行源代码）使用Docker镜像docker run --name unlock-music -d -p 8080:80 ix64/unlock-music自行构建环境要求nodejsnpm获取项目源代码后执行 npm install 安装相关依赖执行 npm run build 即可进行构建，构建输出为 dist 目录npm run serve 可用于开发如需构建浏览器扩展，build完成后还需要执行npm run make-extensionQQ音乐绿色版 QQ音乐1733 unlock-music