关于我 🎨
你好！我是 橙猫猫，一个对像素完美有着执着追求的前端开发者。我相信代码不仅是功能实现，更是艺术创作。
💻 技术专长
核心技能
- ⚡ Vue 3 / Composition API / Pinia
- 🎯 React Hooks / Redux Toolkit / Next.js
- 🔷 TypeScript - 类型安全的浪漫
- 🎨 Tailwind CSS / Styled Components
...大约 1 分钟
Vue 3 已经稳定了相当长一段时间了。许多代码库都在生产环境中使用它，其他人最终都将不得不迁移到 Vue 3。我现在有机会使用它并记录了我的错误，下面这些错误你可能想要避免。
使用 Reactive 声明原始值
数据声明在过去都是非常直接的，但是现在有很多帮助函数供我们使用。目前的规则是：
- 使用
reactive声明Object, Array, Map, Set - 使用
ref声明String, Number, Boolean
...大约 5 分钟
1.# 生成随机字符串
当我们需要一个唯一 id 时，通过Math.random创建一个随机字符串简直不要太方便噢！！！
const randomString = () => Math.random().toString(36).slice(2);
randomString(); // gi1qtdego0b
randomString(); // f3qixv40mot
randomString(); // eeelv1pm3ja
...大约 2 分钟
...大约 4 分钟
作者：JetTsang
前言
现在面试过程当中 ，手写题必然是少不了的，其中碰到比较多的无非就是当属 请求并发控制 了。现在基本上前端项目都是通过 axios 来实现异步请求的封装，因此这其实是考你对 Promise 以及异步编程的理解了。
...大约 7 分钟
作者：zt_ever
前言
瀑布流布局，是现在比较流行的一种页面布局方式，即
多行等宽元素排列，等宽不等高，后面的元素依次添加到前一行最矮的元素下方。
...大约 5 分钟
哈喽,大家好 我是
橙猫猫👨🏻💻。今天给大家分享 40+javascript比较好用且实用的一行代码, 让你不再 996.
数组
生成数组
当你需要要生成一个 0-99 的数组 方案 1
const createArr = (n) => Array.from(new Array(n), (v, i) => i);
const arr = createArr(100); // 0 - 99 数组
...大约 6 分钟
基础配置
user root;
worker_processes 1;
events {
worker_connections 10240;
}
http {
log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $status $body_bytes_sent ' '"$http_referer" "$http_user_agent"';
include mime.types;
default_type application/octet-stream;
sendfile on;
#autoindex on;
#autoindex_exact_size off;
autoindex_localtime on;
keepalive_timeout 65;
gzip on;
gzip_disable "msie6";
gzip_min_length 100;
gzip_buffers 4 16k;
gzip_comp_level 1;
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_types "*";
gzip_vary off;
server_tokens off;
client_max_body_size 200m;
server {
listen 80 default_server;
server_name _;
return 403 /www/403/index.html;
}
include ../serve/*.conf;
}
...大约 2 分钟
一、命名规范
市面上常用的命名规范：
camelCase（小驼峰式命名法 —— 首字母小写）PascalCase（大驼峰式命名法 —— 首字母大写）kebab-case（短横线连接式）Snake（下划线连接式）
1.1 项目文件命名
1.1.1 项目名
全部采用小写方式， 以短横线分隔。例：my-project-name。
...大约 22 分钟
今天来教大家实现一个非常炫酷但又比较实用的 HTML5 3D 相册轮播动画。该相册动画有以下几个特点：
- 相册中的图片围成一个立体圆，并且沿着顺时针方向不停地循环转动。
- 每一张图片都有一个倒影的效果，更好地为相册呈现了 3D 视觉效果。
- 你也可以拖拽鼠标，实现相册的 360 度全景查看。
- 不仅支持图片，而且还支持 mp4 视频。
- 支持背景音乐播放。
先来看看最终效果吧！
效果预览
...大约 3 分钟