- 博客(63)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 解释 RESTful API，以及如何使用它构建 web 应用程序。
通过使用RESTful API，能够将web应用程序的不同组件解耦，并提供灵活、可扩展的接口，使得不同的应用程序可以方便地集成和交互。同时，RESTful API也提供了一种标准化的方式来管理和访问资源，提高了系统的可维护性和可扩展性。在RESTful API中，资源被抽象为URL（统一资源定位符），通过HTTP方法（GET、POST、PUT、DELETE等）对这些URL进行操作来实现对资源的增删改查。RESTful API是一种基于HTTP协议的设计风格，用于构建网络应用程序。
2024-08-05 10:09:28
371
原创 通过Github Actions和宝塔实现自动部署Node项目
配置完成之后，提交代码触发流水线的构建，之后，github action中会把构建完的文件上传到服务器中，再执行命令杀掉程序，然后重启。
2024-07-30 17:19:38
345
原创 图像相加去噪
当我们拍摄一张照片或者录制一段视频时，经常会遇到噪点的问题。这些噪点通常是由于相机或摄像机传感器在低光条件下无法完全捕捉图像所造成的。为了去除这些噪点并改善图像质量，我们可以使用图像相加去噪的技术。图像相加去噪是一种基于图像处理的技术，通过将多张具有相同内容的图像进行叠加，去除图像中的噪点和随机变化。这种方法可以在不损失图像细节的情况下有效地降低噪点水平。在下面的教程中，我们将学习如何使用Python编程语言来实现这种技术。第一步是收集多张具有相同内容的图像。
2024-05-20 21:14:58
314
原创 理解 ECMAScript 规范-part2
让我们尝试找出这个行为是在哪里定义的。一个好的起点是对象内部方法列表。有和[[Get]]- 我们对不限于对象本身的属性的遍历感兴趣，所以我们将选择[[Get]]。不幸的是，属性描述符规范类型还有一个名为[[Get]]的字段，因此在浏览[[Get]]规范时，我们需要仔细区分这两种独立的用法。[[Get]]是一个重要的内部方法。普通对象实现基本内部方法的默认行为。异构对象可以定义它们自己的内部方法[[Get]]，这与默认行为有所偏差。在这篇文章中，我们专注于普通对象。[[Get]]的默认实现委托给。
2024-05-18 11:27:38
755
原创 理解 ECMAScript 规范-part1
我们阅读了一个简单的方法——Object.prototype.hasOwnProperty——和它调用的抽象操作。熟悉了与错误处理相关的简写?和!。我们还了解了语言类型、规范类型、内部槽和内部方法。
2024-05-18 11:23:25
930
原创 在V8中进行数组排序【V8 Blog 翻译计划】
作为V8博客的热衷读者，您可能已经听说过CodeStubAssembler或简称CSA。CSA是一个V8组件，允许我们直接在C++中编写低级的TurboFan IR，然后使用TurboFan的后端将其转译成适当架构的机器代码。CSA被大量用来编写JavaScript内置函数的所谓“快速路径”。一个内置函数的快速路径版本通常会检查某些不变性是否成立（例如在原型链上没有元素，没有访问器等），然后使用更快、更具体的操作来实现内置功能。这可能使执行时间比更通用的版本快一个数量级。
2024-05-17 21:59:25
861
原创 Windows10 网页版 上线！最具扩展性的webos
模仿Windows10 UI 框架 Vue3点击进入github 链接:本框架可以让你的页面像win10视窗系统一样，运行一个网页上的win10系统。
2023-07-13 15:00:21
11329
原创 什么是TailwindCSS
什么是TailwindCSSTailwindCSS取代了语义式的css，使用了一种更高效的方式，会使得app更快成型。一个例子<input class="w-40 h-5 m-5 p-4 bg-slate-300border-solid rounded-2xl outline-none transition-all delay-100 hover:w-48 focus:bg-white focus:w-48 " placeholder="请输入账号" v-model="userna
2022-04-25 17:07:26
5109
原创 网页动效[3] CSS变量
CSS变量的使用方法在css中，变量是一种特殊的样式，可以在css中设置一个变量，之后，就可以在子元素中获取到这个值。如何定义CSS变量.root { --color: red;}.son { color: var(--color);}以上的代码，就是在root中定义了一个变量，变量名为--color，变量值为red。在子元素中，可以通过var(--color)来获取这个变量的值。CSS变量的用途方便的管理统一的属性这应该是最优先想到的用途了当一些元素拥有大部分相同的
2022-03-01 15:25:37
217
2
原创 网页动效[2] keyframes
CSS动效@keyframes是 transition 的升级版。他相较于transition，可以定义中间的过程，也可以设置循环播放等等。对于基本的用法，不再叙述。下面会先介绍动画的时间函数。函数一般的，设置动画的时候可以选择动画的运动曲线。easeease 其实就是预先设置好的贝塞尔曲线。可以定义常见的运动曲线。ease，liner，ease-in，ease-out，ease-in-out[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YPGFG8W7
2022-02-14 11:19:07
478
原创 网页动效[1] transition
网页动效[1]transition在这个新的系列中，我将会介绍网页中动效的各个方面，欢迎关注。transitiontransition会使得该元素的部分属性变动有过度效果transition: <property> <duration> <timing-function> <delay>;transition 过程transition过渡分为两个阶段：前进阶段和反向阶段。以hover为例，若在元素非hover态时设置transition，相当
2022-01-24 10:51:20
1275
原创 css的hue-rotate是调整了色相吗？
什么是色相？色相就是HSL模型下的H就是颜色的倾向什么是HSL？HSL，是区别于RGB的另一种颜色模型。H代表Hue，就是色相。S代表Saturation，就是饱和度。L代表Lightness，就是亮度这三者共同组成可以表示一个颜色下面是调整HSL时的颜色在颜色选择器上的变化调整色相时，色环上的颜色发生了变化调整亮度时，色彩向左上或者右下移动调整饱和度时，色彩向右上或者左下移动hue-rotate和hue那为什么说hue-rotate并不是调整了色相呢？下面来看一个对比上
2021-12-13 11:24:50
2446
1
原创 你还在手动写代码吗？Github的Copilot有多强？
你还在手动写代码吗？Github的Copilot有多强？获得了资格前几周，我拿到了Copilot的资格，这是一个AI自动辅助写代码的VScode插件，可以自动生成代码。用了几周之后，感觉给我的惊喜很多。如何使用获得了资格之后，就可以在vscode插件市场下载插件，在每次打开vscode的时候，都需要登录github账号登录之后，在代码中回车会触发代码自动补全能补全什么只要是vscode能打开的，基本上都能补全js在平常的开发中，只需要写下你想要的代码注释，就会出现补全例如，下面的代码中
2021-12-06 10:23:23
2755
原创 GitHub也能CI/CD了 如何使用GitHub的Action？
GitHub也能CI/CD了！如何使用GitHub的Action？一，什么是CI/CD见另一篇文章二，GitHub的ActionGitHub的Action是一种自动化的CI/CD工具，可以让你在GitHub上自动执行一些指令，比如构建、部署、推送代码等。不光如此，在触发action之后，相当于我们有了一个暂时的服务器，用这个甚至可以白嫖一些计算资源，ひひひひひ三，GitHub Actions 的使用方法建立目录文件.github/workflows/在这个目录下建立一个名为name.y
2021-12-02 18:55:30
1854
原创 css长度单位到底有多少个
%首先，百分号是一个能用于描述长度的单位，但是它本身并不是属于length的单位ch这一单位代表元素所用字体 font 中“0”这一字形的宽度（“0”，Unicode字符U+0030），更准确地说，是“0”这一字形的预测尺寸（advance measure）。如果无法确定“ 0”字形的大小，则必须假定其宽为 0.5em，高为 1em。em相对长度单位，这个单位表示元素的 font-size 的计算值。如果用在font-size 属性本身，它则表示元素继承的 font-size 值。ex这个单
2021-11-24 20:50:51
402
原创 CSS计算 CSS运算 calc函数的使用方法
CSS也是可以进行运算的!!!CSS中的calc函数是可以对不同值进行计算的它可以在 <length>, <frequency>,<angle>, <time>, <percentage>, <number>, or<integer> 之间进行计算例如width: calc(100% - 80px);CSS calc函数可以进行四种运算：加减乘除.其中 加法和减法的运算符号两边必须有空格,例如:calc(50
2021-11-21 22:16:51
15869
1
原创 css变量的使用方法
CSS变量的使用方法在css中，变量是一种特殊的样式，可以在css中设置一个变量，之后，就可以在子元素中获取到这个值。如何定义CSS变量.root { --color: red;}.son { color: var(--color);}以上的代码，就是在root中定义了一个变量，变量名为--color，变量值为red。在子元素中，可以通过var(--color)来获取这个变量的值。CSS变量的用途方便的管理统一的属性这应该是最优先想到的用途了当一些元素拥有大部分相同的
2021-11-17 17:12:32
1671
原创 模仿Windows10 UI 框架 Vue3
vue3-win10Vue3 仿Win10 UI 框架推荐 Vue 3 + Typescript + Vite + Using <script setup>本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。Demo|Demo|Demo可视化的一大步本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。Vue3支持推荐 Vue 3 + Typescript + Vite方便快捷使用原本的Vue开发方式即可...
2021-08-30 17:41:24
1724
2
原创 Vue3 ref sugar提案，vue $ref 语法
学习Vue3，关注不迷路。Vue3 的新语法糖: ref sugar当我们定义一个响应式ref变量时，会使用到ref，在获取它的值时，需要用var1.value这样的方式新的语法糖使我们不需要再调用value。它是这样使用的：let a =$ref(1)a++;//不需要.value上面我们使用$ref 替换了ref，这样定义的变量在setup中使用就不需要展开。现在直接写在项目中是不行的，需要在vue插件选项中开启：vue({ script:{ refSugar:tr
2021-08-23 20:44:29
3257
原创 Vue3.2 新正式属性 Effect Scope API -- Vue
一起学习Vue，关注我，不迷路~在Vue的setup中，响应会在开始初始化的时候被收集，在实例被卸载的时候，响应就会自动的被取消追踪了，这时一个很方便的特性。但是，当我们在组件外使用或者编写一个独立的包时，这会变得非常麻烦。当在单独的文件中，我们该如何停止computed & watch的响应式依赖呢？//（vue-RFC示例代码）const disposables = []const counter = ref(0)const doubled = computed(() =>
2021-08-21 21:55:18
2182
原创 vue3.2 正式语法 script setup ＜script setup＞
vue3.2 将之前的实验功能变为正式功能，在单文件组件中引入了一种新的脚本类型< script setup >。示例<script setup> import { ref } from 'vue' // 像在平常的setup中code // 但是不需要返回任何变量 const count = ref(0)//在此处定义的count可以直接在模板html中引用 const inc = () => {//函数也可以直接引用,而不用返回 count
2021-08-17 17:29:34
7078
1
原创 Element plus 在vite2 和vue3时build打包失败
报错信息> vue-tsc --noEmit && vite buildnode_modules/element-plus/lib/el-descriptions-item/index.d.ts:2:30 - error TS2307: Cannot find module '../descriptions/src/description-item' or its corresponding type declarations.2 import DescriptionsIte
2021-08-17 17:17:33
2643
原创 Vue3 中 DefineComponent 组件的Type，怎么正确声明vue组件的类型 TypeScript
找到shims-vue.d.ts 文件，可以看到declare module '*.vue' { import { DefineComponent } from 'vue' // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types const component: DefineComponent<{}, {}, any> export default
2021-08-17 14:47:59
4478
1
原创 Invalid vnode type when creating vnode: undefined. vue 3.2版本错误解决
Invalid vnode type when creating vnode: undefined.主要是因为引入组件的时候，变量名没有首字母大写import winVue from "./components/win.vue";//错误的import WinVue from "./components/win.vue";//正确的
2021-08-11 11:23:17
16611
6
原创 模仿Win10 UI 框架 Vue3
Win10 UI 框架 Vue3推荐 Vue 3 + Typescript + Vite + Using <script setup>本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。Demo|Demo|DemoUsage开发流程推荐clone本仓库，在本仓库基础上修改，模版在/template目录下引入winVue租组件（clone可以跳过此步骤）<WinVue></WinVue>import WinVue fro
2021-08-10 20:33:08
1375
原创 怎么在vue3中制作一个弹窗组件
一个弹窗组件的难点最简单的一个弹窗当你像往常一样写vue3的时候，你想为页面加一个弹窗，那就直接在template里写一个div，这个div就是弹窗，有需要的时候就让他show就行了。就像下面这样<template> <div v-if="ifDialogShow"> 弹窗 </div></template>这样，只要控制ifDialogShow的值就可以控制弹窗的显示了。如果要添加一个其他样式的弹窗，就得在下面再新加一个div。
2021-08-03 22:24:27
3218
原创 vue3使用provide/inject实现全局变量功能，部分摆脱vuex
vue3新的provide/inject功能可以穿透多层组件，实现数据从父组件传递到子组件。这时将所有需要使用的全局变量在根组件就provide，这样，所有的组件都能使用到这个变量。如果需要变量是响应式的，就需要在provide的时候使用ref或者reactive包装变量。for (let key in store) { let type = typeof store[key] if (type == 'function') {//这里是粗略的写法,目前当类型是函数时,直接provid
2021-06-14 17:00:29
4318
2
原创 WebGL-Program,js处理图片库
文章目录使用webgl处理图片的库一、webgl-program二、使用步骤引入创建 Program 对象使用webgl处理图片的库对于一张图片或者多张图片,需要对其进行各种处理的话,就需要使用到webgl技术一、webgl-program二、使用步骤引入import { Program } from “./jsUtil/program.js”;创建 Program 对象let pro = new Program(“webgl”);Program(glid, gl);/**
2021-04-24 23:12:33
302
原创 Should.js 中文文档
Should.js 中文文档Should.js文章目录Should.js 中文文档Should.js常用文档Assertion#bebe的别名Assertion#containDeepOrderedAssertion#containDeepAssertion#containEql(other)Assertion#eql(other)eql别名Assertion#equal(other)Assertion#equalOneOf(other)Should.js常用文档Assertion#be只
2021-04-11 18:30:17
275
原创 使用NodeJS+Vue3写支付宝网站支付Demo,接入支付宝
体验地址NodeJS本Demo使用express+mysql开发,初始化项目安装依赖需要使用到的依赖如下"devDependencies": { "alipay-sdk": "^3.1.6", "body-parser": "^1.19.0", "express": "^4.17.1", "mysql": "^2.18.1" },使用npm install 安装,不多叙述支付宝接入(沙箱环境)此步骤需要在支付宝平台申请接入,需要有企业账号,这里使用的
2021-04-04 20:39:37
1325
原创 npm run 和直接运行命令有什么区别?
npm run命令时会将当前目录中的node_modules/.bin临时添加到PATH.也就是说,在js中的代码,可以直接使用node_modules中安装的包名,而不需要路径例 import 'vue'在这种情况下,直接使用命令,跳过npm run 则可能会找不到这个包...
2021-03-18 22:58:30
1098
原创 Vite 使用教程,极快的构建工具,使用入门,
Vite使用入门Vite是取代webpack的极速构建工具文章目录Vite使用入门前言一、Vite是什么？二、使用步骤1.使用npm2.安装依赖3.运行测试服务器4.快!快!快!快!快!总结前言在浏览器支持 ES 模块之前，开发者没有以模块化的方式开发 JavaScript 的原生机制。这也是 “打包” 这个概念出现的原因,这里的打包就是指webpack这类构建工具,但是,随着webpack打包的项目越来越大,每次打包所需要的时间也越来越长,即使有着热更新的方式,webpack一般也需要1秒
2021-03-18 22:48:16
7547
1
原创 vue3 新实验属性 script setup ＜script setup＞
vue3在单文件组件中引入了一种新的脚本类型示例<script setup> import { ref } from 'vue' // 像在平常的setup中code // 但是不需要返回任何变量 const count = ref(0)//在此处定义的count可以直接在模板html中引用 const inc = () => {//函数也可以直接引用,而不用返回 count.value++ }</script><template
2021-03-18 15:57:38
12470
6
原创 JS面向切面（AOP）
今天看了看切面，不是太懂但是突发奇想，应该能使用ES6的proxy来写一个控制在函数Before和after执行其他内容的小玩具class aop { constructor(obj, beforeFork, afterFork) { return new Proxy(obj, { get: function (target, propKey, receiver) { for (let
2021-03-06 18:07:36
931
原创 「qqChan」qq的消息推送bot,server酱的qq版。
qqChan????「qqChan」qq的消息推送bot,server酱的qq版。GitHub:https://github.com/royalknight56/qqChan功能通过简单的请求向QQ用户推送消息使用方法1.添加qq酱的qq号[2930470152]添加后才可发送哦!!2.发送请求到http://myim.online/api/qmsg接口信息:GET:/api/qmsg请求参数字段字段类型字段说明是否必填userstring发送目标的q
2021-02-21 19:06:26
1472
原创 基于webgl的高斯模糊
模糊有很多种,这里说高斯模糊,高斯模糊会给人一种毛玻璃的感觉.以上三图分别为原图,高斯半径为1.5,高斯半径4.5高斯模糊怎么模糊呢?主要取决于一个函数:高斯函数,或者正态分布;对于一个点,要对他进行模糊,就要选取周围的点的颜色值,然后将周围的点按权值相加,就得到了模糊后的点的颜色,而这个权值,就是按照高斯函数来选取下面的是一个高斯函数在(-1,-1)(-1,0).....这些点上的值 0.0453 0.0566 ...
2020-12-20 12:15:46
833
3
原创 在vue3 中使用echarts
1,安装echartsnpm install echarts --save有cnpm 的可以cnpm安装2,在main.js中导入import { createApp } from 'vue'import App from './App.vue'import * as echarts from 'echarts'const app = createApp(App).mount('#app')app.echarts=echarts3,在需要使用的页面,定义div<
2020-12-08 19:12:15
70901
30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人