
原生js
原生js
前端小云儿
活到老学到老
展开
-
HTML-a链接属性
<div class="header3"> <!-- _blank 浏览器会另开一个新窗口显示链接 _self,在同一框架或窗口中打开所链接的文档。此参数为默认值,通常不用指定。 _parent,将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。 _top,在当前的整个浏览器窗...原创 2021-08-30 23:18:45 · 953 阅读 · 0 评论 -
html-css-js-原生点击添加
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .a3{ background-color: #0000FF; } .a4{ font-size: 20px; }...原创 2021-08-30 23:22:06 · 503 阅读 · 0 评论 -
【知识点】js复制方法(vant-ui)
复制方法原创 2022-01-10 22:20:43 · 643 阅读 · 0 评论 -
【原生js】 getElementById和querySelector方法的区别
原创 2021-11-06 12:43:47 · 163 阅读 · 0 评论 -
【原生js】动态添加class
1.添加类名:document.getElementById("myDiv").classList.add('mystyle');2.删除类名:document.getElementById("myDiv").classList.remove('mystyle');3.检查是否含有某个css类:myDiv.classList.contains('myCssClass');//return true or flase;注意:类名直接写,不可面“.”; 如若同时添加多个原创 2021-11-06 12:41:52 · 10681 阅读 · 0 评论 -
document.queryselect。获取style样式 先要判断元素存在不
原创 2021-11-03 00:17:12 · 495 阅读 · 0 评论 -
css - HTML5语义化标签--语义化标签 就是便签有自己的含义
语义化标签 就是便签有自己的含义header nav main article section aside footer,title ul ol strong em p原创 2021-09-18 23:20:31 · 277 阅读 · 0 评论 -
css 渐进增强和优雅降级区别
渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。优雅降级(Graceful Degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。优雅降级和渐进增强只是看待同种事物的两种观点。优雅降级和渐进增强都关注于同一网站在不同设备里.原创 2021-10-17 17:36:25 · 235 阅读 · 0 评论 -
css - HTML5新增的语义化标签 所有的header nav main article section aside footer,title ul ol strong em p
1. <header>定义了文档的头部区域,在一个文档中可以定义多个<header>元素。它是块元素2.<footer>定义文档页脚,它不只是页面的最底部,在文档中也可以定义多个。3.<article>定义页面独立的内容区域,标签定义的内容本身必须是有意义且必须独立于文档的其他部分,可用在的地方:博客文章,新闻,评论等。4.<aside>定义页面的侧边栏内容5.<time>定义时间或日期,time标签中的datetim原创 2021-10-17 12:13:26 · 386 阅读 · 0 评论 -
原生:js中的bom和dom有什么区别?bom和dom的区别总结
学习js的人都应该知道javascript是由三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同。bom和dom都属于js的组成部分,那么,bom和dom之间有什么区别呢?接下来本篇文章将给大家介绍js中bom和dom之间的区别,有需要的小伙伴可以看一下,希望对你有所帮助1、BOM是浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,改变状态.原创 2021-10-14 22:53:41 · 5027 阅读 · 1 评论 -
vue知识点10 图片懒加载 原生+插件+三方件IntersectionObserver
1需要引入包IntersectionObserver2,使用原生写法3 v-lazyload原创 2021-10-06 16:28:33 · 169 阅读 · 0 评论 -
http-一次完整的HTTP请求过程-六个阶段
当我们在浏览器的地址栏输入www.baidu.com,然后回车,回车这一瞬间到看到页面到底发生了什么呢?域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求,浏览器得到html代码 --> 浏览器解析html代码,并请求html代码中的资源(如js、css、图片等) --> 浏览器对页面进行渲染呈现给用户1.域名解析首先Chrome浏览器会解析 www.baidu.com 这个域名(准确的叫法应该是主机..原创 2021-09-05 09:55:09 · 5570 阅读 · 0 评论 -
js-原生复制2
<!doctype html><html> <head> <meta charset="UTF-8"> <title>APP/PC</title> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/> ...原创 2021-08-30 23:50:44 · 84 阅读 · 0 评论 -
js-原生复制
<!doctype html><html> <head> <meta charset="UTF-8"> <title>APP/PC</title> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/> ...原创 2021-08-30 23:49:30 · 213 阅读 · 0 评论