- 博客(19)
- 收藏
- 关注
RSS订阅原创 关于组合键的坑
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2023-08-30 19:26:12
199
原创 css中的vw/vh与%
首先来说说vw/vh,将浏览器的宽高等分为100，浏览器视口的宽高单位。也就是说能智能的计算，包括外接显示器。可以实现元素的自适应宽高：随着浏览器视口变化而变化。的宽高作为100%。例如width:50%;height:50%;就是将父级元素宽度的50%设置为自己的宽度，将父级元素高度的50%设置为自己的高度。最后，希望自己的总结能让各位看官少走弯路吧！vw：若盒子的宽度设置为100vw,也就是浏览器视口宽度。其他博主讲这个的多，但是我觉得没有。
2022-11-02 20:25:34
1246
原创 absolute与reactive的区别
这个在网上一搜一大把，本来是不想写的，但是在练demode时候忘记了一些细节，所以决定记录一下：从定位依照来说：absolute是根据第一个非static定位的父元素来定位，若无，则根据视图窗口进行定位。reactive则是根据自身位置进行定位。从是否保留原位置来说：absolute是不保留原位置的，会改变后续元素的布局，也就是脱离标准流。reactive则是保留原位置。他们都由一个共同点——在定位后，若目标位置有标准元素，则会遮挡住标准元素。...
2022-05-26 18:43:23
390
原创 Vue中watch和computed的区别
之前很萌，觉得这两个东西都可以用来检测数据的变化，但实际上差别还是很大的：例如，computed更倾向于一个人数据依赖其他数据的变化，并且有缓存能力,计算属性的函数不接受参数；而watch倾向于检测一个数据的变化，主要用于输入框，文本域，并且可以深度监听，并且watch是需要销毁的，否则容易导致内存溢出，只不过常见的监听都存在与组件中，而组件的生命周期包含销毁函数。watch:{ 变量1：{ handler(){}， immediate：true/false, //是否立即检测 dee
2022-02-13 15:14:12
557
原创 透视的3D效果旋转
关于3D旋转这回事今天一朋友问，3D的旋转效果怎么做：我想说用rotate啊，但还是按照习惯先做了一遍，但是效果不理想…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="
2022-01-23 19:03:18
441
原创 服务端返回req报错: Converting circular structure to JSON--＞ starting at object with construct ‘Socket‘
TypeError: Converting circular structure to JSON–> starting at object with constructor ‘Socket’| property ‘parser’ -> object with constructor ‘HTTPParser’— property ‘socket’ closes the circle#在使用express搭建一个简易服务器时，测试接口发现get能过，并且能成功返回req.params
2022-01-04 12:11:13
16755
3
原创 继承方式之原型链继承
继承方式之原型链继承：今天实践了一下原型链继承，与之前也是有了更深一点的理解和体会吧。顺便写点东西，加深一下印象，有哪里说得不对的，请大家评论留言，本人一定洗耳恭听，虚心学习。原型链继承，顾名思义，就是将一个类（父类）的实例赋值给另一个类（子类）的原型对象。这样的话子类的实例便能够调用到父类的属性和方法。Javascript高级程序设计167页上写到：这个例子中的 SuperType 构造函数定义了一个 colors 属性，该属性包含一个数组（引用类型值）。SuperType 的每个实例都会有各
2021-12-27 18:29:09
657
原创 非负整数的正则表达式匹配
今天刚需求，本来都做完了，组长审核说，匹配的时候用正则表达式吧，便于维护…好吧。冲！，也正好复习一下正则。要求匹配非负整数：例如0,1,2 ,3…位数不限。这好办：let exp = /^[0-9]+$/;[0-9]表示匹配0-9，+表示匹配至少一次。但是，有缺陷，例如01,02，匹配也为true,继续优化！0开头只有0,所以剥离出来：let exp = /^[1-9][0-9]*|0$/;*表示匹配0次及以上，|表示或者，弥补0开头后接数字缺点；不过还是不够完善，因为010的话，还是能够匹配
2021-12-24 11:34:09
5208
2
原创 xss攻击反面教材
xss攻击反面教材蚌埠住了，今天看了下xss攻击，就手痒想试试，结果出问题了；基本情况就是：利用一个input和button模拟用户输入，利用一个div模拟评论区，打算在输入框里输入js,预期结果是往评论区里植入一个div;结果代码放在script里可以跑，放在输入框里就跑不起来，各位大佬给我看看，就当练习吧。废话不多说，上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UT
2021-12-16 17:25:38
246
原创 js动画animation的属性及效果
彻底弄懂animation属性效果一般来说给一个元素加上animation,加在他的css上就好，常用的动画属性有：animation-name:test动画名称，唯一标识，与@keyframes相对接，必选属性；animation-duration:5s动画的单次生效时间,不包含animation-delay在内，必选示例：animation-interation-count:2, animation-delay:5s, animation-duration:10sanima
2021-12-11 16:57:12
4391
原创 &&与&的区别：按位与，逻辑与
&&与&的区别：按位与，逻辑与这里举两个例子：5&&7,5&7按位与，又被称为短路与当A为真时，A&&B结果为B当A为假时,（0，undefined,null）,无论B结果为何，A&&B的结果均为A(类似于短路效果)2. 逻辑与：逻辑与的话就是将运算符两端的二进制化，进行逻辑运算；（这里我一开始理解成：二进制话后，逐位逻辑运算，这不就是按位与的字面意思吗？把自己给蠢哭来555）例如：5&7，5二进
2021-11-24 16:21:09
327
原创 【解决SyntaxError: Cannot use import statement outside a module问题】
解决SyntaxError: Cannot use import statement outside a module问题本来是想在node环境下测试Blob,Formate的，在导入相关js文件后，出现 Cannot use import statement outside a module错误，这里提供如下参考来解决问题：使用commonJS语法绕过import,let Blob = require('blob-polyfill/Blob');能解决目前导入文件失败问题，但是意味着以后都不
2021-11-16 18:05:43
40259
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人