自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

好川的博客

不要提单,生死看淡,不服就干!

  • 博客(53)
  • 资源 (5)
  • 收藏
  • 关注

原创 vitepress 几步轻松搭建博客

💎vitepress使用场景简单的说 ,只要会用markdown语法,就能构建自己的博客、笔记、使用文档等系统;✨vitepress优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的markdown就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度,和更小的打包体积相比vue2 的 vuepress 更具有优势写的少,做的多专注于编写并以最少的配置进行部署,真正的 SSG + SPA 架构疯狂独特设计与主题自带各种独特的主题,我们只需填充内容和配置。

2023-02-26 13:50:24 5291 36

原创 懒加载,用这个方法几行就实现啦

IntersectionObserver 构造函数需要传入一个回调函数;当 首次加载或 元素与视窗发生交集 (或指定元素)会执行这个回调函数;通过 observer 方法给定一个元素观察;

2023-02-14 19:28:43 7530 42

原创 vue jsx语法配置和应用

通过webpack构建配置jsx,通过vite构建的配置jsx

2022-11-27 18:21:14 3399 33

原创 纯前端导出表格

纯前端导出表格,vue导出excel表格,react导出excel表格

2022-11-20 20:15:40 11317 41

原创 React router路由v6详解

React router v6 路由Ⅰ、路由 v6 (两种形式)Ⅱ、 动态路由Ⅲ、路由重定向Ⅳ、路由跳转 (两种形式)Ⅴ、路由懒加载

2022-10-16 11:09:21 5356 67

原创 vue3 + vite 性能优化 ( 从5s -> 0.5s )

vue3 + vite 性能优化 详解

2022-09-18 18:28:32 9663 75

原创 vue3 eventBus订阅发布模式

vue3 eventBus,通俗的讲,就是js的订阅发布,在任意一个组件,利用class类 把消息(参数) -> 传递到任意一个组件 ,并执行一定逻辑。

2022-08-30 09:35:12 7173 74

原创 vue2.7 过度,升级指南

vue2.7版本,vue2.7正是为了解决过度问题,增加了部分vue3的写法和特性,又保留vue2原始特性。

2022-07-15 20:25:15 10026 16

原创 把useState变成响应式

用proxy去监听useState,实现自动setState,和同步状态

2023-09-17 12:12:33 791 14

原创 vue 路由原理,5 分钟轻松理解

回答 :是利用浏览器的 history api、面试官:你了解vue路由原理吗?面试官:具体是怎么实现的呢?vue-router 原理。

2023-07-16 21:46:00 895 10

原创 vue3 优雅的拆分逻辑小技巧

逻辑拆分, vue2 使用 mixin,vue3 使用组合式函数 ,同时也是最小全局状态管理库;

2023-04-02 19:33:46 2356 12

原创 vue3 解决各场景 loading过度 ,避免白屏尴尬!

解决项目打开白屏过长,项目打开时加载动画,路由切换时加载动画,异步组件加载动画

2023-03-26 16:03:33 14362 62

原创 playwright 实现前端自动化测试

自动化 功能测试 ,测试用用例的代码是非常复杂的;编写耗费时间长 ,不易读,可维护性差;下面我们来试试 微软开源playwright, 有了它切图仔也可以玩的比测试6👇废话不多说 : 微软开源的「自动化测试神器前端学习起来秒会!

2023-03-11 22:26:08 889 12

原创 用CSS 实现节流小技巧

pointer-events 属性值 :all : 可以触发该元素绑定的监听事件 ;none : 无法触发绑定的监听事件 ;

2023-03-11 22:25:57 2899 9

原创 quillEditor vue3 富文本编辑器

quillEditor 毫无疑问一款非常强大的 富文本编辑器在vue中一个也非常好用 ,而且也十分轻量的;

2023-03-08 22:39:32 6840 17

原创 vue3 升级常见问题汇总

vue2升级vue3解决常见兼容问题

2023-03-05 16:19:27 4255 17

原创 调试CSS,加个属性边写边看效果

head和style标签的display修改为block ,样式框就会被显示,contenteditable 是一个枚举属性,表示元素是否可被用户编辑。如果可以,浏览器会修改元素的组件以允许编辑。

