简单了解下 IntersectionObserver的rootMargin! 看到蛮多写IntersectionObserver的博客的,但是感觉里面关键部分都介绍的模棱两可,所以我来简单说说这个。至于什么是IntersectionObserver,官网上有,我就不去一一阐述了,下面说最关键的点和使用场景!
有趣且重要的JS知识合集(23)原生实现列表的拖拽 介绍:这个场景还是很常见的,一般用于列表拖拽排序的地方,虽然现在有例如draggable之类的插件,不过用原生来写也还是不难~重要的几个点就是监听拖拽时触发的dragstart、dragenter、dragend等事件。
有趣且重要的JS知识合集(21)浏览器内置对象讲解之Dom篇 新增或设置DOM的属性值:setAttribute()获取DOM的属性值:getAttibute()移除DOM的属性值(自定义和非自定义都可以移除):removeAttibute()dateset:自定义属性写法规范:以用data-开头,方便识别哪些是自定义的属性方法:元素.dataset它是一个对象,可以获取所有以data-开头的自定义的属性获取单个属性,用元素.dataset.属性名设置元素属性,元素.dataset.属性名 = 数据。
【vue】模板写法中用纯css实现左右拖拽效果 【vue】模板写法中用纯css实现左右拖拽效果resize-bar 这个类 overflow设置为scroll,并且左侧内容区宽度和滚动条dom宽度一致,以此来实现拖动控制宽度。因为不设置的话,主动调用折叠收缩将直接将另一侧宽度设置为0,那将无法将被折叠的dom再次拖拽了,当然此值可以根据你想要的来设置。因为不设置实际像素值的话,那拖拽滚动条的位置 只能在dom偏上方,而不能实现在滚动条任意位置拖拽。
有趣且重要的css知识合集(8)知道子元素,如何修改父元素样式? 将一个或多个样式规则生成在样式文件根层级上,而不是嵌套在其父选择器中,意思是 在sass/scss文件中,还是以前嵌套写法,但最后生成css样式文件时,会将@at-root 后面的样式 提到最高层级去。其实has内部可以根据你自己的需求来定义,它本身是伪类,当然可以和 :is, :not其他伪类一起搭配使用。父元素类型是div,然后它的直接子节点是 child,那么就修改它的样式为display: block;在日常开发中,我们知道子元素样式名,但是想修改父元素的样式,怎么办呢?
docker 使用运行指令讲解 1、新建运行并挂载容器1、新建运行并挂载容器option作用-i以交互模式运行容器,通常与 -t 同时使用-t启动容器后,为容器分配一个命令行,通常与 -i 同时使用-v目录映射,容器目录挂载到宿主机目录,格式: :-d守护进程,后台运行该容器-p指定端口映射,格式:主机(宿主)端口:容器端口-P随机端口映射,容器内部端口随机映射到主机的端口容器名字设置容器使用内存最大值指定容器的 host name指定容器 dns 服务器设置环境变量。
npm install 相关过程及分析 1、install 完整流程1、install 完整流程1.1、根据 .npmrc 进行安装前环境配置注意:镜像源就是在这个文件中配置的~/.npmrc/etc/npmrc1.2、检查有无 lock.json文件注意:npm/pnpm 检查的是 package-lock.json,yarn检查的是 yarn.lock,cnpm没有对应的lock文件,所以不会进行对比检查。
有趣且重要的Git知识合集(12)Your configuration specifies to merge with the ref “xxx“ 或者其实你也可以不必去管它,切换到其他分支操作即可,如果你已经在此分支上开发了,那就git stash先保存到缓存中,等切换后再pop出来进行操作。出现此问题就是远程分支被删除了,但是你本地分支还在,解决方法就是和远程仓库进行同步,
手把手实现简易版vue(二)组件类解析 所以组件类的大体逻辑出来了,通过构造器将data,watch等这些传进去,然后mount到dom后,逻辑层和视图层就有了关联,逻辑层中数据以data中的为主,在dom中有关于data中的数据,都会被加入对应的收集器中(依赖收集),当data有数据更改,会将收集器中的依赖进行统一更新(依赖更新),至此MVVM框架的核心也就出来了,当然至于Proxy和模板如何转换的,那我将在下一篇博客中讲解~监听引用类型和基本类型,但写法都是一致的,和vue2不同的是并没有对对象内部单个值进行监听。
手把手实现简易版vue(一)LveJs 看过一些vue2和3的源码,然后寻思着想自己实现一个简易版的vue,,不过还有蛮多问题没有克服,比如v-for,这部分在vue里面是将模板等编译成ast,然后再进行转换,我目前还没有实现它。