这次在用sapper写前端的时候，又犯了一个非常低级的错误，导致了长时间的页面无法访问，并且提示500错误，这个错误原来也经常犯，屡犯不改就是最大的错误，这次专门写一个博文来加深记忆！！！！ 首先声明：这是一个极其低端的错误，任何前端工程师都不应该犯如此低级的错误！ 前提背景：我们在做分离前端的时候，必然会涉及到登录，很多功能都是在登录状态下才会显示，就比如自媒体中心投稿之后，在稿件标题旁显示编辑和删除按钮，这里就要进行一个小判断，判断是否本稿件的创建人和目前登录的这个账号的id一致，也就是判断是否是本人，然后再显示编辑按钮，或者还可以加一个判断，比如管理员账号也可以直接显示编辑按钮，这个时候我那个低级错误就出现了，我进行了判断。 代码如下： <h1 class="catd-title h5"> {topic.title} {#if user._id == topic.creator._id || user.isadmin} <a href="/topic/edit?id={topic._id}">

这几天在做一个自媒体平台，类似于百度头条号，今日头条和看点那种用户发布UGC内容的功能，其中有一个需求，就是根据用户使用富媒体编辑器传回的html内容，抽取其中的img标签，然后进行批量添加alt的功能，这个时候我就使用了cheerio来处理比较方便，但是就突然出现了一个非常奇怪的情况，当我新建文章之后，发现HTML中显示的就全部变成了&#x开头的HTML实体编码。 问题截图： 这就很奇怪，一开始我思考的方向是可能编码有问题，然后在分离cms的前端进行批量替换处理也许就能解决这个问题。后面查阅了大量资料，才发现是CHEERIO的问题，那么查阅cheerio的文档，发现有设置项可以直接关掉html实体编码的功能。 代码如下： var $ = cheerio.load(sres.text, {decodeEntities: false}); 也就是{decodeEntities: false}，添加到option对象中就能解决这个问题。

我们在开发的过程中，总会遇见需要从正文中提取某些指定内容的任务，这里我在编写一个自媒体投稿平台的时候就遇见了这个问题，常规的编辑器并没有办法导出图片的数组，所以需要我们自己来处理提取img标签，并且提取出来之后存入数据库中备用。 我的逻辑如下，当用户投稿的时候，不需要用户单独上传海报，当文章中包含了图片的时候，就通过正则提取其中的图片链接，并且存入数据库中，其后在获取自媒体文章的时候，就可以调用图片数组来决定如何展示内容。 小案例及代码如下： var str=`进口价格看了就够了<img src="https://moejj.com/jljlkge.jpg"/>jkljslejglekg，<img src="https://moejj.com/jljlkge111.jpg"/>` var matchAll = str.match(/<img(.*?)>/ig); console.

Flutter的状态管理插件GetX是一个非常强大的插件，不仅有状态管理的功能，还带有路由、依赖管理、多语言等一系列有用的功能。但是GetX中的状态管理一共有三种方式：GetBuilder,GetX,Obx，那么它们之间又有什么不同呢？ 官方文档的解释：在从事编程工作的十年中，我学到了一些宝贵的经验。 我第一次接触反应式编程是“哇，这太不可思议了”，事实上反应式编程是不可思议的。但是，它并不适合所有情况。通常，您只需要同时更改 2 或 3 个小部件的状态，或者状态的短暂更改，在这种情况下，响应式编程还不错，但不合适。 响应式编程具有更高的 RAM内存 消耗，可以通过单个工作流进行补偿，这将确保仅重建一个小部件并在必要时重建，但是创建一个包含 80 个对象的列表，每个对象都有多个流并不是一个好主意。打开 dart 检查器并检查 StreamBuilder 消耗了多少，您就会明白我想告诉您的内容。 考虑到这一点，我创建了简单的状态管理器。它很简单，这正是您应该要求的：以简单的方式和最经济的方式更新块中的状态。 GetBuilder在RAM上非常省钱，

即使安装了日文语言包并且在更改系统区域设置中变更为日语（日本），PC的系统语言也不会完全变更，OS的所显示语言不会做出变更。 安装后非Unicode程序将能够正常运行。 最新方法：下载Locale Emulator，链接：链接：https://pan.baidu.com/s/17LuWthddy8Q6ZaAB6WQLNQ 提取码：fdyw --来自百度网盘超级会员V6的分享 简介Locale Emulator 是运行在 Windows 7/8/8.1/10 及以上系统下的一个软件，可以提供类似 NTLEA 和 AppLocale 的转区功能：即将系统区域设置（包括语言，时区，代码页等）虚拟为目标系统（例如日本区域）。乐观来讲，使用本工具加载运行的程序会把你的系统错认为所模拟的系统。这在运行很多限制地区发行的程序（例如 Galgame 或网游）时十分有用，免去了手动切换区域之苦。 使用方法：右键需要伪造区域的exe文件，

这里花了20天重新做了个分离CMS出来，和原来的分离CMS可以选择其一使用，完全采用youtube油管的经典布局，而且支持手机直接安装到桌面，所有安卓手机上都会将其识别为快应用，这个优势来源于sapper天生就是pwa应用，这个分离cms为啥做这么久，因为我重写了里边所有的API，对应的EFVCMS中的大量API我也进行了重写，并且支持了漫画的功能，其中就包括了漫画的分类和标签聚合的功能，而且替换了其内置的服务端单元，使用expressjs替换，所以运行会更加稳定且更快。 注意：如果使用老APP源码，请勿更新本次版本，漫画和图集相关的api进行了破坏性的重写，所以老APP中如果使用到图集功能，请勿更新此版本，请等待随后推出的新APP。 预告：新APP正在开发中，我甚至用了1个月重新去学习flutter，完全采用异步加载，MVC架构，也就是完全分离模型、视图和控制器的方式重写，很多大厂都没使用这种方式！难度激增！ 啥叫PWA：详见链接https://web.dev/progressive-web-apps/ 功能更新：一、新增了一个分离cms，可以和原来的分离cms选择其一使用，完全采用youtube油管布局，完全重写分离cms中的api，完全替换原来的polka后端服务成expressjs后端服务，完全优化移动端体验，完美支持了PWA功能，支持所有手机安装到桌面，并且被手机识别为快应用。 二、分离CMS完全重现了APP的样式，在快应用和移动端浏览器模式下，跟原生APP的体验并无二致，

在搜索引擎肆意修改规则的今天，所有人都不应该把命脉交给搜索引擎，故互联网巨头几乎没有依赖搜索引擎的存在！就算是十多年前的淘宝网页端，也直接是屏蔽了搜索引擎。所以在现在，我们痛并思痛，准备全面拥抱移动端。准备弱化网页端的占比，甚至准备只用静态页面生成器生成的静态页面作为网页端，而最终将流量引导至移动端。 简单图解： 说明 我们准备从cms和转码端全面拥抱移动端，最终可能会有三个app：管理员专用app进行视频管理等，cms专用app作为主要运营手段，网盘app作为saas端运营解决方案。 而网页端我们准备推出一个比较先进的静态页面生成器，抛弃所有用户权限相关，仅提供低分辨率播放，并且以高分辨率引导用户下载app。 案例解析 ugc用户发布视频，网页端只用静态页面生成器生成静态页面，仅提供360p免费播放，播放页播放器下面利用按钮：下载app观看，免费又高清引导下载app。管理端app管理员可随时随地审核和编辑、删除视频，下载管理可随时随地下载各种视频。

云转码有很多种玩法，有一种就是搭建云转码框架，这次做的这个教程是根据实战来制作的，搭建框架的目的是使云转码可以无限扩展，负载均衡和保证服务的有效性。我们来看看这次的框架教程。 框架图示 按照图片所示，我来解释下每一台服务器的作用。 转码切片服务器：192.168.1.1 192.168.1.2 提供播放链接调用服务器：192.168.1.3 192.168.1.4 前台CMS调用播放链接进行播放和展示：192.168.1.5 服务器建议： 转码切片服务器配置需要足够高，带宽相反没有那么重要，主要需要CPU和硬盘越高越大越好。 提供播放链接调用的服务器需要带宽足够高，硬盘足够大，CPU和内存倒不是很重要。 前台CMS是真正面对用户的地方，各种配置越高越好。 搭建云转码源码 分别有四台服务器需要安装云转码express-ffmpeg的源码，提供转码和切片的服务器和提供播放链接的调用服务器。 那就是192.168.1.1到192.168.1.

nuxtjs是vuejs的服务器渲染版本，针对seo非常友好，在服务器端即可渲染完成返回给客户端正常的html页面。但是官方文档中并没有关于利用pm2或者supervisor启动nuxt应用的说明。这里会友详细的教程。 supervisor supervisor作为进程管理，当nodejs应用目录发生了任何改变，supervisor都会监听到，然后自动重启服务，保证了应用服务不会异常中断。这个效果在本地作开发的时候尤其好用，因为不用无限的关闭应用、开启应用。本人推荐做nodejs应用开发的时候使用supervisor。 pm2 pm2也是进程管理，但是更加先进，expressjs官方推荐使用pm2管理进程，pm2最有用的功能在于多线程集群开启应用，由于nodejs是单线程无阻塞的异步应用，所以如果要想支持利用CPU的多核或者多线程的计算能力，普通的node方式开启应用就没有办法实现，而pm2内置了对多线程集群的支持，仅仅只需要在开启应用的时候加上-i 0这个参数，就会完全利用CPU的多核计算能力。所以推荐在部署应用的时候使用PM2进程管理。 如何在nuxtjs中使用 无论是对于pm2或者是supervisor，在nuxtjs中使用都要费一些周折，这里提供一个简单的方法。进入nuxtjs应用的目录，npm install安装之后，利用以下命令即可使用supervisor或者pm2开启nuxtjs应用： pm2 start ./node_modules/nuxt/bin/nuxt-start -i 0 //或者 supervisor ./node_modules/nuxt/

话说在前一段时候看了段时间的vuejs，但是我制作的网站应用对SEO的要求颇高，作为单页应用，对搜索引擎却是极度的不友好，所以就弃了，但是最近又看见了nuxtjs，作为vuejs服务器渲染的解决方案，又重新拾起了vuejs，但是经过使用才发现局限性颇大。 nuxtjs nuxtjs是作为vuejs推荐的服务器渲染的方案，具有针对搜索引擎友好的特点，拥有完全的vuejs的高级特性。具体来说，比如使用expressjs+nuxtjs，其实相当于在服务器端运行的vuejs，expressjs作为RESTFULL api后端服务器，nuxtjs在服务器端就使用同步的获取操作，相当于本地无网络延迟的获取api的数据，然后进行服务器渲染，并且将渲染完成之后的数据返回给用户端，因为已经渲染完成，所以转换成了普通的html页面，所以对搜索引擎非常友好，并且又能使用vuejs的高级特性，使开发速度更上一个台阶。 npm安装包极多且巨大 官方推荐的有express+nuxt模板，这里就使用这个作为解说。 命令如下： vue init nuxt-community/express-template <project_name> cd project_name npm install npm run dev 随后访问localhost:

如果服务器在国内，那么使用网页上传没有问题，但是如果服务器在国外，那么一旦丢包，上传就会中断，这就很麻烦，所以本人强烈推荐使用scp命令行上传，十分好用并且速度超快。 假如电脑是mac系统，需要上传的视频存放在/Volumes/data1/movies这个文件夹，那么命令行如下： scp /Volumes/data1/movies/* root@68.43.123.32:/www/express-ffmpeg/movies 之后会让你输入服务器密码，然后就会开始上传，上面的68.43.123.32请换成你自己的服务器IP。 假如是windows系统的电脑，那么/Volumes/data1/movies/* 则应该像这样：C:\movies* scp命令行介绍： scp: illegal option -- h usage: scp [-12346BCEpqrv] [-c

由于教程中涉及到的环境安装都是编译安装居多，所以很多没有设置自启动，所以如果云转码应用的服务器重启之后，按照这里的教程可以方便的再次运行。 云转码切片管理平台文档：https://moejj.com/yun-zhuan-ma-qie-pian/ 重启之后的步骤： 第一步 ps -ef | grep mongo 查看到mongo的进程kill掉，比如pid是1230 kill 1230 第二步 mongod -auth --bind_ip 127.0.0.1 --port 27017 --dbpath /data/db --fork --logpath /data/log/mongodb.log 重启mongodb 第三步 pm2 delete all 第四步 cd /www/express-ffmpeg pm2 start

pm2开启express应用非常方便，并且提供了一个强大的功能，就是根据CPU线程数多线程集群开启应用，使expressjs的应用效率大幅提升。 pm2 start app.js -i 0 -i后面的数字为0则是根据CPU线程数智能开启，当然你也可以自己指定开启的线程数。

Linux/OSX： export NODE_ENV=production windows： SET NODE_ENV=production 设置开发环境，会暴露错误信息，而且不会缓存模板并且应用打开速度会变慢。 当设置生产模式之后，应用打开速度至少会快三倍。 以上都是在命令行中输入。

第一步 - 添加Nginx存储库 sudo yum install epel-release 第二步 - 安装Nginx sudo yum install nginx 第三步 - 启动Nginx并防火墙放行 sudo systemctl start nginx 如果运行失败： ps -ef | grep nginx 查询出来pid，然后 kill pid 再次运行 sudo systemctl start nginx 如果您正在运行防火墙，请运行以下命令以允许HTTP和HTTPS通信： sudo firewall-cmd --permanent --zone=public --add-service=http sudo firewall-cmd --permanent --zone=public --add-service=

此文档参考ffmpeg官方文档。 第一步、安装依赖包 相信我，走了这一步后面才会畅通无阻。 yum install autoconf automake bzip2 cmake freetype-devel gcc gcc-c++ git libtool make mercurial pkgconfig zlib-devel x264-devel 第二步、创建文件夹ffmpeg_sources mkdir ~/ffmpeg_sources 第三步、编译汇编语言NASM cd ~/ffmpeg_sources curl -O -L http://www.nasm.us/pub/nasm/releasebuilds/2.13.02/nasm-2.13.02.tar.bz2

向量指的是指具有大小和方向的量，在计算方向角度等有奇效。cocos creator中针对向量有专门的计算方法，十分好用。其中的有很多妙用。 官方案例 update: function (dt) { if (!this.isMoving) return; var oldPos = this.follower.position; // get move direction var direction = cc.pNormalize(cc.pSub(this.moveToPos, oldPos)); // multiply direction with distance to get new position var newPos = cc.pAdd(oldPos, cc.pMult(direction, this.followSpeed * dt)