2023-02-12 12:19:02 4030 45

原创 HTTP 强缓和协商缓存详解

HTTP 缓存策略分为强制缓存和协商缓存,强制缓存 依赖于 Response Header 中的Cache-Control属性,协商缓存,Last-Modified :资源最后更新时间,Etag :内容唯一标识符

2023-02-08 22:22:21 1948 41

原创 canvas 小游戏吃豆人

然后我们需要,吧吃豆人的嘴动起来这时我们就要用到定时器 ,每改变 嘴(), 重新绘制一遍② 监听 上下左右 让吃豆人动起来我们先要找到 上下左右按键 对应的 分别是 37~39;针对每个反向 改变下 “嘴” 的方向 [];在走到区域的末端,在反方向重新出现 👇③ 绘制随机出现的糖豆设置 糖豆初始位置 ,通过 随机出现;当糖豆在,移动的吃豆人的范围类的时候() ,就 糖豆;在每次绘制 吃豆人之后 ,确认之间的距离是否在范围里 👇④ 添加积分器在每次糖

2023-02-04 14:47:30 1547 34

原创 vue3 入门到进阶,如何学习?

为啥要学vue3,vue3更比react兼容ts,vue3 是如何变快的 ,vue3 递归监听,vue3 组件通信 ,vue3 钩子函数,watch 和 computed,vue3 路由变化 ,vue3 使用 vuex,pinia的使用(vuex5.0理念) ,vue3非递归监听(性能优化) ,vue3组件递归应用 (封装组件) .........

2022-12-12 10:02:12 1953 9

原创 前端复制功能 方法总汇

点击按钮,将内容复制剪贴板的多种形式

2022-11-13 16:46:34 4522 36

原创 vue3 生命周期函数,都改了啥?

vue3 生命周期函数和vue2的区别

2022-11-07 09:20:05 685 7

原创 vue3 响应式对象的 api 详解

ref、reactive 递归监听及区别,isRef、isReactive 判断 , toRef 和 toRefs 解构及区别 ,toRaw 、markRaw 解除代理 及区别,unref 拷贝 , shallowRef 、shallowReactive 非递归监听 ,triggerRef 强制更新。

2022-10-23 17:33:05 3567 71

原创 前端性能优化 面试题总汇

Ⅰ、如何优化请求图片方面① 精灵图② 小图标 Base64③ 图片懒加载④ 图标库 采用 svg请求内容方面① 减少请求内容大小②更改请求方式③ 防抖节流④ 利用存储Ⅱ、代码优化① 事件委托② 减少dom操作③ 页面结构优化④ css 优化Ⅲ、框架和打包① SSR 服务端渲染② CDN 加速③ tree-shaking (摇树优化)④ js 最小拆包⑤ 路由懒加载⑥ 异步组件,异步Js

2022-10-06 20:16:08 5289 40

原创 React hooks 闭包陷阱

hooks必须在函数顶层 ,不能在条件分支内,useState 异步陷阱,useEffect 过期闭包 ,useCallback 获取父组件属性不是最新。

2022-10-03 15:43:27 1717 21

原创 vue3 配置自动导入API和组件

不用 import 引入, 打包时会默认加上

2022-09-25 21:42:54 6188 67

原创 vue3 配置i18n国际化

vue3项目如何国际化我们已经属性vue2 ,使用i18n ,进行国际化那vue3 我们如何配置 i18n 呢 ?文章目录vue3项目如何国际化配置Ⅰ、安装Ⅱ、创建 il18nⅢ、在main.js 中配置 i18n使用Ⅰ、在 html 中使用Ⅱ、在js 中使用Ⅱ、修改语言 (和获取当前语言)配置Ⅰ、安装npm i vue-i18nⅡ、创建 il18n在src目录下,创建 i18n 文件夹,并在下面分别创建三个文件 分别为 :① index.js => 主文件用

2022-09-09 20:05:52 4007 54

原创 vue3 中使用 three.js

vue + three.js ,vue 中 如何导入和使用 threejs

