- 博客(17)
- 收藏
- 关注
RSS订阅原创 使用github actions 部署到服务器
在.github/workflows 目录下创建一个 yml 文件，文件名可以自己取，比如 deploy.yml。复制私钥到 secrets 时，需要在末尾多添加一个空行，否则会报错。secrets.PRIVATE_KEY 为服务器私钥，需要自己去服务器上生成。如果本就有，记得要将公钥复制到 authorized_keys。secrets.HOST 为 服务器 ip。记得配置服务器文件的权限。配置 secrets。
2024-07-10 16:53:47
301
原创 近乎完美的横向弹幕
横向弹幕在工作中并不少见，每次写都挺头疼的，比如动画卡顿，弹幕长短不一导致重叠，速度不一致等问题，于是准备这次好好写一个，以后可以直接用，不需要每次重新开发，特此记录。
2022-03-10 11:47:59
574
2
原创 JS工具函数
判断数组中所有数是否满足条件const all = (arr, fn = Boolean) => arr.every(fn);all([4, 2, 3], x => x > 1); // trueall([1, 2, 3]); // true判断数组中是否有一个满足条件const any = (arr, fn = Boolean) => arr.some(fn);any([0, 1, 2, 0], x => x >= 2); // trueany([0
2021-11-15 18:56:53
983
原创 搭建vite2.0+vue3.0+ts+多页面打包+多环境+gzip+图片压缩框架
首先安装vitenpm init @vitejs/appyarn create @vitejs/app使用预设模板创建框架yarn create @vitejs/app my-vue-app --template vue支持的模板预设包括：vanillavuevue-tsreactreact-tspreactpreact-tslit-elementlit-element-ts使用scssnpm i --save-d sass<style lang="scss"&g
2021-09-24 17:59:14
4916
2
原创 vue3.0的多种写法，你喜欢哪种呢？
第一种写法：<template> <div>defineComponent</div> <div>{{ topinset }}</div> <div>{{ doubleCount }}</div> <div>{{ list }}</div></template><script lang="ts">interface STATE { topinset
2021-09-24 17:58:24
3749
原创 eslint 常用规则
“no-alert”: 0,//禁止使用alert confirm prompt“no-array-constructor”: 2,//禁止使用数组构造器“no-bitwise”: 0,//禁止使用按位运算符“no-caller”: 1,//禁止使用arguments.caller或arguments.callee“no-catch-shadow”: 2,//禁止catch子句参数与外部作用域变量同名“no-class-assign”: 2,//禁止给类赋值“no-cond-assign”: 2
2021-03-01 13:51:20
441
原创 记录在安卓webview上，gif,apng,pixi.js,lottie-web动画导致闪屏问题
随着公司项目对动画要求越来越高，从由美术提供简单的gif,或者css,js开发简单动画变成了使用渲染引擎pixi.js使用序列帧动画，或者使用龙骨，spine等更加复杂炫酷的动画。但是发现屏幕在播放动画的时候会偶尔发生块状闪屏，使用gif,apng,pixi.js,lottie-web等动画技术都会导致闪屏（不同机型不同情况）。经过大量的调试，最后发现当webview滑到底部的时候特别容易触发闪屏，于是做了曲线处理，height: calc(100vh - 1px); 暂时解决当前手机闪屏情况，可其他手
2021-02-07 11:46:54
1787
原创 真正从零开始搭建个人博客，从只有一个初始服务器开始
从零开始搭建个人博客使用wordpress搭建个人博客前置条件：拥有一个服务器 （1核2g1M就足够）以下教程使用mac电脑示范：使用ssh连接远程服务器 （用户密码在服务器控制台可以设置，比如阿里云控制台）输入命令：ssh root@ip输入密码： *******出现 Welcome to Alibaba Cloud Elastic Compute Service ! 表示连接成功。搭建wordpress博客的步骤是：安装nginx 并且运行安装php 最好7.0.0以上 运行
2020-11-24 19:47:34
1015
原创 jquery的项目开发风格（自用）
jquery的项目开发风格<script> class page { constructor() { this.init(); } set name(value) { this._name = value; $('.name').text(value); } get n...
2019-10-16 09:58:43
239
原创 vue-cli3 的vue-skeleton-webpack-plugin使用
index.html<!DOCTYPE html><html lang="en"><head> <!-- 编码 --> <meta charset="UTF-8" /> <!-- H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 --> <meta name="viewport" content...
2019-09-17 16:58:44
1663
原创 移动端滑动穿透方案及demo
移动端滑动穿透方案及demo移动端滑动穿透问题通常出现在弹框出现时，上下滑动屏幕，背景也跟着滑动了解决的办法有：1、 加overflow:hiddenhtml, body { overflow: hidden;}（在移动端无效）2、 弹窗出现时将背景设置成fixed,并记录坐标，关闭时恢复位置（背景位置会有个跳动）3、阻止body的默认滚动？document.ontou...
2019-09-06 13:28:14
250
原创 常用的Sass
Sass的说明Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库一同使用时。语法Sass 有两种语法。 第一种被称为 SCSS (Sassy CSS)，是一个 CSS3 语法的...
2019-05-27 14:54:49
282
原创 egg实现Restful API
egg-mynote快速生成项目npm init egg --type=simple运行$ npm i$ npm run dev$ open http://localhost:7001/安装 egg-mysqlnpm i --save egg-mysql配置config/* eslint valid-jsdoc: "off" */'use strict';/**...
2019-05-27 14:31:11
4048
原创 js笔记
将会持续更新个人笔记class 继承class A { constructor() { this.x = 2; } print() { console.log(this.x) }}class B extends A { // 实化例时constructor()会自动执行 constructor() { super(); console...
2019-05-25 16:54:48
93
原创 koa2实现Restful API
koa2实现Restful API安装koa生成器npm install koa-generator -g生成项目并安装依赖koa2 test && cd test && npm install运行npm run dev浏览器打开 http://localhost:3000 就可以看见初始界面编写路由app.jsconst api = r...
2019-05-24 16:26:38
3438
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人