记录一些在此之前不知道的Web API 首先回顾一下以前了解过的Web API(强确实强,但很少用到...) Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 相关文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API 全屏 API 为使用用户的整个屏幕展 前端笔记 友人a丶 2022-11-09 1020 热度 0评论
记录一次服务器被CC攻击后的处理过程 2022年10月19日,晚上10点半,突然收到许多用户的反馈说小程序打不开了,打开一看果然,小程序一直处于转圈圈状态。 看了一下时间,10点32分,内心一句MMP:本来打算早睡,一看这架势,熬夜跑不了。 除了小程序之外,服务器上面还跑了很多其他的服务,虽然用户量不大,但是找起来也是要命。 首先告知发出反馈的用户 事件的原因,以及一个保证,并表示问题不大。 因为自己并没有收到腾讯云的安全监控提醒,所 运维笔记 友人a丶 2022-10-19 1288 热度 2评论
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 1131 热度 0评论
Openresty、Lua学习笔记,从入门到精通,持续记录 OpenResty(也称为 ngx_openresty)是一个全功能的 Web 应用服务器。它打包了标准的 Nginx 核心,很多的常用的第三方模块,以及它们的大多数依赖项。 通过揉和众多设计良好的 Nginx 模块,OpenResty 有效地把 Nginx 服务器转变为一个强大的 Web 应用服务器,基于它开发人员可以使用 Lua 编程语言对 Nginx 核心以及现有的各种 Nginx C 模块 Nginx 友人a丶 2022-10-07 1085 热度 0评论
Vue渲染函数该如何使用?有哪些需要注意的地方? Vue的模板语法适用于绝大部分的需求场景(模板最终会被编译为渲染函数),在绝大多数情况下,Vue 推荐使用模板语法来创建应用。然而在某些使用场景下,我们真的需要用到 JavaScript 完全的编程能力,举例如下: 假设设计一个开源的后台管理系统,侧边栏菜单需要根据路由自动生成菜单,由于系统可能会被用于不同的功能需求。所以路由的层级、数量都是不确定的。 如果通过模板语法来写,假设路由最多只有三层, Vue学习 友人a丶 2022-08-31 1420 热度 2评论
Ant-Design-Vue 3.x 图标库如何实现自动引入? Ant-Design-Vue升级到2.x以上的版本之后,自带的图标库就不支持通过给组件传递一个代表指定图标的属性来使用了。 <-- 显示Home图标 --> <a-icon type="home" /> <template> <message-outlined :style="{fontSize: '16px', color: '#08c'}" /> Vue学习 友人a丶 2022-08-19 1479 热度 0评论
PHP+Swoole实现web版的SSH客户端 本来是想通过PHP的proc_open和进程进行交互,可是中间的坑太多了,不得不转换一下思路,然后想起来宝塔有网页版SSH客户端,然后研究了一下,嘿嘿,发现能成😁😁😁。 使用了有名的xterm.js,基本可作为生产使用了。(权限记得做好) 测试Demo :http://cname.teiao.com:5701 Github:https://github.com/friend-nicen/php-w 我的原创 友人a丶 2022-07-19 1325 热度 0评论
Git冲突分为哪几种情况?常用解决办法 原文:https://www.it610.com/article/1304846442027847680.htm 当远端有更新,本地库没有有变化,拉取操作远端会覆盖本地库(远端版本高于本地) 当远端修改,本地库也有修改,拉取操作会产生冲突文件(远端版本和本地版本冲突) 当本地库修改,而远端没有变化,拉取不会产生变化(本地版本高于远端版本) 当本地库版本低于远端版本,则无法推送,必须先拉取在操作,否 问题记录 友人a丶 2022-07-11 1054 热度 0评论
防XSS的利器,什么是内容安全策略(CSP)? 内容安全策略(CSP),是一种安全策略,其原理是当浏览器请求某一个网站时,告诉该浏览器申明文件可以执行,什么不可以执行。CSP是专门解决XSS攻击而生的神器。 CSP的引入会使得我们的引入扩展程序更加安全,并且可以由开发者指定可以加载扩展程序的类型,避免恶意的脚本在浏览器中执行,造成信息泄露问题。 CSP是防XSS的利器,可以把其理解为白名单,开发者通过设置CSP的内容,来规定浏览器可以加载的资源 问题记录 友人a丶 2022-07-04 1137 热度 0评论
记录Docker使用过程中遇到的难点和问题 Docker 将应用程序与该程序的依赖,打包在一个文件里面。运行这个文件,就会生成一个虚拟容器。程序在这个虚拟容器里运行,就好像在真实的物理机上运行一样。有了 Docker,就不用担心环境问题。 被打包的程序可以是一个操作系统,也可以是Nginx应用,也可以是PHP等任意一种“程序”,打包之后的镜像可以在任意一台安装了Docker的主机上,完美的运行。 多个容器可以和不使用容器的应用一样,相互进行 Docker 友人a丶 2022-07-03 1137 热度 0评论
Ant Design Vue自定义主题失效解决办法 antd 的样式使用了 Less 作为开发语言,并定义了一系列全局/组件的样式变量,可以根据需求进行相应调整 。 @primary-color: #1890ff; // 全局主色 @link-color: #1890ff; // 链接色 @success-color: #52c41a; // 成功色 @warning-color: #faad14; // 警告色 @error-color: #f5 Vue学习 友人a丶 2022-06-20 1387 热度 0评论
Vue组件设计学习笔记,持续记录 组件化思想并不是前端独有的,但却是前端技术的延伸 任何软件开发过程,或多或少都有那么一些组件化的需求。 每个组件对应一个目录,组件所需的各种资源都在这个目录下就近维护;(最具软件工程价值) 页面上的每个独立的可视/可交互区域视为一个组件; 由于组件具有独立性,可以自由组合; 页面是组件的容器,负责组合组件形成功能完整的界面; 当不需要某个组件,或者想要替换组件时,可以整个目录删除/替换 分子是由原 Vue学习 友人a丶 2022-06-18 1103 热度 0评论
使用PHPStorm自带的Git版本控制,出现Git.exe占用内存过高 今天发现使用PHPstorm自带的Git操作,Git会占用很高的内存,而禁用之后,使用终端操作,Git基本不占内存... 这应该是一直存在的问题,以前没有发现,虽然启用了自带的Git版本控制功能,但实际上一直用的命令行... 进入PHPStorm,一切正常;此时Git版本控制已启用,点击上方菜单,VSC-更新项目 然后就变成了,这样: 然后把PHPstorm自带的Git插件禁用了,再打开PHPst 问题记录 友人a丶 2022-06-15 1033 热度 0评论
PHP编译参数configure配置详解,以及php.ini说明 人,有了物质才能生存;人,有了理想才谈得上生活。 因为现在都是宝塔、lnmp这些自动进行配置的,这个知识点平常很少需要用到,但了解一下,确实能让一些问题豁然开朗。 ./configure -h 在源代码目录中,该命令可以查看所有编译参数以及对应的英文解释 --prefix=/opt/php //指定 php 安装目录 --with-apxs2=/usr/local/apache/bin/apxs PHP笔记 友人a丶 2022-05-26 1136 热度 0评论
SVG学习笔记,持续记录。 SVG是一种用XML定义的语言,用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape,例如:由直线和曲线组成的路径)、图像()、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作,特征集包括嵌套变换()、剪切路径()、alpha蒙板()、滤镜效果()、模板对象()和其它扩展()。 SVG 是使用 XML 来描述二维图形和绘 前端笔记 友人a丶 2022-05-20 1049 热度 0评论