微信公众号Web开发笔记，如何开发自己的公众号应用？
官方文档：https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html 为了识别用户，每个用户针对每个公众号会产生一个安全的OpenID，如果需要在多公众号、移动应用之间做用户共通，则需前往微信开放平台，将这些公众号和应用绑定到一个开放平台账号下，绑定后，一个用户虽然对多个公众号和应用有多个不同的Ope
记录使用腾讯云CDN后产生的几个问题。
腾讯云 CDN 节点默认连接超时5s，接收超时10s。 简单的说明一下就是请求时间超过10s，不管有没有响应，这个连接都会被重置（中断响应）。 根据实际业务中遇到过的的问题，总结如下： 假设我有一个必须同步等待响应结果的请求，它的处理时间超过了10s，它在超过10s后会被cdn直接重置，客户端会提示请求失败，连接已被重置。 所以超过10s的请求，不能使用cdn。翻了一下文档，也没看到可以调整这个时
如何用JS实现在网页上通过鼠标移动批量选择元素的效果？
简单说就是类似电脑桌面，通过鼠标选择多个图标的那种效果。如下： 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断，大致dom结构如下： <div class=\"test\"> <!--鼠标移动时显示的选择框--> <div class=\"move\"></div> <!-- 待选项 --> <div
记录一次访问量瞬间增加，导致请求卡住的问题排查过程
2022.11.07号下班路上突然收到许多用户反馈，说小程序进不去了。然后自己试了一下，打开一直转圈，于是快马加鞭赶回家，打开了电脑。 文件收集小程序：帮助用户更加方便的收集各种类型的文件，同时上传之后的文件可以在线预览。 服务器为腾讯云2核4G6M的轻量云，同时还运行着其它的一些服务。 主要消耗的是上行带宽，下行主要消耗来自于文件在线预览，这部分通过内网反代理，由另外一台低配服务器负责。 打开电
记录一些在此之前不知道的Web API
首先回顾一下以前了解过的Web API（强确实强，但很少用到...） Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 相关文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API 全屏 API 为使用用户的整个屏幕展
记录一次服务器被CC攻击后的处理过程
2022年10月19日，晚上10点半，突然收到许多用户的反馈说小程序打不开了，打开一看果然，小程序一直处于转圈圈状态。 看了一下时间，10点32分，内心一句MMP：本来打算早睡，一看这架势，熬夜跑不了。 除了小程序之外，服务器上面还跑了很多其他的服务，虽然用户量不大，但是找起来也是要命。 首先告知发出反馈的用户 事件的原因，以及一个保证，并表示问题不大。 因为自己并没有收到腾讯云的安全监控提醒，所
Typescript学习笔记，从入门到精通，持续记录
//安装 npm install -g typescript //编译 tsc hello.ts //初始化 tsc --init Typescript可以理解为带静态类型的Javascript； 布尔值，boolean 数值，number 字符串，string 空值，void 表示没有任何返回值的函数 Null 和 Undefined /* 先声明后使用 */ let a: string; a
- Typescript
- 友人a丶
- 2022-10-08
- 1139 热度
- 0评论
Openresty、Lua学习笔记，从入门到精通，持续记录
OpenResty（也称为 ngx_openresty）是一个全功能的 Web 应用服务器。它打包了标准的 Nginx 核心，很多的常用的第三方模块，以及它们的大多数依赖项。 通过揉和众多设计良好的 Nginx 模块，OpenResty 有效地把 Nginx 服务器转变为一个强大的 Web 应用服务器，基于它开发人员可以使用 Lua 编程语言对 Nginx 核心以及现有的各种 Nginx C 模块
Vue渲染函数该如何使用？有哪些需要注意的地方？
Vue的模板语法适用于绝大部分的需求场景（模板最终会被编译为渲染函数），在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力，举例如下： 假设设计一个开源的后台管理系统，侧边栏菜单需要根据路由自动生成菜单，由于系统可能会被用于不同的功能需求。所以路由的层级、数量都是不确定的。 如果通过模板语法来写，假设路由最多只有三层，
Ant-Design-Vue 3.x 图标库如何实现自动引入？
Ant-Design-Vue升级到2.x以上的版本之后，自带的图标库就不支持通过给组件传递一个代表指定图标的属性来使用了。 <-- 显示Home图标 --> <a-icon type=\"home\" /> <template> <message-outlined :style=\"{fontSize: \'16px\', color: \'#08c\'}\" />
PHP+Swoole实现web版的SSH客户端
本来是想通过PHP的proc_open和进程进行交互，可是中间的坑太多了，不得不转换一下思路，然后想起来宝塔有网页版SSH客户端，然后研究了一下，嘿嘿，发现能成😁😁😁。 使用了有名的xterm.js，基本可作为生产使用了。（权限记得做好） 测试Demo ：http://cname.teiao.com:5701 Github：https://github.com/friend-nicen/php-w
Git冲突分为哪几种情况？常用解决办法
原文：https://www.it610.com/article/1304846442027847680.htm 当远端有更新，本地库没有有变化，拉取操作远端会覆盖本地库（远端版本高于本地） 当远端修改，本地库也有修改，拉取操作会产生冲突文件（远端版本和本地版本冲突） 当本地库修改，而远端没有变化，拉取不会产生变化（本地版本高于远端版本） 当本地库版本低于远端版本，则无法推送，必须先拉取在操作，否
防XSS的利器，什么是内容安全策略(CSP)？
内容安全策略(CSP)，是一种安全策略，其原理是当浏览器请求某一个网站时，告诉该浏览器申明文件可以执行，什么不可以执行。CSP是专门解决XSS攻击而生的神器。 CSP的引入会使得我们的引入扩展程序更加安全，并且可以由开发者指定可以加载扩展程序的类型，避免恶意的脚本在浏览器中执行，造成信息泄露问题。 CSP是防XSS的利器，可以把其理解为白名单，开发者通过设置CSP的内容，来规定浏览器可以加载的资源
记录Docker使用过程中遇到的难点和问题
Docker 将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样。有了 Docker，就不用担心环境问题。 被打包的程序可以是一个操作系统，也可以是Nginx应用，也可以是PHP等任意一种“程序”，打包之后的镜像可以在任意一台安装了Docker的主机上，完美的运行。 多个容器可以和不使用容器的应用一样，相互进行
Ant Design Vue自定义主题失效解决办法
antd 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量，可以根据需求进行相应调整 。 @primary-color: #1890ff; // 全局主色 @link-color: #1890ff; // 链接色 @success-color: #52c41a; // 成功色 @warning-color: #faad14; // 警告色 @error-color: #f5
