- 博客(73)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 css-grid布局(栅格布局)
* 数字和命名搭配搭配也可, 1 / t 注意如果是一个位置的话可省略, 比如 1 / 2 2 / 3 这里的2 3就可以省略*//* [d]150px 100px;搞不懂为什么加个命名就变小了.... *//* 目前喜欢这种的方式, 比较直观 . 表示这个位置空着 */grid 一个比flex更强大的布局,适合做整体布局。/* g-r-start g-r-end 的简称 *//* 相同的名字 代表相同的区域 */fr 只能放在第二个参数。
2024-07-15 11:52:19
840
原创 ts-01.泛型(函数和接口)
函数重载的意思是, 重新传不同类型的参数, java里面两个同名函数, 传参类型不同, 就是重载 js 本身是没函数重载的。泛的意思是:漂浮, 比如泛舟;泛型: 类型漂浮未定 =>. 用于: 函数 接口 类。接口限制的比较严格啊。
2024-07-07 20:13:17
394
原创 javascript-算法基础-01
记得有次面试, 让我说1 + … n, 我说用for循环. 当时竟然都忘了等差数列公式了…一个简单的求和2*n => n。
2023-04-29 23:45:33
974
原创 js-算法-双指针
双指针分:左右双指针 快慢指针 滑动窗口三种解法1 从大到小遍历,和前一个数比较, 相同的话删除后面的. 如果是从小到大遍历的话,会少删. […new Set(arr)]解法2 快慢指针滑动窗口老猛男, 子串问题全靠它。
2023-04-27 22:12:10
231
原创 vue3-element-plus-dialog弹窗小结
借助计算属性的gettter setter 写法;子组件的v-model不能直接绑定props。点击右上角的关闭X,或者单击遮罩才触发这个事件, 所以意义何在?@close 这个才是在关闭的时候都触发的。这种写法父组件的自定义事件。下面四种情况能都触发。
2023-04-06 23:25:42
668
原创 vue3-watch侦听器
默认没开启深度watch, 监听整个reactive, 开启deep}) 这样默认深度监视 watch(() => obj ,(v) => {}) 需要手动开启deep watch(() => obj . name ,(v) => {}) 监听某个属性 watch(() =>({}) 监视多个属性(但只监视第一层 ...)
2023-04-05 23:28:36
159
原创 vue-ref-模板引用-props
下面这种写法, 需要 v3.2.25 及以上版本 并注意 ref 数组并不保证与源数组相同的顺序。情况1: 单个绑定ref, 定义同名的ref()变量。// 这里加不加null都可以。情况2: 结合v-for 的情况。
2023-03-30 20:03:32
108
原创 js-函数-function
尾调优化 函数柯里化 防抖 节流局部作用域,全局,块级,其中局部又叫函数作用域;函数执行时所在的作用域，是定义时的作用域，而不是调用时所在的作用域。闭包利用的就是函数的作用域原理函j数传参的值如果是引用的,改变会变,如果是原始值,则不影响arguments 这个对象只有在函数体内部，才可以使用。伪数组, 有length, 有索引, 但是不能用数组的方法.
2023-03-15 00:22:03
112
原创 js-算法
出租车司机自行修改了里程表，导致每次遇到4，就会跳过，比如4–>5、40–>50、400–>500。输入描述：里程表的显示里程。输出描述：里程表的实际里程。
2023-03-15 00:21:28
59
原创 01.算法-背包问题(动态规划dp)
求最多装的物品的价值?恰好装满包的最的的价值,没有的话返回0?第一行两个整数 N 和V，分别表示物品个数和背包体积。你有一个背包，最多能容纳的体积是V。后面的表示物品的体积和价值。每种物品有任意多个…
2023-03-15 00:17:34
142
原创 js-整数反转(leetcode)
给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−231, 231 − 1] ，就返回 0。解1var reverse = function (x) { let n = Math.pow(2, 31) let res = 0; if (x > 0) { res = Number(String(x).split('').reverse().join('')) } e
2023-03-15 00:15:16
134
原创 css-盒模型
margin和padding 用 百分比单位, 参照的是父级的宽度,设置width 也是参照父级的宽度…如何让2 向下延伸, 又不会挤走第三行?
2023-03-04 00:21:29
351
原创 前端安全(http)
CSRF （Cross-site request forgery）攻击，中文名是跨站请求伪造。引导你点击他们的网站, 然后用你的身份做坏事。会导致: 会话劫持, 钓鱼, 信息泄露 , 不会导致拒绝服务。受理重要请求, 要求客户端提供用户口令/动态密码/验证码。cross site script 跨站脚本攻击。window 跳转 和 a 标签跳转。
2023-03-04 00:18:49
379
原创 箭头函数和this指向
其实this指向也就箭头函数比较特殊, 其他的情况都是谁调用,指向谁, 然后call apply改变this 指向, apply传数组.注意, 有的调用者比较隐蔽。
2023-03-04 00:14:24
58
原创 css-居中
line-height单行文本: 行高等于高度水平居中text-lign: center; /* 行内元素/行内块 */width: fit-content; /* 宽度适应子元素 */margin: auto; /* 用得做多的居中方法, 要求有宽度 */margin: 0 auto; margin: 0 auto 0;水平垂直居中 三方法div{ display: flex; align-items: center; justify-content: center;}d
2023-02-28 23:04:25
233
原创 react-jsx语法
虚拟dom 是 js对象模拟dom树, 实现页面的高效更新. diff算法 tree diff component diff element diff。拼接字符串 => art-template模板引擎 => 虚拟dom (diff 对比新旧dom树)像vue 的data 函数组件又叫无状态组件,类才有状态, 有状态就是复杂组件。组件实例核心三大属性: state props refs。给组件传值 及其验证 propTypes。
2023-02-28 23:03:25
257
原创 vue-知识点乱总结(vue2/vue3)
对象内部通过 defineReactive 方法，使用 Object.defineProperty 将属性进行劫持（只会劫持已经存在的属性），数组则是通过重写数组方法来实现。当页面使用对应属性时，每个属性都拥有自己的dep属性，存放他所依赖的 watcher（依赖收集），当属性变化后会通知自己对应的 watcher 去更新(派发更新)。2020年 9月18日 3.0.0 One Piece(海贼王)父向子传递props, 需要双向绑定的时候(子组件想更新这个值)2019年 2月 2.6。
2023-02-26 10:44:02
659
原创 css3-animation-transition
animationdiv { width: 100px; height: 100px; background-color: red; opacity: 0.5 !important; /* 哪怕权重最高, 动画里的透明度还是会生效. */ animation: fadeIn 5s infinite;}@keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 100%; } 100% { opacity: 0; }
2023-02-21 22:20:04
70
空空如也
软键盘导致fixed定位的头部被挤上去了
2020-07-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人