- 博客(25)
- 收藏
- 关注
RSS订阅原创 持续分享/小记
内连接(join, inner join), 外连接(left outer join, right outer join…), 自连接 → 多表查询。窗口函数 → 分区 partition by → 窗口帧 order by。视图 → 相当于表的快照, 跟表一样使用 → 可以用来维持表结构。继承, inherits(), from only。窗口函数 → 效果区分于非窗口聚合函数。order by限定顺序 → 表修饰。join连接查询 → 多表查询。where → 减少行/内容。选择列 → 减少表的列。
2024-07-15 18:26:46
217
原创 持续分享/小记
7.4 Uniappcss样式穿透定位元素居中给定宽度 width: fit-contentleft: 0; right: 0; margin: auto;css磨砂玻璃效果backdrop-filter: blur()css样式值计算calc()条件编译#ifdef #endifpromise resolve reject
2024-07-05 00:30:57
421
原创 持续分享/小记
7.3 Uniapp页面生命周期onLoad()onShow()onReady()自动导入插件uni.reLaunth()跳转到tabBar页面图片懒加载下拉刷新， 触底加载加载组件用sass变量存储颜色遮罩层磨砂玻璃效果transform缩放
2024-07-03 23:32:25
96
原创 面经-3/小记
面经-3new操作符作用创建空对象挂载原型改变this指向做返回判断，返回对象网格布局GridJS事件循环宏任务/微任务跨域(同源策略)接口服务器添加允许跨域请求的响应头配置jsonp代理背景: 跨域问题只存在于浏览器环境, 服务器之间是不存在跨域问题的思路: 像代理服务器请求数据, 并由代理服务器转发请求, 再返回给前端LocalStorage, Session, Cookie, TokenToken过期维护请求拦截器保存token，并设置
2024-06-30 02:27:21
260
原创 持续分享/小记
this指向问题一般情况，函数this指向他的调用对象回调函数中，this指向window箭头函数不存在自己的this，继承父类，所以也无法作为构造函数如何给SPA做SEOSSR服务端渲染将组件或者页面通过服务器生成html，再返回给浏览器，如nuxt.jsv-if和v-show的区别控制手段不同v-show的隐藏效果是为元素添加display: none属性, 但DOM元素依然存在v-if直接卸载DOM编译过程不同v-show由false变为true时
2024-06-28 03:20:49
133
原创 持续分享/小记
原型链存在的问题通过原型链实现继承时， 父级实例作为子级的原型对象， 其中的引用数据类型会被所有子级实例共享， 导致一处修改处处修改借用构造函数优势可以传参问题难以方法复用组合继承缺点： 至少两次调用父级构造函数， 臃肿寄生组合式继承只调用一次父级构造函数闭包作用域链变量对象活动对象
2024-06-26 23:46:04
65
原创 持续分享/小记
暂时性死区: 变量用let或者const声明, 在其得到赋值操作进入词法环境前, 这一段区域, 不可对变量操作, 就是暂时性死区。特定作用域var声明的变量。函数声明也存在变量提升。
2024-06-26 00:22:37
821
原创 持续学习/小记
Vue官方文档学习同名简写，类似于es6属性的简写ref和reactive的区别ref对基本数据类型和引用数据类型都适用， 而reactive只对引用类型适用数据结构不同，ref返回一个特殊的ref对象，其中.value包裹原始数据的代理, 而reactive直接返回一个原始数据的代理Proxy因为数据结构的不同, 所以我们需要对ref和reactive响应式对象的数据监听处理也是不同的其他知识点js中宏任务和微任务在事件循环中, 微任务的执行优先级高于宏任务宏任务: 定时器
2024-06-24 23:16:44
425
原创 持续分享/小记
TS语言区分解释性，编译型动态，静态弱语言，强语言类型注解作用域联合类型类型别名函数返回值类型自动推断Ts中因为要给函数参数做类型注解， 所以箭头函数传入一个参数时，也不能省略括号函数的类型别名 → 一般配合箭头函数使用可选链操作符type和interface辨析interface只能用于约束对象而type的使用更加灵活interface继承type如何实现类似于继承的效果: 用&字面量类型枚举类型any类型, 但是推荐不使用, 丢失特性类型断
2024-06-19 01:55:00
128
原创 分享/小记
React-2父传子， 传数据， 传结构状态提升useEffect()配置项为空： 在初次渲染和组件更新时执行副作用函数为空数组： 只在初次渲染时执行副作用函数为自定义依赖项useEffect()清除副作用mock服务, json-server二级路由需要单独的出口 浏览器样式初始化，有直接的库文件可以使用
2024-06-17 00:58:46
76
原创 分享/小记
React框架jsx: react核心语法lodash: 好用的函数库classNames: 用于维护拼接的classNameuuid: 用于生成独立的iddayjs: 用于格式化时间对象useRef(): 用于获取DOM元素组件通信:父组件传递属性子组件通过props形参接收数据
2024-06-16 02:08:32
84
原创 持续分享/小记
Vue3项目实战经验$nextTickel-menu-item中可以直接利用index属性， 实现路由跳转formData类型的数据， 在格式化时， 会自动将number转型为String
2024-06-15 01:51:23
792
原创 持续分享/小记
Vue项目day6文本编辑器 vue-quill及时调用URL.revokeObjectURL()来释放URL对象, 而不是让浏览器在卸载文档时自动释放, 可以避免对象堆积, 也是一种内存优化的手段文件上传, 图片处理, el-upload用defineModel()和v-model配合, 也可以实现父子组件数据传递, 同时实现跨组件双向绑定前后端接口名字保持一致！！！！formData格式的数据， 在console.log()中无法打印出来, 但是实际是存在的
2024-06-14 00:22:16
337
原创 持续分享/小记
Vue项目day5辨析在el-input和el-form-item中label标签的作用区别在子组件中，可以向上暴露属性和方法，defineExpose()v-model绑定的数据，拥有双向数据绑定的特性，所有不能对defineProps()接收的数据生效
2024-06-13 02:28:24
231
原创 【无标题】
持续学习，6/10小记加入keep-alive， 组件多两个生命周期， 缓存优化渲染pinia持久化步骤下载持久化插件pinia挂载插件在需要持久化的store中，传入第三个参数{ persist: true}token的值存入LocalStorage中后, 可以通过使用axios请求拦截器, 来使得每一次的用户请求都包含token认证
2024-06-10 23:01:36
540
原创 Vue项目day2
Vue项目day2问题1： 在elementplus中， button点击事件跳转，和语义化标签有什么区别在使用语义化的标签中, 源码自动集成了router的跳转, 我们可以通过属性来进行自定义控制语义化标签, 一般可以替换a标签并且router-link标签, 还集成了点击高亮a标签的多种方式原生a标签elementplus中的el-linkVue router中的router-link基础的表单校验表单数据对象表单规则对象给表单绑定数据对象给表单项绑定一条规则
2024-06-09 01:24:34
435
原创 Vday6
文章目录Vue-day6知识点Vue-day6pinia中的stroe相互独立， 且在未引用时， 不生效由于vue3中存在组合式API, 而这种方式取消了this指向，所以我们在ES模块中, 想要使用路由对象时， 需要导入方法，useRouter()和useRoute(), 而在组件内部, 可以直接使用$router, $routeelement-plus按需导入, 官网pinia持久化插件, pinia-plugin-persistedstate数据被使用后才会持久化, 且用一个对象保存所有
2024-06-07 02:15:26
77
原创 Vday5
Vue-day5Vue3组合式api原生setup方法要返回对象, setup语法糖用reactive/ref方法, 实现数据响应式ref方法, 帮忙包了一层对象, 导致数据层级加深, 在template中, 自动底层减少一层级组合式api, computedwatch()immediate, deep对对象属性进行准确watchdefineProps()defineEmit()获取dom元素/子组件defineExpose()provide/injectv-model简化为
2024-06-06 03:24:48
99
原创 Vday-4
Vday-4json-server简单的后台数据请求移动端组件库： vant-uirouter.beforeEach(): 全局前置导航守卫知识点promiseaxios实例axios请求/响应拦截器数组对象.includes()Vue前端开发框架: 组件式, 单个vue文件中集合了三件套响应式指令组件
2024-06-05 02:52:21
81
原创 vue-day3
文章目录vue-day3项目流程知识点vue-day3自定义指令插槽VueRouter@指代src目录router-link/声明式导航vue-router提供的全局组件， 用于替换a标签用to代替href方便实现高亮跳转传参动态路由传参查询参数传参: 更适合于多个参数传递编程式导航path和name两种跳转方式多级路由vuexstoremutations辅助函数: mapState, mapMutations, mapActionsaction
2024-06-04 03:20:19
296
原创 vue-day2
文章目录vue-day2生命周期webpack知识点vue-day2指令修饰符v-bind对class和style的控制 -> v-bind指令增强, 可以传入对象形式v-model对多种表单元素的绑定效果计算属性computed辨析computed和methodscomputed具有缓存的优势计算属性的完整写法watch监听器深度监听, deep: true立即监听, inmediate: true组件化开发scoped原理生成自定义属性, data-v-
2024-06-03 03:10:42
326
原创 知识分享 笔记 507ceea9e41247bb809635c9e716d792
知识分享/笔记Ajax懒加载 - 预加载重要特性: 异步请求步骤:绑定事件创建xhr对象开启连接请求发送请求根据xhr的状态做具体的功能实现ie缓存解决, 可以通过为请求url添加时间戳解决axios/jquery同源策略跨域HTTP协议请求报文和响应报文结构Vue-day1插值表达式只应用于数据区域核心特性: 响应式v-html: 渲染标签v-show: 控制displayv-if: 条件渲染v-on: 注册事件, 可简化为@v-bind
2024-06-02 02:43:15
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人