- 博客(17)
- 收藏
- 关注
RSS订阅原创 数组，对象转换成字符串
如果传递的是数组或对象，则使用 toString( 方法将其转换为字符串类型。1.toString0方法: 该方法可以将一个对象转换为字符串类型该方法在所有的 JavaScript 对象上都是可用的，并且可以被重写以返回自定义的字符串表示形式。这个方法是静态的，直接通过String调用，可以说是完美，只是平时不习惯这样写而已，这样的实现避免了前面两个的不足和缺点。toString：返回有数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串，为了创建这个字符串会调用数组每一项的toString（）方法；
2024-01-22 09:07:07
2014
原创 webpack初始化与基本配置
文件夹，然后在阿里巴巴矢量图标库中下载图标（这里使用 Font class 的使用方式），将下载的字体文件放到。webpack 的打包环境，需要打包的文件等，这 样每次打包都要输入很长的命令，非常麻烦。，所以就需要在原有的基础上 新增一个 webpack 的配置文件，在项目根目录新增一个。main.js 文件（这是 默认行为，可以指定打包后的位置和文件名称），所以还需要在。webpack，然后传入需要打包的文件就可以了。webpack 的执行依赖， 能够命令式的执行。
2023-12-25 00:04:00
928
原创 Node.js中鉴权问题
Token是一个用于表示用户身份或权限的字符串。它通常由服务器生成，并在用户登录成功之后返回给客户端。客户端将Token存储在本地，然后在每次请求API时将Token发送给服务器进行身份验证。在Node.js中，鉴权令牌是一种重要的验证用户身份的机制。通过学习鉴权令牌的生成、解析和验证，我们可以更好地控制用户的访问权限，并保护系统的安全性。了解Token的生成和验证过程，学会使用合适的库来处理Token，以及采取措施确保Token的安全性，对于构建安全可靠的Node.js应用程序至关重要。
2023-12-17 22:06:35
405
1
原创 学生管理系统数据驱动实现
通过这个案例，利用原生JavaScript的DOM操作能力，动态创建和更新页面元素，以展示学生信息和交互界面。实现对学生信息的获取、添加、删除和更新等操作。我充分利用了事件监听和处理机制，使得页面元素和用户操作能够精准地响应和更新数据。通过JavaScript的数据驱动思想，及时地根据数据的变化来更新页面上的内容，保证了页面与数据的同步性。
2023-12-10 19:21:53
322
1
原创 js的六种继承方式
通俗的理解，子女会继承父母的一些体态样貌特征，拥有一些与原型相同的属性就是继承，JS中的继承就是让子类对象拥有其父类对象的属性和方法。
2023-11-20 00:11:10
37
1
原创 图片瀑布流
首先我们先通过计算一行能够容纳几列元素，然后在通过计算比较找出这一列元素中高度之和最小一列，然后将下一行的第一个元素添加至高度之和最小的这一列的下面，然后继续计算所有列中高度之和最小的那一列，然后继续将新元素添加至高度之和最小的那一列后面，直至所有元素添加完毕。采用瀑布流布局的方式可以打破常规网站布局排版，给用户眼前一亮的新鲜感，用户在浏览内容时会感到很有新鲜感，带来良好的视觉体验。当用户在浏览瀑布流式布局的时候，用户会产生一种错觉，就是信息是不停的在更新的，这会激发用户的好奇心，使用户不停的往下滑动。
2023-11-19 22:38:22
20
原创 图片懒加载
传统的图片加载方式是在网页的 HTML 代码中使用 标签引用图片，当浏览器解析到这个标签时，就会开始下载图片。当用户滚动页面时，JavaScript 会检测图片是否在可视区域内，如果在，则将 URL 赋值给 标签的 src 属性，浏览器就会开始下载图片。图片懒加载是对于一个很长的页面，优先加载可视区域的内容，其他部分等进入可视区域时再加载。相对于传统的图片加载方式，懒加载可以减少初始页面的加载时间，提高网站的响应速度。使用 IntersectionObserver API。
2023-10-30 20:24:12
45
1
原创 js中this的作用
this 是 JavaScript 中的关键字，在常见的面向对象语言中都有 this 的身影，相较下 JavaScript 中的 this 比较特殊，特殊在它会在执行期间动态改变指向。this 一般定义在函数中，如果按英文解释，很容易产生误解，this 既不指向函数自身，也不指向函数的词法作用域。它在运行时进行绑定，它指向什么完全取决于函数在哪里被调用。调用函数时，将创建一个执行环境，this 在运行时根据函数的执行环境绑定。它允许函数在内部引用上下文中的执行变量，使函数编程更加优雅和简洁。
2023-10-06 20:53:44
134
1
原创 常用正则表达式集合
一、校验数字的表达式1. 数字：^[0-9]*$2. n位的数字：^\d{n}$3. 至少n位的数字：^\d{n,}$4. m-n位的数字：^\d{m,n}$5. 零和非零开头的数字：^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?7. 带1-2位小数的正数或负数：^(\-)?8. 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?9. 有两位小数的正实数：^[0-9]+(.[0-9]{2})?
2023-10-06 19:59:51
96
1
原创 贝塞尔曲线
贝塞尔曲线是一种运动轨迹曲线，由 n 个点在 n 条线段上匀速运动（不同线段上的速度可能不同），同时开始，同时结束，生成的轨迹曲线。在分析和理解二次贝塞尔曲线之后，三次贝塞尔曲线的求解就很简单了：四个控制点依次连成三条线（首尾不相连），在三条线上做线性插值得到三个点，这个三个点又可以依次连成两条线，再在这两条线上利用同一个 t 做线性插值，得到两个新的点，再利用这个 t 在两个新点连成的线上做插值，得到最终的三次贝塞尔曲线上的点。通过调整两个控制点的位置，三次贝塞尔曲线可以实现比二次更复杂的曲线。
2023-09-19 11:30:11
411
原创 垃圾回收器
只要像这样动态地分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript的解释器将会消耗完系统中所有可用的内存，造成系统崩溃。标记整理算法的标记阶段与标记清除算法相同，都是从根节点遍历内存中的所有对象，为可达的对象打上一个标记。这是因为清理掉垃圾之后，未被清除的对象内存位置是不变的，而被清除掉的内存穿插在未被清除的对象中，导致了内存碎片化。标记清除法分为标记和清除两个阶段，标记阶段需要从根节点遍历内存中的所有对象，并为可达的对象做上标记，清除阶段则把没有标记的对象（非可达对象）销毁。
2023-09-19 10:05:24
19
原创 js精度缺失问题
JavaScript采用的是双精度浮点数表示法，也称为IEEE 754标准，采用64位浮点数表示法，能够表示的最大值为1.7976931348623157e+308，最小值为5e-324，但在进行小数的计算过程中，浮点数的二进制表示往往无法精确表示，就会产生精度的丢失。那么，为什么会出现这样的情况？但是对于一个浮点数来说，因为小数点的存在，小数点的位置不是固定的。总而言之，小数点精度丢失的问题是由于JavaScript使用的浮点数表示法的特性所致，需要在开发中注意，并考虑使用其他方法或工具来解决精度问题。
2023-09-19 00:10:26
152
原创 双飞翼布局
主要的不同之处就是在解决中间部分被挡住的问题时，采取的解决办法不一样，圣杯布局是在父元素上设置了padding-left和padding-right，在给左右两边的内容设置position为relative，通过左移和右移来使得左右两边的内容得以很好的展现，而双飞翼则是在center这个div中再加了一个div来放置内容，在给这个新的div设置margin-left和margin-right。双飞翼布局的关键点 margin-left 取值为百分比时，是以其父元素的宽度为基准的。
2023-09-02 16:32:42
57
原创 marquee(文字滚动)标签
marquee标签是HTML标签中创建文字滚动的标签。marquee标签包含有多种属性，用于设置文字滚动时的样式。
2023-08-18 16:02:06
1633
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人