- 博客(75)
- 收藏
- 关注
原创 解答移动端适配方案的正确姿势
1. flex布局,2.百分比布局,3.vw+视口:px转成vw;⼿动计算vw; Less的映射来计算;postcss-px-to-viewport的插件(需依赖webpack或Vite);ccsrem VSCode插.....
2024-12-19 11:48:51
746
原创 基于ts的浏览器缓存工具封装(含源码)
自用的基于typescript的浏览器缓存工具封装,含源码和使用方法。因为经常需要缓存数据的情况,例如保存用户的登录状态、缓存部分页面数据等,通用性很强
2023-07-29 16:12:12
1206
原创 【vue3】15-Vue全家桶-Pinia-更优雅的管理vue状态
Pinia是一种新兴的状态管理库,相比于Vuex,在开发体验、性能和TypeScript支持方面有着明显优势。本篇博客讲解Pinia从安装到使用的详细过程,能帮助了解如何更好地管理Vue状态,提升开发效率。
2023-06-30 11:21:26
420
原创 【vue3】14-Vue全家桶-VueX状态管理
Vuex是一个专为Vue.js应用程序开发的状态管理模式,主要适用于vue2。本文通过解释Vuex的核心概念和使用方式,以及讨论其核心原则和设计思想,来学习如何更好地理解和应用Vuex。首先,介绍了Vuex状态的基本概念,包括state、mutations、actions和getters,然后,详细解释了每个概念的作用和用法。
2023-06-29 18:25:43
418
原创 【vue3】13-前端路由-Vue-Router的详解: 从入门到掌握
Vue-Router 是一个官方的路由器库,它与 Vue.js 紧密集成,可以方便地创建单页应用程序(SPA)的路由。本篇文章将介绍 Vue-Router 的基础及高级功能,包括路由的发展历程、使用方法、路由懒加载、嵌套路由、动态路由、路由守卫等功能。
2023-06-14 20:04:22
1154
原创 【vue3】12-Vue 3中的Composition Api(二)
Vue3的composition Api的详细内容:在setup中computed函数的使用;如何定义响应式数据;如何在setup里获取元素或组件;watch/watchEffect的使用;还有最重要的setup语法糖使用,极大简化了开发时间,必须要掌握
2023-06-13 17:35:57
807
原创 【vue3】11-Vue 3中的Composition Api(一)
Vue 3中Composition API的使用方法:setup函数的基本使用;ref和reactive定义响应式数据;toRefs解构出响应式属性;单向数据流;setup中的其他函数(了解)
2023-06-12 19:55:25
946
原创 【vue3】10-vue组件化额外知识补充(下)-动态组件-组件缓存-v-model在组件上的应用
Vue组件化额外知识补充(下):动态组件的使用方法;内置组件keep-alive;v-model在组件上的应用;Mixin混入
2023-06-10 20:07:50
2025
原创 【vue3】09-vue组件化额外知识补充(上)-生命周期-ref引用
Vue组件化额外知识补充:各个生命周期钩子及它们的应用场景;ref获取Dom元素和组件实例的方法。
2023-06-08 19:13:09
634
原创 【vue3】08-vue的组件化开发-插槽(Slots)的完全指南
插槽的使用是Vue组件化的重要部分:基本插槽、具名插槽和作用域插槽。基本插槽是指在组件内部使用定义一个匿名插槽来扩展模板;具名插槽允许为插槽赋予名称,以便在组件使用时注入特定的内容;而作用域插槽是Vue.js中的高级插槽技术,可以让我们自定义渲染插槽内容并访问组件的数据。
2023-06-06 20:14:27
2266
原创 【vue3】07-vue组件之间的通信-父子互传-事件总线
Vue组件间的通信。父子组件间通信:父传子props,子传父$emit的使用;非父子组件通信:provide/inject和事件总线的使用方法
2023-06-05 20:06:52
1094
原创 【前端工程化】Git入门指南:轻松掌握从安装到操作!
Git的安装步骤和配置到初学者所需的基本知识,包括提交和推送代码变更、管理分支;在Git使用过程中的常见问题解决方案和最佳实践
2023-05-25 15:06:06
1160
原创 【vue3】06-vue的组件化开发-脚手架创建项目
Vue的组件化开发:组件化开发思想,注册组件的两种方式;脚手架的安装和使用;生成的项目目录结构解析
2023-05-10 20:36:20
1025
原创 【vue3】05-vue的双向绑定 — v-model
vue的双向数据绑定v-model详细介绍:v-model绑定input,textarea,select,checkbox等表单元素;修饰符的使用
2023-04-25 19:31:37
1683
原创 【vue3】03-vue的基础语法
vue的基础语法:v-on绑定多个事件及参数传递;vue的条件渲染:v-if、v-else及v-else-if的使用;v-show和v-if的区别;vue的列表渲染:v-for遍历数组,对象的方法
2023-04-07 21:50:26
425
原创 【vue3】01-vue的简单介绍
vue的引入方式;vue2和vue3的选择;声明式和命令式编程;MVVM模型;data属性和methods属性
2023-04-01 15:17:45
432
原创 【JavaScript高级】06-JavaScript对象知识增强
JavaScript对象的知识增强:Object.defineProperty实现对象中属性的精准控制(添加或修改对象的属性);数据属性描述符;存取属性描述符
2022-11-28 19:28:27
547
原创 【JavaScript高级】05-JavaScript中with、eval语句及严格模式的使用
JavaScript中的with,eval语句了解及严格模式的使用方法和语法限制
2022-11-27 17:15:39
823
原创 【JavaScript高级】03-JavaScript内存管理和闭包
JavaScript的垃圾回收机制:标记清除;深入理解闭包的形成过程及造成内存泄露的原因。
2022-11-16 21:27:46
510
原创 【JavaScript高级】02-深入JS执行原理:AO、VO及作用域链
JavaScript的代码执行过程:执行上下文,GO,AO,VO,变量查找的作用域链顺序
2022-11-14 20:14:12
1221
原创 【移动端网页特效】02-移动端轮播图(原生JS)
移动端轮播图:利用css3动画效果及classList属性实现图片自然滚动及焦点图的跟随变化;利用触屏事件实现图片拖动功能
2022-09-03 16:53:34
556
原创 【移动端网页特效】01-触屏事件和常用对象列表
触屏事件:touchstart,touchmove,touchend;触摸当前DOM事件对象targetTouches
2022-08-10 09:08:01
234
原创 【PC端网页特效】02-client系列与scroll系列及三大系列总结
(PC端网页特效)client元素可视区系列属性获取元素内容区大小;scroll元素滚动系列获取元素实际高度宽度;三大系列区别;flexible.js源码分析;立即执行函数;仿淘宝侧边栏案例
2022-08-02 10:40:43
445
原创 【PC端网页特效】01-元素偏移量offset系列
(PC端网页特效)通过offset动态获取元素的位置(偏移),大小;拖动模态框案例;仿京东放大镜(重点案例)
2022-08-01 16:30:01
226
原创 【Web APIS】08-BOM浏览器对象模型
BOM总结:bom的构成;两种定时器和清除定时器的方法;onload窗口加载事件和resize窗口大小事件;回调函数和this指向性讲解;url;window常见对象;JS执行机制,同步和异步;倒计时案例(重点案例)......
2022-07-30 17:53:58
319
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人