前端
独憩
这个作者很懒,什么都没留下…
展开
-
JS高级:Git
可以采用。原创 2022-12-03 00:59:23 · 882 阅读 · 0 评论 -
javascript包管理工具npm、pnpm、webpack
首先上述方法有一个痛点如果我电脑里面有很多个project,每个里面都用到了很多包,例如vue等等,有很多包是重复的但是按照上面的方法,需要每个project都去安装对应的包,这会造成浪费pnpm解决了这个问题硬链接和软链接首先说一下硬链接和软链接的关系硬链接是多个文件同时指向同一个硬盘数据,(不是拷贝)软链接是创造一个文件A,此文件放的是另外一个文件B的路径,B指向硬盘数据,最典型的是快捷方式那pnpm就是可以创建硬链接。原创 2022-11-30 22:13:33 · 1720 阅读 · 0 评论 -
Node.js开发、CommondJS 、ES-Module模块化设计
这里还会生成一个映射表 module map,放入js文件的地址和对应的 module record,在这个图中main.js引入的counter.js,如果别的文件也引入了counter.js,那么就可以在这个表中直接拿到 module record。如果js文件中也存在导入语句,那么跟第一步一样,先下载对应的js文件,创建模块记录,这里是会直接搜索文件的最开始部分有没有import语句,所以不能将其放入逻辑判断中。而require也是获取的对象的地址,所以两者指向的是同一个对象。原创 2022-11-17 19:53:58 · 1238 阅读 · 0 评论 -
JS网络请求
输出为{"method":"post","data":{"name":"why","age":"18"},"source":"urlencoded"}例如需要的是.gz,那么服务器就会将js文件打包为gz格式的文件发到客户端,这样的好处是能压缩文件大小,缩短传输时间。一般来说,发送一次请求,就会建立起一个tcp协议通道,在完成交互之后消除此通道,在下一次请求时,再建立tcp通道,但是建立通道是比较消耗资源的。一般来说 小于400是正确的,400-500是服务端的错误,大于500是服务器的错误。原创 2022-11-12 21:58:45 · 1696 阅读 · 0 评论 -
js高级:es6-es11第五天(模板字符串、Symbol、Set、Map、flat、entries、bigint、FinalizationRegistry、WeakRefs等)
利用``来创建字符串,使用${}插入第一个是普通的数组,放入被分割之后的字符串,后面的参数就是调用的字符串。原创 2022-10-14 22:31:06 · 659 阅读 · 0 评论 -
JavaScript高级,ES6 笔记 第四天(防抖、节流、深拷贝,事件总线)
应用场景:输入框,一般是等我输入完了才会去匹配。原创 2022-10-12 23:41:24 · 4064 阅读 · 1 评论 -
JavaScript高级,ES6 笔记 第三天(原型、原型对象、原型链、 constructor编辑等)
原因是 woman和man的.prototype都指向了同一个地址,既person,当我改变woman.prototype时,实际上也就把person改变了。这里创造了两个实例,对于sing都会创造一部分内存,然而sing内部的函数是一样的,我们希望两者指向的是同一个内存区域 ,即指向同一个function();例如数组的map方法,其实是写在Array.prototype.map(),但是因为有原型链的存在,所以普通的数组对象也可以使用这个方法。也就是构造函数的原型继承person对象,叫做。原创 2022-09-29 22:28:52 · 2108 阅读 · 0 评论 -
JavaScript高级,ES6 笔记 第二天(构造函数、实例成员和静态成员、内置构造函数)
new过程:1.生成一个空对象2.this指向这个空对象3.执行函数,改变this的值4.返回新对象。原创 2022-09-23 00:05:56 · 356 阅读 · 0 评论 -
JavaScript高级,ES6 笔记 第一天(垃圾回收、闭包、展开于运算符、箭头函数、解构、类等)
但是如果setTimeout里面的函数还是用function,那么this指向的是window,因为是window调用了setTimeout。如果想将子类的参数传到父类并调用父类的函数,需要使用super方法,主要就是可以将子类的参数传给父类。这样的好处是,a是函数内部的变量,外部不能直接修改这个值,只能通过f2得到,实现了数据私有。把所有的var声明的变量提升到当前作用域的最前面,但是只提升声明,不提升幅值。如果子类本身也有参数和函数,也可以声明super,但是需要注意的是,原创 2022-09-04 19:32:06 · 812 阅读 · 0 评论 -
ToDolist实现:JavaScript:jquery实现
先把代码放在这,有空再写分析。原创 2022-08-27 13:07:34 · 237 阅读 · 0 评论 -
JQuery:选择器
('')原创 2022-08-24 17:07:10 · 172 阅读 · 0 评论 -
JavaScript:原生js实现轮播图
思路是,我一开始给pic的最后再加一张图片,这个图片与第一张图片一模一样,在这个例子中,pic有五个图片,但是实际上有六个,因为我在最后再加了一个与第一张完全一样的图片:接下来的讲解中我将用数字代表这些图片为了完成轮播图的功能,我再设定一个变量flag,含义为当前的轮播图播放到哪一张图了以right按钮flag = 0;}})}})}})这里有一些判断语句:第一个if表示,当我已经到达最后一张(第二个1),让pic快速的,没有动画的移动到第一张的位置,这样就能实现无缝播放的功能。原创 2022-08-24 13:52:51 · 540 阅读 · 0 评论 -
JavaScript:client系列、立即执行函数、scroll系列
【代码】JavaScript:client系列、立即执行函数、scroll系列。原创 2022-08-22 23:23:36 · 216 阅读 · 0 评论 -
JavaScript:京东放大镜效果
值得注意的是,最后 右边大盒子的移动距离采用的是比例的计算方法,即。= 阴影区移动距离*大图片最大移动距离/阴影区最大移动距离。small是阴影区 biggr是右边的放大区。原创 2022-08-22 16:35:50 · 397 阅读 · 0 评论 -
JavaScript:元素拖拽案例
然后触发鼠标移动事件:计算出移动后的鼠标位置与xxori yyori差值,即移动的距离xadd yadd。具体为,鼠标按下时,得到鼠标此刻的坐标xxori yyori 以及这个登录框的位置坐标 offsettop offsetleft。然后是鼠标拖拽效果,这个地方的逻辑是,当鼠标按下时触发一个事件,这个事件里面包含了鼠标移动事件的引用,最后鼠标松开时移除鼠标移动的事件。想实现的效果是,点击上方的 “点击 弹出登录框”,弹出登录框,然后鼠标可以拖动这个登录框。最后,鼠标松开,移除鼠标移动事件。原创 2022-08-22 14:03:07 · 139 阅读 · 0 评论 -
JavaScript:BOM 页面加载事件
对于一般的script代码必须放在对应的html元素的下面,要先加载html元素再加载scipt事件才有意义。原创 2022-08-21 17:19:52 · 116 阅读 · 0 评论 -
JavaScript:相关事件操作
利用e,target,e是写在事件函数中的形参,是可以自己取名的可以得到事件触发的对象是谁一般的运用场景是,当有多个子元素时,只需要给父元素指定事件触发,再通过e.target获取事件对象就好。原创 2022-08-21 15:55:46 · 122 阅读 · 0 评论 -
JavaScipt:节点操作
//第一个子节点//最后一个子节点原创 2022-08-19 15:12:39 · 153 阅读 · 0 评论 -
HTML CSS案例:旋转动画
代码】HTML CSS案例:旋转动画。原创 2022-08-18 19:34:21 · 871 阅读 · 0 评论 -
JavaScript:元素获取
代码】JavaScript:元素获取。原创 2022-08-18 15:13:46 · 560 阅读 · 0 评论 -
JavaScipt:字符串相关操作
当你声明一个字符串时,系统会选定一部分内存为这个字符串。现在内存中有两块字符串内存,一块是qwqwq,一块是oabcoefoxyozzoppaaaaaaaaaa,由于字符串发生了改变,所以后者是垃圾内存,没有作用了。这部分和数组一样。...原创 2022-08-17 17:46:48 · 150 阅读 · 0 评论 -
JavaScript:数组
代码】JavaScript:数组。原创 2022-08-17 16:01:47 · 72 阅读 · 0 评论 -
JavaScipt:Data对象
注意 :第二种写法,月份会自动减1。原创 2022-08-17 13:00:37 · 97 阅读 · 0 评论 -
JavaScript:对象,构造函数
里面包含了一些对象或是方法或者。原创 2022-08-16 23:31:45 · 147 阅读 · 0 评论 -
JavaScript:预解析
1. 我们js引擎运行js 分为两步: 预解析 代码执行(1). 预解析 js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面(2). 代码执行 按照代码书写的顺序从上往下执行2. 预解析分为 变量预解析(变量提升) 和 函数预解析(函数提升)(1) 变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作(2) 函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数。...原创 2022-08-16 21:49:02 · 159 阅读 · 0 评论 -
JavaScript:arguments
代码】JavaScript:arguments。原创 2022-08-16 21:37:43 · 199 阅读 · 0 评论 -
JavaScript:入门基础与变量类型
var age;原创 2022-08-15 15:34:08 · 76 阅读 · 0 评论 -
CSS3:3D转换及transform-style
要添加3D效果,要给数字表示透视距离,越小透视越明显。原创 2022-08-14 17:02:42 · 152 阅读 · 0 评论 -
CSS3:动画animation
先在style定义动画的名字及序列再在css中调用,一般来说最少需要两个语句:一个是对应的动画名字,一个是持续时间:常见属性: 简写: 案例,波纹效果: steps()指的是几步完成动画 ,写了就不用写linear或者ease了...原创 2022-08-14 14:17:49 · 250 阅读 · 0 评论 -
CSS3:2D转换transform之旋转与缩放
正的为顺时针 负的为逆时针 单位是度数也可以定义旋转中心:可以简单定义到左上角等,也可以写具体的像素大小。原创 2022-08-12 15:54:22 · 454 阅读 · 0 评论 -
CSS3:2D转换之translate移动及盒子垂直水平居中
表示x方向移动1000px,y方向移动100px。原创 2022-08-12 14:59:12 · 230 阅读 · 0 评论 -
CSS3:过渡transition
对于改变形式的元素,可以设置transition来产生过渡效果。当鼠标放上去,会马上增加阴影,但是会缓慢变宽。原创 2022-08-11 18:15:17 · 230 阅读 · 0 评论 -
CSS3:图片模糊
用到 filter:blur() 属性,里面数字越大,图片约模糊。原创 2022-08-11 17:47:50 · 197 阅读 · 0 评论 -
CSS3新特征
注:权重都是0010。原创 2022-08-11 16:39:11 · 54 阅读 · 0 评论 -
HTML5新增标签
代码】HTML5新增标签。原创 2022-08-11 14:42:48 · 60 阅读 · 0 评论 -
京东CSS初始化
代码】京东CSS初始化。原创 2022-08-10 22:23:21 · 184 阅读 · 2 评论 -
CSS3基础:布局技巧margin=-1 & 非等腰直角三角形
这是因为,由于margin对于-1的原因,每个方框的右边界都被右边的盒子盖住了,解决方法有两种:如果盒子没有增加定位:增加相对定位可以盖住下面的元素如果盒子增加的定位:增加定位的层级。...原创 2022-08-10 21:16:50 · 366 阅读 · 0 评论 -
CSS3基础:文本超出部分省略号代替
代码】CSS3基础:文本超出部分省略号代替。原创 2022-08-10 19:51:28 · 116 阅读 · 0 评论 -
CSS3基础:三角形的构造与鼠标样式的修改
其实很简单,定义一个大小为0的盒子,然后给它加大小不为0的边界就好了。原创 2022-08-08 23:21:48 · 80 阅读 · 0 评论 -
CSS3基础:字体图标icon的使用
解压之后将font文件夹放入html文件的根目录里面。点右上角iconmoon app。原创 2022-08-08 22:28:49 · 503 阅读 · 0 评论