2022-08-18 12:38:27 5520 5

原创 vue继承组件,双击实现表格编辑

vue.extend 使用场景需要频繁向 多个类型 vue组件中 导入组件,而且存在 频繁切换;(如果 v-if 和 v-else ,需要到每个向里面去添加 ,不太好 )调用 方法就去页面中 ,添加一条Message 提示 的vue组件 ,而且点击多次会多次弹出。............

2022-08-14 07:00:00 2977 9

原创 【ES6】class类与继承

什么是Class?Ⅰ、类的使用1、constructor方法2、实例属性写在 constructor 函数的方法都可以执行,那么在哪里呢?proto_在类里加方法 ===上加3、静态属性在类里===Ⅱ、类继承的方式1、实例继承 与 extends 关键字继承。...

2022-08-08 14:42:31 826 3

原创 threeJs 入门篇

1.什么是threeJs简单的说 ,就是一门 绘制 3D 的 javaScript 轻量级框架;主要采用 ,HTML5 Canvas提供硬件3D加速渲染;于是web 端 ,就能制作出 3D 系统 ,访问就能操作 ,十分方便。文章目录1.什么是threeJsⅠ.为什么要学这门前沿技术Ⅱ.应用场景2. 学习Three .js 入门篇 (一)Ⅰ.安装下载Ⅱ. 创建场景、摄像机、渲染器(画布)Ⅲ. 创建坐标系Ⅳ.平面、立方体、球 的创建Ⅴ. 光源的创建Ⅵ.添加投影Ⅶ.鼠标操控三维场景3. 整合代码Ⅰ

2022-08-08 10:31:39 10315 9

原创 拖拽分栏布局,resize 属性就够了

CSS resize 属性的应用

2022-07-30 18:36:33 1581 48

原创 vue3 搬砖要必备那些?

Ⅰ. vue3 简介vue3 代号 onepiece 【海贼王】2022年2月7日 成为默认版本 , 2023年底 vue2将彻底淘汰 。Ⅱ. 优化内容更新渲染 快了 1 ~ 2 倍之间 ;首次渲染 快了 50% 左右 ;运行内存 减少 50% 左右 ;打包内存 减少 40% 左右 ;更强的 ts (typescript) 支持 => 引用下作者 ( 尤雨溪 ) 的原话 ;真的对 类型 特别特别 较真的用 React 也没什么不好,无非就是性能差点。文章目录

2022-07-27 17:05:34 2292 86

原创 vue3 数据响应更复杂了吗?

vue3 的ref、reactive、toRefs详解

2022-07-06 21:44:46 1633 8

原创 vue3的watch、computed用法( 对比vue2)

watch和computed区别,2.vue2和3使用watch和computed,3.watchEffect和watch的区别

2022-07-01 23:01:35 993

原创 vue3 vuex配置和使用

( 直接解构出来 ,可以省去this.$store )( 通过this.$store获取 )vue 3 使用 vuex。vue 2 使用 vuex。

2022-06-29 20:11:59 1711

原创 vue3 数据响应原理

vue3的数据双向绑定与vue2的区别

2022-06-26 17:24:04 732

原创 华为od 面试题及流程 (前后端)

华为od 面试流程

2022-05-15 10:56:10 19779 33

原创 React hooks 函数入门

react hooks 的使用

2022-02-22 16:43:00 389

原创 字节跳动前端笔试题

Toast 支持String/Object 两种类型的调用,其基本的样式为垂直/水平居中于屏幕中央,图片文字上 下混排,实现一个多层级树组件,点击左侧图标能收起展开,同时点文字时暴露给父组件,点击了那个节点

2022-02-19 21:03:12 3608 12

CSS resize 拖拉分栏布局

resize 拖拉分栏布局

2022-07-10

钢铁侠-核反应堆-html+css

钢铁侠-核反应堆-html+css

2022-02-11

钢铁侠--CSS3动画

钢铁侠--CSS3动画

2022-02-11

血轮眼--CSS3动画

血轮眼--CSS3动画

2022-02-11

HTML5-canvas-科技时钟

适合学习html5的小伙伴

2021-12-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除