前端学习
文章平均质量分 57
困顿小狗
什么都放 但是不会放太认真写的东西
展开
-
原型 原型链
因为ES6 的继承机制,与 ES5 完全不同。ES5 的继承机制,是先创造一个独立的子类的实例对象,然后再将父类的方法添加到这个对象上面,即“实例在前,继承在后”。属性,是否在左边对象的原型链上。有一种特殊情况,就是左边对象的原型链上,只有。es6:先生成父类实例,然后再添加子类的属性,实例变成子类。运算符只能用于对象,不适用原始类型的值。拷贝父类的显式原型,将拷贝的原型对象的。不止能继承类,也能继承普通的构造函数。方法,因为这一步会生成一个继承父类的。在node环境下是取的原型对象的。原创 2022-10-17 10:55:14 · 381 阅读 · 1 评论 -
vue3 组合式api 实现v-lazy 图片懒加载
updated:在包含组件的 VNode 及其子组件的 VNode 更新后调用;created:在绑定元素的 attribute 或事件监听器被应用之前调用;beforeMount:当指令第一次绑定到元素并且在挂载父组件之前调用;beforeUpdate:在更新包含组件的 VNode 之前调用;当目标对象出现在视口的时候,会调用回调函数,传递一个元素都为。beforeUnmount:在卸载绑定元素的父组件之前调用;mounted:在绑定元素的父组件被挂载后调用;Image 对象代表嵌入的图像。原创 2022-09-25 17:14:05 · 871 阅读 · 0 评论 -
刷题笔记(js)
时间使用的上界 主要是要看操作元素多少次 不是有双重循环就是O(n2)看的算法图解,里面写的递归只是一种让程序看起来更好理解的写法。不用太害怕。算法图解里面写的分而治之的思想,题目 229题解做这题的时候注意边界的处理。注意 这样写的时间复杂度是 不要看到双循环就无脑说,只对每个操作数操作了两次所以是!题目59其实这题就是寻找不变量找规律 仔细找找就好了使用四个循环,模拟螺旋数组生成的过程,注意不变量和边界。题解:递归链表具有天然的递归性。可以将原链表看成头节点 1 后挂接一个更短的链表:继续拆解,直到原创 2022-09-16 15:19:55 · 446 阅读 · 0 评论 -
vue3响应式系统(实现)
于是考虑到使用哈希表来存储,利用哈希表的特性(key-value唯一) 来查询之前有没有存过就创建新对象,存过直接返回之前存过的对象。(vue3文档)为保证访问代理的一致性,对同一个原始对象调用 reactive() 会总是返回同样的代理对象。的键名所指向的对象,不计入垃圾回收机制(标记清除法的时候WeakMap的键指向不算),便于进行垃圾回收。(vue3文档) 对一个已存在的代理对象调用 reactive() 会返回其本身。属性,如果这个对象是代理对象的话,它的。Proxy 对象用于创建一个对象的。原创 2022-09-14 18:39:22 · 174 阅读 · 0 评论 -
pnpm init -- -y ERROR ERROR Unknown option: ‘y‘
就可以创建package.json file。原创 2022-09-14 16:20:44 · 894 阅读 · 0 评论 -
使用nodejs编写swagger文档
swaggerInstall-swagger注册函数(app.js(注册swagger api)原创 2022-09-07 10:10:13 · 1448 阅读 · 0 评论 -
element ui input框禁用 按钮样式变化 样式穿透(vue 2)
element ui input框禁用 按钮样式变化 样式穿透(vue 2)原创 2022-09-06 17:30:54 · 723 阅读 · 0 评论 -
无论怎么滚动document.body.scrollTop始终为0
解决方案 https://blog.csdn.net/qq_24729895/article/details/79049066转载:Vue中document.body.scrollTop的值总为零的解决办法最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0但是发现document.body.scrollTop一直是0。查资料发现是DTD的问题。页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。页面没有DTD,即没指定原创 2022-06-01 20:54:28 · 230 阅读 · 0 评论 -
vue2笔记
这里写自定义目录标题vue基础知识初识:响应式原理插值语法&模板语法插值语法:**{{js表达式}}**模板语法:数据绑定(v-bind、v-model)v-bind 单向数据绑定 只能data-->容器v-model 双向数据绑定 只能用在表单类元素(有value值的输入类元素)上绑定class样式补充数组操作el&data的两种写法MVVM模型数据代理补充:Object.defineProperties(要修改的对象,属性,配置对象)事件处理事件修饰符点击事件键盘事件计算属性计算属原创 2022-03-12 14:46:59 · 2095 阅读 · 0 评论 -
nginx安装点击start nginx.exe一闪而过
这个是因为默认的80端口被占用了,修改默认的端口就行直接搜nginx.conf修改linsten 80我改成8082了这样应该是成功了 但是不知道为什么没找到进程 可能是我眼睛瘸了原创 2022-02-22 19:05:52 · 2348 阅读 · 0 评论 -
This dependency was not found: * swiper/css/swiper.css in ./src/main.js
我用的vue2太高了不支持 下载低版本的就好了https://blog.csdn.net/wzqac2017/article/details/107990211原创 2022-02-22 12:26:12 · 840 阅读 · 0 评论 -
es6笔记(持续更新)
es6letconst变量的解构赋值模板字符串let1.具有块级作用域单纯打括号都算是块级作用域ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。块级作用域只影响变量 跟let 函数还是没有块级作用域derrr块级作用域还引申出一个东西 就是var全局声明是共用一个i 但是let是有多个i for循环每次执行的i都是不一样的i for循环用了很多个i 每次都是单独声明单独使用这个for循环做了3次 声明了3个不一样的i(有3个i哦)2.不可原创 2021-10-07 00:21:08 · 513 阅读 · 0 评论 -
js高级笔记
js高级笔记null跟undefined深复制 浅复制值传递 引用传递垃圾回收![在这里插入图片描述](https://img-blog.csdnimg.cn/330d86733969422e9256cb43d93d374f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAbmV2ZXJzbGVlcF8=,size_20,color_FFFFFF,t_70,g_se,x_16)对象函数原创 2021-09-25 00:41:38 · 142 阅读 · 0 评论 -
Json 9/22
@TOCjson字符串转对象对象转json字符串原创 2021-09-22 16:07:23 · 48 阅读 · 0 评论 -
Bom 9/7
bom对象BOM基础知识navigatorhistoryBOM基础知识调用的时候可以直接调用也可以当做window对象的属性来调用。直接调用bom跟通过window对象属性调用都是一样的,都是小写!别自作多情改成大写了。大写console.log出一个函数。navigatorhistory还有一个length记录当次打开过浏览器的页面数(be like历史记录?)...原创 2021-09-08 00:02:11 · 61 阅读 · 0 评论 -
dom 8-25
这里写自定义目录标题是类数组对象,不是数组对象!原创 2021-08-26 21:11:05 · 79 阅读 · 0 评论 -
js基本语法
js基本语法基本语法变量基本语法变量关键字 var 光声明不定义是undefined原创 2021-08-19 23:10:40 · 82 阅读 · 0 评论 -
媒体查询 8/18
文章目录媒体查询媒体查询原创 2021-08-18 14:10:19 · 47 阅读 · 0 评论 -
flex 弹性盒
flex盒子弹性盒基本定义弹性子元素弹性盒基本定义弹性子元素简写还有默认值捏 但是我感觉我自己写比记默认值好点hh and flex-basis是要比指定的那个width跟height的优先级要高的。原创 2021-08-16 17:50:25 · 44 阅读 · 0 评论 -
2021-08-15 less
文章目录写法变量写法变量变量重复赋值的话采用后面那一个,后面会覆盖掉前面的原创 2021-08-15 23:56:34 · 50 阅读 · 0 评论 -
2021-08-15
动画效果过渡过渡属性持续时间时序函数(运动方式)延迟简写平移动画关键帧执行、延迟时间缩放过渡过渡属性很多都支持 width height left right color之类的 我感觉能用数字表达的都可以持续时间时序函数(运动方式)延迟简写transition直接写完但是要注意同时写两个时间的话,默认第一个是持续时间,第二个才是延迟时间平移z轴垂直与xy轴相交的平面 如果元素没有旋转的话就是直接是垂直于屏幕 旋转了要另外算的并且这个平移很神奇,有点点类似于相对定位,但是又不完原创 2021-08-15 22:03:03 · 44 阅读 · 0 评论 -
2021-07-12 CSS笔记 css选择器
css外联样式表如果写了外联样式再叠标签的内部样式,优先显示标签的(但是我感觉也不怎么写在标签里面的了)基本语法:原创 2021-07-13 20:39:25 · 60 阅读 · 0 评论 -
2021-8-11 小米商城练习
文章目录小米商城导航条练习的时候写的废话 随便写的小米商城导航条1.后代选择器好像优先级高于类选择器写分隔线居中的时候脑子一抽 前面那个后代写了 然后怎么改那个分割线类都没办法垂直居中。。(and 我又把水平居中跟垂直居中弄混了).left-topbar li{ float: left;}/* 分割线 */.line{ width: 1px; height:13px; margin:13.5px 8px; background-color: #42原创 2021-08-11 21:56:10 · 178 阅读 · 0 评论 -
css 居中
文章目录水平居中垂直居中水平居中margin:0 auto;垂直居中行高等于容器高度line-height:40px;height:40px原创 2021-08-11 18:03:45 · 34 阅读 · 0 评论 -
2021-08-10 表单
表单按钮 input不能上图片,但是button可以重置是恢复默认值原创 2021-08-11 00:31:37 · 63 阅读 · 0 评论 -
2021-8-10 css表格
文章目录border-collapse 就是做那个普通的一条线的那种表格,去掉双线就算不写tbody浏览器也会自己创建一个tbody,所以,table的子元素时tbody,不是tr。不可以使用子代选择器选择(子代选择器只能用直接父元素选择直接子元素haha)用后代选择器就ok补充一个td的特殊用法td里面的元素只要设置vertical-align:middle就可以居中。像下面这样将元素设置成单元格之后,上面那个特殊用法就只对文字起效啦,别的元素就不起效了。还是用回老版的margin:au原创 2021-08-10 23:56:58 · 59 阅读 · 0 评论 -
2021/8/9 css背景
文章目录背景背景图片:设置背景图片位置背景背景图片:repeat就是平铺效果。平铺:沿着x(沿着y同理):norepeat就是不重复,就一张:设置背景图片位置原创 2021-08-09 23:51:18 · 40 阅读 · 0 评论 -
2021/8/8 京东导航条练习
冻结导航条使用原创 2021-08-09 15:50:18 · 75 阅读 · 0 评论 -
2021/8/6 css字体
字体格式非必要原创 2021-08-07 17:17:53 · 85 阅读 · 0 评论 -
2021-08-06 京东轮播图练习
这里写自定义目录标题background-clip 属性:border-box 背景管content+padding+borderpadding-box 背景颜色管content+padding content-box 背景只与content有关提前增加透明边框 在hover增加边框的时候其他的就不会变<style> .spots a{ float: left; height: 5px; width:原创 2021-08-06 23:09:47 · 47 阅读 · 0 评论 -
2021/8/5 css定位
这里写自定义目录标题定位相对定位定位绝对定位和浮动都脱离了标准文档流,但是相对定位并没有脱离相对定位相对定位是不脱离文档流的,所以可以看做是魂穿。原创 2021-08-06 17:00:21 · 52 阅读 · 0 评论 -
7/15 浮动
浮动基本概念浮动元素不再强制那个公式成立。我觉得浮动可以理解成是东西从底上浮到水面上,但是感觉好像又不太对。沉底的还是会占据一整排的位置(自动调margin-right),float的元素上不去。但是同是浮动元素的就可以并排。元素脱离文档流之后的特点:世界大同了,不再区分块元素跟行内元素,都变成一种:1.不再独占一行,后面元素都跟上(不强制约束公式相等)2.可以设置宽高了,如果不设置的话就是内容撑开的。W3C导航条练习获取焦点的时候颜色跟字体一起变,现在还不知道怎么用一个焦点让两个组件一原创 2021-07-15 23:22:40 · 54 阅读 · 0 评论 -
display属性
display:display:block——显示为块级元素。display:inline——显示为内联元素。display:inline-block——显示为内联块元素,表现为同行显示并可修改宽高内外边距等属性。inline-blockdisplay:float-flow——开启bfcdisplay:tabledisplay:table也不会被浮动元素覆盖,也能开启bfc 但是还是块 才能撑起整个框...原创 2021-07-20 22:56:04 · 113 阅读 · 0 评论