【转】HTML5中手势原理分析与数学知识的实践
在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。 拖动: drag 双指缩放: pinch 双指旋转: rotate 单指缩放: singlePinch 单指旋转: singleRotate 长按: tap 滑动: swipe 所有的手势都是基
- 最新文章
- JS笔记
- CSS笔记
- PHP笔记
- Vue学习
- Docker
- Nginx
- Swoole
- Mysql
- Golang
- Linux笔记
- Redis
记录使用腾讯云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 为使用用户的整个屏幕展
Canvas学习笔记，记录使用过程中遇到的一些问题
fill()，方法用于填充已有的闭合路径，假设有一个如下图的路径，默认情况下圆和方形都会被填充，最后的效果就是一个黑色的方形； 通过fillRule参数，可以指定填充的算法，决定点是在路径内还是在路径外。 允许的值： "nonzero": 非零环绕规则，默认的规则。 "evenodd": 奇偶环绕规则。 将填充规则设置为evenodd，绘制的结果会变为下面这样，通过这种方式可以实现反向裁剪。 通过
前端canvas基础复习，canvas学习笔记
最开始学html5的时候，曾特意了解过canvas，还记得当时为了搞明白canvas的api，绞尽脑汁了很多个日日夜夜。 但实际工作后用的非常少，到现在canvas的api忘的也差不多了。目前打算好好学一下canvas，尝试一下更多的可能性。 一些资料的收集： Canvas相关的框架的使用，小程序有自带的Canvas框架，还有Egret 、Phaser等；可视化数据的相关框架有：echarts、h
打算继续学英语，加油！ English学习笔记
从学校彻底毕业后的某段时间，我才第一次沉下心来认认真真的学习英语。 在学校的时候，因为学的不认真，英语很差，一直搞不懂什么是词性、搞不清什么是句式，词汇量也特别少。那会天真烂漫，没有经历过社会的捶打，也觉得无所谓，像极了被赶着过河的羊群。 静下心来思考一番，过去已成定局，未来仍然可期，现在能做自己喜欢的事情，也是一件幸福的事。 仔细算算距离上一次认真的学习英语，也过去了很久。现在的水平能大概的看懂
记录一次服务器被CC攻击后的处理过程
2022年10月19日，晚上10点半，突然收到许多用户的反馈说小程序打不开了，打开一看果然，小程序一直处于转圈圈状态。 看了一下时间，10点32分，内心一句MMP：本来打算早睡，一看这架势，熬夜跑不了。 除了小程序之外，服务器上面还跑了很多其他的服务，虽然用户量不大，但是找起来也是要命。 首先告知发出反馈的用户 事件的原因，以及一个保证，并表示问题不大。 因为自己并没有收到腾讯云的安全监控提醒，所
【转/九边】一个孤立的系统不持续输入能量都是死路一条。
原文：《向上生长》，作者：@九边，作家、自媒体人、某世界500强企业高管。 有个定律叫「热力学第二定律」，如果之前没听说过这个定律，也别慌张，这个定律是自然界最普遍的一个定律，以至于这种定律在哪里都存在。 说的是一个孤立的系统不持续输入能量都是死路一条。 比如一个炉子里不添加柴火，人不吃饭，绿洲没有雨水，系统会迅速坍塌，最后会变成一种稳定的低活跃状态，灰烬，死亡，沙漠。 所有系统都有一种自毁趋势，
如何使用PHP+WebHook自动同步Gitee、Github仓库内的代码到服务器？
本文以Gitee作为演示，Github实现步骤是一样的，区别在于二者WebHook推送的数据有所区别。 WebHook 功能是帮助用户 push 代码后，自动回调一个您设定的 http 地址。 这是一个通用的解决方案，用户可以自己根据不同的需求，来编写自己的相关程序。 远程仓库接收到Push推送，触发WebHook向接口推送更新的消息； 服务器接口接收到推送的更新消息，提取仓库地址、分支名、仓库名
Golang学习笔记，从入门到精通，持续记录
Golang官网：https://go.dev/、Golang下载：https://go.dev/、Golang学习文档：https://go.dev/doc/ Go标准库文档：https://pkg.go.dev/std Golang标准库中文文档：https://studygolang.com/pkgdoc Go（又称 Golang）是 Google 的 Robert Griesemer，Ro
如何使用acme.sh自动获取、更新Let’s Encrypt的SSL证书？
acme.sh实现了acme协议，可以从let's encrypt生成免费的ssl证书。本文主要记录使用dnspod api 自动申请ssl证书 站点HTTPS检测：https://myssl.com/ 打包下载仓库的代码（https://github.com/acmesh-official/acme.sh），上传到服务器（任意自己觉得合适的目录），命令行安装： cd 上传目录 # acmh.sh
React 学习笔记，从入门到精通，持续记录
相关书籍：https://www.zhihu.com/pub/book/119565131 React Native：https://github.com/reactnativecn/react-native-guide Create React App：https://create-react-app.dev/ 最简易的 React 示例如下： const root = ReactDOM.cr
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
- 632 热度
- 0评论
Openresty、Lua学习笔记，从入门到精通，持续记录
OpenResty（也称为 ngx_openresty）是一个全功能的 Web 应用服务器。它打包了标准的 Nginx 核心，很多的常用的第三方模块，以及它们的大多数依赖项。 通过揉和众多设计良好的 Nginx 模块，OpenResty 有效地把 Nginx 服务器转变为一个强大的 Web 应用服务器，基于它开发人员可以使用 Lua 编程语言对 Nginx 核心以及现有的各种 Nginx C 模块
Node Puppeteer 该如何使用？相关知识点总结
Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。 中文文档：https://puppeteer.bootcss.com/ CDP 基于 WebSocket，利用 WebSocket 实现与浏览器内核的快速数据通道 CDP 分为多个域（DOM，Debugger，Network，Profiler，Console...）
温故而知新，温习一下曾经学习过的知识点。
文章内容只是回顾一下个人学过的一些东西，不具有参考价值。 基础语法 方法 语言结构和流程控制 字符串 数组 正则 面向对象 常用类 反射与注解 集合类 异常处理 日期与时间 I/O流 线程 网络通信 Awt和Swing GD图形控制类 数据库 Java编程规范 Java中的加密技术 基础语法 函数 流程控制和语言结构 字符串 数组 正则 面向对象、面向过程 错误与异常处理 日期与时间 Cookie
如何让WordPress的所有请求只需要通过Nginx处理，不经过PHP和Mysql，从而加快站点访问速度？
wordpress响应请求大致分为如下几个过程： Nginx接收请求 -> php-fpm进程运行指定php脚本 -> php在mysql内查询相应数据 -> 处理返回给Nginx -> Nginx响应用户请求 因为不存在缓存的过程，所以每次处理请求都要重新查询数据库，所以wp有很多流行的静态缓存方案； 初次请求 -> Nginx接收请求 -> php-fpm
如何取消Chrome浏览器跨域请求限制、跨域名携带Cookie限制、跨域名操作iframe限制？
取消跨域限制、跨域名携带Cookie限制、跨域名操作iframe限制之后的Chrome可以更加方便Web前端开发，同时也可以作为一个完美的爬虫框架。 所有版本的Chrome浏览器下载：https://lanzoui.com/b138066 当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”，正常情况下浏览器会阻止XMLHttpRequest对象的
Vue渲染函数该如何使用？有哪些需要注意的地方？
Vue的模板语法适用于绝大部分的需求场景（模板最终会被编译为渲染函数），在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力，举例如下： 假设设计一个开源的后台管理系统，侧边栏菜单需要根据路由自动生成菜单，由于系统可能会被用于不同的功能需求。所以路由的层级、数量都是不确定的。 如果通过模板语法来写，假设路由最多只有三层，
PHP如何使用Composer来自动加载项目文件？
Composer是PHP的依赖管理工具。它允许您声明您的项目所依赖的库, 并且它将为您管理 (安装/更新) 它们。它以每个项目为基础管理它们, 并将它们安装在项目内的目录 (如 vendor) 中. 默认情况下, 它不会在全局范围内安装任何内容。因此, 它是一个依赖关系管理器。 下载composer.phar文件，即可在任意操作系统上通过PHP运行软件包工具，更新时可直接重新下载文件； https
如何快速地将WordPress文章内所有外部图片转换为本地链接？
nicen-localize-image（Wordpress后台搜索安装插件），是一款用于本地化文章外部图片的插件，支持如下功能： 文章发布前通过编辑器插件本地化 文章手动发布时自动本地化 文章定时发布时自动本地化 针对已发布的文章批量本地化。 Github：https://github.com/friend-nicen/nicen-localize-image Gitee：https://git
PHP和JS的条件判断和循环有哪些不同的地方？
在PHP的代码内，空数组等同于false，一直以为同样作为c家族系列的javascript也是这样。 某次程序怎么运行都不对，排查了之后，最后发现js的空数组等于true； 之后思考了一下，js中的数组本质是Array对象，空数组本质就是对象；只要是实例化的对象，那就是true； <?php if(){ echo "true"; }else{ echo "false"; } //最终输出
不使用构建工具，如何对css进行模块化？
使用构建工具进行开发，最终通过构建工具打包编译出最终的前端代码是现在的大趋势，但是构建工具生产出来的大都是前后端分离的代码。如果对seo有要求，通过构建工具就不符合需求了（不考虑SSR，毕竟它局限于Node）； 在PHP的世界里还是有很多不分离的场景的（例如wordpress）。 对于html可以通过PHP自身的特性去拆分，对于JS 已经有了很多成熟的模块化方案。 那么对于css呢？ 这里的模块化
Vue项目开发过程中，该如何维护全局状态？
什么是状态？在代码的世界里，状态就是指数据，简单的理解：你现在的情绪状态是怎样的? “高兴”,“悲伤”，这就是描述你当前情绪状态的数据。 抽象到一个描述用户的Vue组件，当前登录的用户的头像和昵称，就是这个组件的状态（数据）； 从字面意思理解就是，在系统任意地方都可以调用的数据（类似全局变量的概念）。 全局变量，一般特指系统内任意代码位置都可以调用的变量； JS有很多实现全局变量，或者类似全局变量
记录自己常用的PHPStorm文件代码模板
文件代码模板指的是创建一个新的指定类型文件的时候，默认的代码模板。 对于同一类型的文件，我们往往需要写很多相同的内容（例如针对这个文件的说明注释），这时候就可以把自己常用的一些代码模板修改为默认创建的模板； <?php /* * @author 友人a丶 * @date ${date} * 说明 */ <!DOCTYPE html> <html lang="zh-cn"&g
