- 博客(28)
- 收藏
- 关注
RSS订阅
1原创 【CSS布局】左边宽度固定右边宽度自适应
布局<div id="root"> <div class="left"></div> <div class="right"></div></div>1. float浮动<!-- 样式 --><style> #root { width: 800px; height: 500px; background-color: #ccc;
2022-05-21 11:08:26
155
原创 前端调试工具
浏览器开发者工具css Lint：不仅可以用来验证代码，还可以用来选择要检测的错误和警告JSON格式化和校验工具PostMan：用于调试请求和响应sentryBrowserStack：帮助模拟用户遇到错误时的准确环境JSHint：检测JS代码中的错误和潜在问题的静态代码分析工具...
2022-04-21 11:46:08
785
原创 _proto_与prototype与原型链
首先介绍一下_proto_和prototype_proto_是每个对象都有的属性，也叫隐式属性，它指向构造该对象的构造函数原型prototype是方法（特殊对象）特有的属性，它指向原型对象原型对象具有属性constructor，指向构造函数...
2022-04-18 16:09:45
61
原创 2022前端春招——CVTE笔试编程题
第一题：将十进制表示的rgba字符串转为十六进制表示的字符串，透明度直接用字符串表示即可。例：输入：rgba(125,125,125,0.4)输出：["#ffffff", “0.4”]<script> // 将十进制的rgba表示转为16进制 let str = "rgba(125,25,255,0.4)"; let rgba = str.match(/^rgba\((\d*),(\d*),(\d*),(.*)\)$/);
2022-03-08 20:57:09
5475
原创 如何实现浏览器内多个标签页之间的通信
浏览器内多个标签页之间通信，通俗的讲就是浏览器中开了多个窗口，在其中一个窗口做了一些行为等其他窗口不用刷新也能有相关表现。cookie+setInterval方式要想在多个窗口中通信，通信的内容一定不能放在window对象中，因为window是当前窗口的作用域，里面的内容只属于当前窗口。而cookie是浏览器的本地存储机制，和窗口无关。将要发送的信息写入cookie： var msg = documet.querySelector('#msg'); if(msg.value.trim()
2022-02-12 20:15:02
4057
原创 npm安装及相关配置步骤
一、下载安装官网：https://nodejs.org/en/download/根据电脑配置选择合适的版本我的安装路径是：D:\Program Files\nodejs检验是否安装成功：打开命令行，输入npm -v，显示版本号则安装成功二、全局路径和cache路径配置在nodejs目录下创建两个文件夹 node_global 和 node_cache在命令行分别输入一下命令npm config set prefix "D:\Program Files\nodejs\node_global"
2022-01-22 16:57:51
3113
原创 Label的作用是什么，是怎么用的？
作用用来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上用法1）<label for = "Name">Number:</label><input type="text" name = "Name" id="Name"/>2）<label>Data:<input type="text" name="8" /></label>...
2022-01-21 09:33:03
556
原创 iframe有哪些优缺点
定义iframe标签规定一个内联框架，一个内联框架被用来在当前HTML文档中嵌入另一个文档优点iframe能够原封不动的把嵌入的网页展现出来如果有多个网页引用iframe，那么只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷网页如果为了统一风格，头部和版面都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用性如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以有iframe来解决缺点1）阻碍主页面的onload事件2.
2022-01-16 11:26:46
797
原创 data-属性的作用
data-属性用于存储私有的自定义数据，data-属性可以让我们在所有的html元素上增加自定义data属性，存储的data属性能被JavaScript调用。data-属性不应该包含任何大写字母，并且在data-后必须最少拥有一个字符，属性值可以是任意字符串...
2022-01-15 12:11:56
333
原创 超链接target属性的取值和作用
属性取值1）_blank：在新浏览器窗口中打开链接文件2）_parent：将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件3）_self：在同一框架或窗口中打开所链接的文档。默认值4）_top：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架作用指定所链接的页面在浏览器窗口中的打开方式...
2022-01-15 11:58:57
1769
原创 HTML全局属性(global attribute)有哪些
accesskey：设置快捷键，提供快速访问元素功能class：为元素设置类标识，多个类名用空格分开，css和js可通过class属性获取元素contenteditable：指定元素内容是否可编辑contextmenu：自定义鼠标右键弹出菜单内容data-*：为元素增加自定义属性dir：设置元素文本方向（ltr从左到右，rtl从右到左，auto由用户代理决定方向）draggable：设置元素是否可拖拽dropzone：设置元素拖放类型：copy，move，linkhidden：布尔属性，表.
2022-01-15 11:51:19
278
原创 说说你对SVG理解
定义SVG 可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG严格遵循XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。特点SVG是基于XML，由W3C制定的一种二维矢量图形格式，任意缩放不失真；因为文件小，下载比jpg和gif快；文本独立，即便用户没有下载该文字，也不影响效果；超强边缘显示，适用各种屏幕分辨率和打印分辨率；超强颜色控制，提供有一个1600.
2022-01-15 11:32:14
124
原创 link和@import的区别
link和@import都是外部引用css的方式，推荐使用link标签，这样可以避免考虑@import的语法规则和注意事项，避免昌盛资源文件下载顺序混乱和http请求过多的烦恼link语法结构<link href=“CSSurl路径” rel=“stylesheet” type=“text/css” />@import语法结构@import CSSurl路径;@import一定要写在除@charset外的其他任何css规则之前，如果置于其他位置将会被浏览器忽略，而且，在
2022-01-15 10:59:20
2882
原创 HTML语义化
什么是HTML语义化根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好的解析。为什么要语义化为了在没有CSS的情况下，页面也能呈现出很好的内容结构和代码结构。用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息（爬虫依赖于标签来确定上下文和各个关键字饿权重）方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义.
2022-01-15 09:59:34
3390
原创 请你描述一下 cookies，sessionStorage 和 localStorage 的区别
cookiesCookie是一段不超过4KB的小型文本数据，由一个名称（Name）、一个值（Value）和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。每次向服务器发送请求时都会带上它。如果不设置cookie生命周期则随着浏览器关闭而失效，设置了生命周期则存储在磁盘中。sessionStorage将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对.
2022-01-14 14:36:26
514
原创 什么是WebGL,它有什么优点
WebGLWebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面.
2022-01-14 13:36:47
3032
原创 HTML5的行内元素、块级元素及空元素
行内元素span，a，img，input，textarea， select，br，strong，i（斜体），u（下划线）…块元素div，p，form，table，h1-h6，ul，ol，pre，hr（水平分割线）空元素空元素也成自闭合或void元素，它不是容器标签<img/>，<br/>，<hr/>，meta，input，link，eara，base，col…可省略结束标签的元素tr、td、th、li、p、rt、rp、optg.
2021-12-30 14:03:42
382
原创 对WEB标准以及W3C的理解与认识
标签闭合、英文小写，切不要嵌套混乱，使用标签语义化来提高搜索概率。使用外链式的css和js脚本，使结构、样式、行为分离，内容能被更广泛的设备所访问，代码精简，开发组件化，代码易维护、可复用，改版升级方便...
2021-12-30 13:47:45
72
原创 浏览器内核
浏览器内核浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。五大主流浏览器IE（Trident内核，也叫ie内核）、Firefox（Gecko内核）、Google Chrome（Blink内核，Webkit分支）、Safari（Webkit内核，苹果默认浏览器）、Opera（Blink内核）四大浏览器内核Trident、Gecko、Blink、Webkit...
2021-12-30 13:10:12
411
原创 HTML5有哪些新特性、移除了哪些元素？
新特性拖放（Drag and drop）API语义化标签（header、nav、footer、section、article、aside）音频、视频（audio、video）API画布（canvas）API地理定位（Geolocation）API本地离线存储（localStorage），即长期存储数据，浏览器关闭后数据不丢失会话存储（sessionStorage），即数据在浏览器关闭后自动删除表单控件（calender、date、time、url、email、search）新的技术（.
2021-12-28 18:08:10
1431
原创 Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
Doctype作用文件类型定义（DTD），作用是告知浏览器的解析器用什么文档标准解析这个文档。 <!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html>标签之前,它并不是一个HTML标签。Doctype不存在或格式不正确会导致文档以兼容模式呈现。严格模式与混杂模式如何区分严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。有严格 DTD ——严格模式，有 URI 的过渡 .
2021-12-28 17:35:18
245
原创 HTML5的优点与缺点？
优点网络标准统一，HTML5本身是由w3c推荐出来的多设备，跨平台及时更新（游戏客户端每次都要更新很麻烦，而html5游戏就像更新页面一样很快）提高可用性和改进用户的友好体验有几个新标签，有助于开发人员定义重要内容可以给站点带来更多的多媒体元素（视频、音频）可以很好的代替flash（多媒体播放插件）和silverlight（插件，带来媒体体验和丰富的交互式应用程序）涉及到网站的抓取和索引时，对SEO（搜索引擎优化，利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名）很友好被大量应.
2021-12-28 16:57:56
2592
原创 浏览器页面由哪三层构成，分别是什么，作用是什么?
浏览器页面有哪三层构成结构层，表示层，行为层分别是结构层是html，表示层是css，行为层是JavaScript作用结构层实现页面结构表示层完成页面的表现与风格行为层实现客户端的一些功能和业务...
2021-12-28 16:42:54
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人