随笔分类 -  web 前端基础

window.isNaN 和 Number.isNaN 对比
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 阅读全文
posted @ 2024-01-26 10:36 万物有序 阅读(106) 评论(0) 推荐(0)
前端常用命令大全
摘要： 阅读全文
posted @ 2023-10-29 05:18 万物有序 阅读(39) 评论(0) 推荐(0)
js 中的面向对象
摘要：js 是一门面向对象的语言，这是因为在 js 中对象涵盖了全部内容，window 是对象，html、div 等 dom 元素也是对象，在 jquery 中有一个 class2type 对象，这个对象把 number、string、symbol 也归类为对象，这是因为这些简单数据类型在运算的时候也会首 阅读全文
posted @ 2023-10-13 08:14 万物有序 阅读(44) 评论(0) 推荐(0)
js worker 使用
摘要：在 IIS 服务器上测试下 Worker，顺便测试字符与 base64 之间的转换。 index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" 阅读全文
posted @ 2023-08-21 23:59 万物有序 阅读(245) 评论(0) 推荐(0)
js cookie 使用
摘要：1 function setCookie(key, value, expires = 1) { 2 var days = expires; 3 var exp = new Date(); 4 exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000 阅读全文
posted @ 2023-08-10 11:49 万物有序 阅读(113) 评论(0) 推荐(0)
js 实现一个 repeat
摘要：1 function _repeat(str, num) { 2 if ( 3 typeof str !== "string" || 4 typeof num !== "number" || 5 num.toString().includes(".") || 6 num < 0 7 ) 8 thro 阅读全文
posted @ 2023-07-07 18:50 万物有序 阅读(30) 评论(0) 推荐(0)
正则表达式基本使用
摘要：匹配单词边界与非单词边界 在正则表达式中，由数字、字母、下划线组成的连续序列表示一个单词，用\w表示，\w的边界用\b表示；那么，其余的非边界用\B表示。例如，“a_1”表示一个单词，左右两侧是两个\b，中间衔接处是两个\B；“2023-3-5”表示三个单词，则匹配六个\b和三个\B。 小分组引用 阅读全文
posted @ 2023-03-15 11:27 万物有序 阅读(86) 评论(0) 推荐(0)
canvas基本概念
摘要：基本概念 1.路径 canvas的路径存放在路径列表里，在调用绘制命令的时候依次绘制。 2.beginPath beginPath表示一段路径的开始，在使用beginPath以后，重新开始填充路径队列。 3.closePath closePath表示闭合一段路径，闭合的节点是上一个moveTo的位置 阅读全文
posted @ 2023-03-14 14:22 万物有序 阅读(68) 评论(0) 推荐(0)
web 前端零散知识
摘要：css 禁止选中 1 * { 2 -moz-user-select: none; 3 -webkit-user-select: none; 4 -ms-user-select: none; 5 -khtml-user-select: none; 6 -o-user-select: none; 7 u 阅读全文
posted @ 2022-11-23 18:54 万物有序 阅读(41) 评论(0) 推荐(0)
web 前端 video
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewp 阅读全文
posted @ 2022-11-19 19:05 万物有序 阅读(272) 评论(0) 推荐(0)
css grid 布局与拖动
摘要：一、容器与项目 容器是一个 BFC，容器的内部不会影响到容器的外部 容器可以划分网格，并规范项目的集体行为 单个项目有自己的行为，可以占用一个网格，或不占满，或占用多个网格，或溢出等 项目不允许 float，可以 position，这个和文档流有关 二、容器属性 定义一个容器 1 display: 阅读全文
posted @ 2022-11-18 00:06 万物有序 阅读(333) 评论(0) 推荐(0)
es6-module
摘要：es6提供了module，以此支持web端app的模块化建设，但是这个module只能在服务器生效，下面是一个完整的测试。 plugin.js 1 export default function a() { 2 return "通过default暴露的内容"; 3 } 4 5 export func 阅读全文
posted @ 2022-11-17 01:22 万物有序 阅读(20) 评论(0) 推荐(0)
手动实现 Promise
摘要：实现： 1 ((root, factory) => { 2 if (typeof exports "object") { 3 module.exports = factory(); 4 } else { 5 root.MyPromise = factory(); 6 } 7 })(this, fun 阅读全文
posted @ 2022-10-22 15:40 万物有序 阅读(95) 评论(0) 推荐(1)
为自己的博客添加一点效果
摘要：博客园为我们提供了主题，还可以申请 js 权限，这无疑令人激动；下面是一段效果，不到 100 行，放在“页脚 HTML”里就能直接使用！ 1 <style> 2 body { 3 overflow-x: hidden; 4 } 5 .life-motto { 6 position: absolute 阅读全文
posted @ 2022-10-21 06:41 万物有序 阅读(78) 评论(0) 推荐(0)
手动实现call、apply、bind
摘要：先写一个骨架 1 Object.assign(Function.prototype, { 2 myCall, 3 myApply, 4 myBind, 5 }); 6 7 function myCall(_this, ...arg) {} 8 9 function myApply(_this, ar 阅读全文
posted @ 2022-10-20 08:29 万物有序 阅读(81) 评论(0) 推荐(0)