随笔分类 - web前端
存储web前端的知识
摘要:基础概念 CSS 属性选择器 通过已经存在的属性名或属性值匹配元素。 语法 [attr] 表示带有以attr命名的属性元素 [attr=value]表示带有以attr命名的属性,且属性值为value的元素 [attr~=value]表示带有以attr命名的属性的元素,并且概述是一个以空格作为分割的致
阅读全文
摘要:完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" co
阅读全文
摘要:简单介绍 目前 Angular 2 到現在 Angular 11 都是十分穩定的改版,不再出現之前 Angular 1.x 到 Angular 2.x 的哀鴻遍野。 因此目前市面上確實同時存在著兩種差異較大的 Angular 版本,為了區分兩者的差異,在名稱上就出現了差別,1.x 的版本稱為 Ang
阅读全文
摘要:释义 展开运算符,将一个数组转为用逗号分隔的参数序列 合并数组 let a = [1,2,3]; let b = [4,5,6]; let c = [...a,...b]; // [1,2,3,4,5,6] 替代apply function f(a,b,c){ console.log(a,b,c)
阅读全文
摘要:this.ws.onmessage = async (msg) => { console.log('从服务端获取到了数据') // 从真正服务端发送过来的原始数据时在msg中的data字段 console.log(msg.data) // 获取Blob的值 const text = await (n
阅读全文
摘要:错误代码展示 解决方案 将e声明为any类型,如下所示: // 修改蛇的X和Y值 try { this.snake.X = X; this.snake.Y = Y; }catch(e:any){ // 进入到catch,说明出现了异常,游戏结束,弹出一个提示信息 alert(e.message);
阅读全文
摘要:报错截图 解决方案 在结尾添加叹号 // 获取页面中food的元素并将其赋值给element this.element = document.getElementById('food')!;
阅读全文
摘要:使用如下代码: background-color="#00000000"
阅读全文
摘要:在tsconfg.json文件中添加如下选项 "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */
阅读全文
摘要:获取页面宽度和高度 let screenWidth = document.body.clientWidth; let screenHeight = document.documentElement.clientHeight;
阅读全文
摘要:概念 A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 释义: 回调函数是作为参数传递
阅读全文
摘要:#label for属性 定义和用法 for 属性规定 label 与哪个表单元素绑定。 <span> <label for="username">用户账号</label> <input type="text" id="username" placeholder="用户账号" > </span> i
阅读全文
摘要:为什么使用图标字体库: 在做ui设计的工作中,因为程序员的要求,所以接触到字体库。这里的字体库是指把一个项目要用到的图标做成svg格式,然后借助网站生成像字体一样可以直接改变大小和颜色的文件包。(ps: svg格式是矢量图,所以显示更清晰,但存在浏览器适配问题,png图片可能会糊,占存大) 因为字体
阅读全文
摘要:(function f1() { var num = 10; window.num = num;})(); console.log(num);
阅读全文
摘要:经检查,是由浏览器中的插件导致的报错。 解决方案: 将该插件移除或关闭
阅读全文
摘要:中文文档:https://www.bootcss.com/ 使用方式: 1.选择对应的文档: 2.网站会自动跳转,一般选择Bootstrap3中文文档: 3.点击入门,下拉找到基础模板,复制代码到页面中: 4.关于组件于javascript插件的区别: 组件都是静态页面(个人理解,如有错误请指正),
阅读全文
摘要:方法一: 使用插件:JS & CSS Minifier (Minify) 使用方法: 效果: 或者按下F1,输入命令:Minify:Document
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要:选择器语法规则如下所示: 选择器 用法 id选择器 #myid 类选择器 .myclassname 标签选择器 div,h1,p 相邻选择器 h1+p 子选择器 ul > li 后代选择器 li a 通配符选择器 * 属性选择器 a[rel="external"] 伪类选择器 a:hover, li
阅读全文
摘要:git init //初始化git仓库 git add . //添加所有文件到git暂存区 git add README.md(如果项目中没有这个文件,会在后面几个操作中报错,解决方法是通过命令合并:git pull --rebase origin master) git commit -m "fi
阅读全文