技术
关注
分享
扫一扫
文章平均质量分 62
noal
这个作者很懒，什么都没留下…
展开
-
近乎完美的横向弹幕
横向弹幕在工作中并不少见，每次写都挺头疼的，比如动画卡顿，弹幕长短不一导致重叠，速度不一致等问题，于是准备这次好好写一个，以后可以直接用，不需要每次重新开发，特此记录。原创 2022-03-10 11:47:59 · 653 阅读 · 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 · 1050 阅读 · 0 评论 -
搭建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 · 4986 阅读 · 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 · 3882 阅读 · 0 评论 -
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 · 491 阅读 · 0 评论 -
真正从零开始搭建个人博客，从只有一个初始服务器开始
从零开始搭建个人博客使用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 · 1051 阅读 · 0 评论 -
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 · 261 阅读 · 0 评论 -
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 · 1714 阅读 · 0 评论 -
移动端滑动穿透方案及demo
移动端滑动穿透方案及demo移动端滑动穿透问题通常出现在弹框出现时，上下滑动屏幕，背景也跟着滑动了解决的办法有：1、 加overflow:hiddenhtml, body { overflow: hidden;}（在移动端无效）2、 弹窗出现时将背景设置成fixed,并记录坐标，关闭时恢复位置（背景位置会有个跳动）3、阻止body的默认滚动？document.ontou...原创 2019-09-06 13:28:14 · 297 阅读 · 0 评论 -
常用的Sass
Sass的说明Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库一同使用时。语法Sass 有两种语法。 第一种被称为 SCSS (Sassy CSS)，是一个 CSS3 语法的...原创 2019-05-27 14:54:49 · 314 阅读 · 0 评论 -
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 · 4106 阅读 · 0 评论 -
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 · 109 阅读 · 0 评论 -
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 · 3486 阅读 · 1 评论