I was working on the page reconstruction recently, and here is how I divide a page into widgets and how do they interacts in this new attempt.
12.10 Nginx访问日志 Nginx访问日志目录概要 日志格式 vim /usr/local/nginx/conf/nginx.conf //搜索log_format $remote_addr客户端IP(公网IP) $http_x_forwarded_for代理服务器的IP $time_local服务器本地时间 $host访问主机名（域名） $request_uri访问的url地址 $status状态码 $http_refererreferer $http_user_agentuser_age
静态网站生成器 Jekyll 使用 _config.yml 进行配置。这些配置都是 Jekyll 特有的。但你也可以在这些文件中 用我们自己的内容定义变量，并在整个网站中使用它们。在本文中，我将重点介绍动态创建 Jekyll 配置文件的一些优势。
一、 Nginx访问日志 1.1 打开配置文件： vim /usr/local/nginx/conf/vhost/../nginx.conf 找到如下，是定义日志格式： log_format combined_realip '$remote_addr $http_x_forwarded_for [$time_local]' ' $host "$request_uri" $status' ' "$http_referer" "$http_user_agent"'; combined_real
NoSQL不使用SQL作为查询语言。其数据的储存可以不需要固定的表格形式。也会经常的被使用sql的join
因为我们需要依托jenkins将gitlab上的项目获取至本地，为后续网站的的代码发布工作做好准备。
传统的api调用一般获取到的是后端组装好的一个完整对象，而前端可能只需要用其中的某些字段，大部分数据的查询和传输工作都浪费了。graphQL提供一种全新数据查询方式，可以只获取需要的数据，使api调用更灵活、高效和低成本。
译者：前端小智 原文：https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/
JS中的 Date 很奇怪。当我们需要处理日期和时间的时候比较麻烦，经常借助像date-fns和 Moment 这样的库。
前言 这本由David Flanagan著作，并由淘宝前端团队译的《JavaScript权威指南》，也就是我们俗称的“犀牛书”，算是JS界公认的“圣经”了。本书较厚（有1004页），读起来颇费功夫，但作为JavaScript（下文简称：JS）相关从业者，我还是鼎力推荐，一定要读完这本经久不息，好评如潮的JS“圣经”（如果您有耐心的读完，觉得还不错的，博客最后附有购买本书的优惠券，可自行领取）。 说完本书重要性，下面重点介绍一下本书作者写书的逻辑性，简单来说本书分为四部分，第一部分：JS核心；第二部分：客户端
Nginx访问日志 日志格式 vim /usr/local/nginx/conf/nginx.conf //搜索log_format 下图中就是Nginx的日志格式： combined_r
在/usr/local/share/.config/yarn/global/node_modules/@vue/cli-ui/apollo-server/connectors/dependencies.js里
新增一行 categories:，这样 每次 hexo n postname 时就会有 categories:
沪江CCtalk视频地址：https://www.cctalk.com/v/15114923883523 log 日志中间件 最困难的事情就是认识自己。 在一个真实的项目中，开发只是整个投入的一小部分，版本迭代和后期维护占了极其重要的部分。项目上线运转起来之后，我们如何知道项目运转的状态呢？如何发现线上存在的问题，如何及时进行补救呢？记录日志就是解决困扰的关键方案。正如我们每天写日记一样，不仅能够记录项目每天都做了什么，便于日后回顾，也可以将做错的事情记录下来，进行自我反省。完善的日志记录不仅能够还原问题
有时候我们需要修改 git 历史提交的文件内容，如果只是在前一个 commit，那么只需要修改文件并执行 --amend 即可：
在Nginx中也有默认虚拟主机，跟httpd类似，第一个被Nginx加载的虚拟主机就是默认主机，但和httpd不相同的地方是，它还有一个配置用来标记默认虚拟主机，也就是说，如果没有这个标记，第一个虚拟主机为默认虚拟主机。
因为最近有需要统计易瞄瞄指定话题下的用户发表的动态内容，还需要统计点赞数，发表时间等信息，因此随手写了一个小脚本，这个呢就不写教程了，直接放代码和效果图，需要自己手动获取易班的login_token，抓客户端包即可，或者浏览器F12，以前也写过易班登录JS。修改topicid既可切换话题
Nginx作为一款优秀的web服务器，其默认不允许列出站点的整个目录，如果需要配置，需要单独打开此功能
JavaScript 是最常用的前端语言, 在后端也渐渐有所应用, 比如 NodeJS, 在C++应用中嵌入JavaScript 到底性能如何? 就拿最流行的 Mozilla SpiderMonkey
当前应用为原vue2.0单体通过 qiankun 微应用方式升级为 vue 3.0 + antd + ts，属于纯前端改造，不涉及后端调整。
依据客户端查询来设计集合的片键及索引，最近几天突然需要查询历史数据进行分析，我们的有些集合count达到亿条以上，每个文档几百个字段。突如其来的查询分析，数据库非常的卡，尤其这几天刚刚加入一个新的分片。前天上午来看，发现主分片竟然奔溃了，至于为什么查询量大，数据库会奔溃，需要后续进行分析。
在之前的前端开发中，为了实现我们的需求，通常采用的方案是通过 JS/Jquery 直接操纵页面的 DOM 元素，得益于 Jquery 对于 DOM 元素优异的操作能力，我们可以很轻易的对获取到的 DOM 元素进行操作。但是，当我们开始在前端项目中使用 Vue 这类的 MVVM 框架之后，对于 DOM 的操作我们就应当完全的交给框架，而我们只需要关注于数据。难道，在 Vue 中就不能手动获取到页面上的 DOM 元素了吗，答案当然是可以手动获取到 DOM 元素的，在 Vue 中我们可以通过使用 ref 实现获取 DOM 元素的功能，当然，这也只是 ref 其中一项的功能。本章，我们就来学习 Vue 中 ref 的相关使用。
其中的combined_realip是日志的名称，这个名称可以自定义，但是你定义了什么名称，后面你操作日志的时候也要使用这个名称。就像你给一个人起名叫李四，你就得用李四这个名字去叫他干活。剩下的字符串含义在上面的图片已经介绍了，就不赘述了。
静态文件不记录日志和过期时间目录概要 配置如下 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 7d; access_log off; } location ~ .*\.(js|css)$ { expires 12h; access_log off; } 静态文件不记录日志和过期时间 在配置文件中添加 location
js和物联网领域的关系不是很大，为什么要关心js呢？其实关系也不小，它主要是负责直接和用户交互的那部分，也就是前端，前端基本都是离不开js的，甚至有些CS架构的程序也用js，比如nodejs开发的客户端程序。
项目官网地址。关于 react 版本可以看timeago-react，关于Python的版本，可以看 timeago.
9.文章列表页跳转到文章详情页 给每篇文章添加个postId posts-data.js var local_database = [{ date: "2018/8/16", title: "荷塘月色", imgSrc: '/images/post/sls.JPG', content: '这几天心里颇不宁静。今晚在院子里坐着乘凉，忽然想起日日走过的荷塘，在这满月的光里，总该另有一番样子吧。', reading: "100", collection: '50', avatar: '
关键词： magicast、Croner、lazyrepo、JSPM、chrome extension
尖叫提示1：如果出现如下错误，请下载对应依赖包 ./configure: error: C compiler cc is not found ./configure: error: the HTTP rewrite module requires the PCRE library 解决方案：yum install gcc 和 yum install pcre-devel
访问日志不记录指定类型的文件目录概要 网站大多元素为静态文件，如图片、css、js等，这些元素可以不用记录 把虚拟主机配置文件改成如下： <VirtualHost *:80> DocumentRoot "/data/wwwroot/www.123.com" ServerName www.123.com ServerAlias 123.com SetEnvIf Request_URI ".*\.gif$" img SetEnvIf Request_URI ".*\.j
手动二进制包的安装方法 一般来说我们在Node的官网上是找不到Linux的Deb包，或者是Rpm包的，他针对Windows和mac都有二进制的安装包，但是Linux只有一个tar.xz这个包下载下来虽然也是一个二进制的包，类似于Windows中的绿色软件，也非常好配置，仅仅使用 tar -xvf package.tar.xz 即可完成解压，然后使用软连接，把node与npm文件链接到/usr/local/bin下面 ln -s /opt/nodejs/bin/node /usr/local/bin/
Nginx访问控制目录概要 需求：访问/admin/目录的请求，只允许某几个IP访问，配置如下： location /admin/ { allow 192.168.74.129; allow 127.0.0.1; deny all; } mkdir /data/wwwroot/test.com/admin/ echo “test,test”>/data/wwwroot/test.com/admin/1.html -t && -s reload curl -x127.0.0.1:80
之前编写的新闻列表页面中，我们把示例数据都放在了js文件中，但实际上数据是不应该写在js文件中的，所以我们得把这些数据分离到一个单独的数据文件中。然后post.js文件就加载这个数据文件中的数据即可，这样也可以模拟一下加载服务器数据的过程。
GoAccess 是一款开源(MIT许可证)的且具有交互视图界面的实时 Web 日志分析工具，通过你的 Web 浏览器或者 *nix 系统下的终端程序即可访问。
如果得到的日期字符串有时间还好办，如果没有时间，只有日期的格式，例如 2022-12-01 这样的字符串呢？
然后在根目录下新建 ali-oss.js 文件，并复制上面的代码到该文件中，并填写上各种配置信息，如图所示：
11.22 访问日志不记录静态文件 访问日志不记录指定类型的文件目录概要 网站大多元素为静态文件，如图片、css、js等，这些元素可以不用记录 把虚拟主机配置文件改成如下： <VirtualHost *:80> DocumentRoot "/data/wwwroot/www.123.com" ServerName www.123.com ServerAlias 123.com SetEnvIf Request_URI ".*\.gif$" img SetEnvIf
官方文档 是我们的第一手资料，也是最好的。 安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：
本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。
Frida 通过 C 语言将 QuickJS 注入到目标进程中，获取完整的内存操作权限，达到在程序运行时实时地插入额外代码和数据的目的。官方将调用代码封装为 python 库，当然你也可以直接通过其他的语言调用 Frida 中的 C 语言代码进行操作。
Nginx防盗链目录概要 配置如下，可以和上面的配置结合起来 location ~* ^.+\.(gif|jpg|png|swf|flv|rar|zip|doc|pdf|gz|bz2|jpeg|bmp|xls)$ { expires 7d; valid_referers none blocked server_names *.test.com ; if ($invalid_referer) { return 403; } access_log off
介绍一下前端开发思路，百度鹰眼轨迹管理平台是用ES6、React、Reflux开发的。自己开发的简单轨迹管理平台Demo是使用Backbone和marionette开发的。下面截图介绍一下前端思路。
11.25 配置防盗链 配置防盗链目录概要 通过限制referer来实现防盗链的功能 配置文件增加如下内容 Directory针对目录进行 <Directory /data/wwwroot/www.123.com> //用于定义作用于那个目录 SetEnvIfNoCase Referer “http://www.123.com” local_ref //定义白名单 SetEnvIfNoC
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
