这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
转载
2023-10-19 11:53:17
87阅读
一、原生JS获取DOM节点获取节点的方式大致分querySelector系列和getElementsBy 系列，两种：querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。querySelector 系列接收的参数是一个 CSS 选择符。而 getElementsBy 系列接收的
转载
2023-10-29 22:29:04
75阅读
大家都知道在JavaScript原生操作中获取元素的样式，在实际操作是使用时比较频繁的一件事，这里像大家介绍下获取css样式的方法，希望可以帮助一些需要的人，如果有幸被大牛看到，有更好的办法，欢迎提出！！！一、 行内元素样式获取：<!DOCTYPE html><html lang="en"><head>
&
转载
2017-02-12 10:39:42
922阅读
# 使用HTML5原生JS获取GPS位置信息
HTML5为开发者提供了一种便捷的方式来获取用户的位置信息，通过浏览器的Geolocation API可以轻松获取到用户的地理位置信息。在本文中，我们将介绍如何使用HTML5原生JS来获取GPS位置信息，并提供一个简单的代码示例。
## Geolocation API
Geolocation API是HTML5的一部分，提供了一种通过浏览器获取用
原创
2024-02-26 05:19:32
123阅读
前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。该怎样架构？对于架构这个概念，接触的比较少，我的
Javascript 中 str、 arr、date、obj 等常见的原生方法总结本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法，那么熟悉的同学又可以绕道了 总是绕道，真是羞耻悳boy 当然 本文阐述的主要类容 from MDN ( zh-cn )Object（Javascript 自带属性和方法）Object 自带属性Object 自带一个 prototype 属性
转载
2024-04-01 06:55:09
37阅读
# 原生HTML5 如何写JS 项目方案
## 项目概述
本项目旨在通过原生HTML5和JavaScript开发一个简单的待办事项应用程序，用户可以添加、删除和标记已完成的任务。
## 技术方案
### HTML结构
为了实现这个功能，我们需要一个输入框用于输入任务，一个按钮用于提交任务，一个列表用于展示所有的任务。
```html
Add Task
```
### JavaSc
原创
2024-05-06 06:05:22
37阅读
功能： 实现图片每隔1秒切换一次； 当鼠标停留在整个页面上，图片不进行轮播； 鼠标移动到切换页选项上，出现该选项对应的图片，并且切换页选项的背景颜色发生相应的变化； 当图片发生轮播切换时，再不滑入选项卡的前提下，相应的选项卡背景颜色也自动发生变化； 点击上一张按钮，出现上一张图片，点击下一张按钮，出现下一张图片，同时选项卡的背景颜色也发生变化。以下为实现代码： 首先为html代码，创建一个大盒子将
1.html 文档基本结构HTML文档结构
<html>
<head></head>:head内放的内容不是给用户看的 是给浏览器去识别做相应操作的
<body></body>:body内放的内容就是浏览器展示给用户看到的花里胡哨的页面
</
转载
2024-05-02 21:24:23
35阅读
在html5中，新增了很多语义化的标签。如footer、header之类的，今天的主角是dialog标签顾名思义，就是用来定义对话框的。目前只有Chrome和Safari支持该标签，所以用的不多，不过确实挺好用的别担心，有官方的polyfill。 使用方法1. 基础的用法可以open属性控制dialog是否显示，效果如下： 看看浏览器渲染的默认样式： 是挺丑的，
转载
2023-11-20 12:37:11
188阅读
1.什么是AJAX？AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJ
转载
2024-08-09 15:24:12
61阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>仓库成品.
原创
2022-09-02 15:40:37
96阅读
Object对象生成实例对象var o = new Object()属性Object.prototype //返回原型对象方法Object.keys(o) //遍历对象的可枚举属性Object.getOwnPropertyName(o) //遍历对象不可枚举的属性对象实例的方法// 返回当前对象对应的值。 // 返回当前对象对应的字符串形式。 // 返回当前对象对应的本地字符串形式。 // 判断某
转载
2024-01-29 06:35:14
57阅读
梳理原因： 不管使用哪种 ui 框架，ui框架能满足的交互，都是以原生标签为前提。即如果原生标签没有的功能，框架一般也没有封装。html标签第一类 head等头部标签类1 style 标签引用外部css ； 包裹css代码<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
<
转载
2024-01-30 20:37:15
34阅读
扩展 HTML 原生标签（上）在 HTML 中有很多元素标签，如 DIV、 SPAN、INPUT、TABLE 等，元素标签也是组成 HTML 页面的核心内容。在 Javascript 中，每个元素标签都有自己的属性、方法和事件，通过这三个要素，可以通过 Javascript 操作 HTML，让使用者可以和页面进行交互。虽然每个元素标签都有大量的属性、方法和事件，但有的时候依然不能满足我们的要求，有
转载
2024-04-18 14:45:48
53阅读
ajax基础信息前面都已经介绍过了。这个就略过。使用原生js操作ajax的话还是比较容易的，跟前面的一篇内容基本差不多。使用步骤：一、创建对象 XMLHTTPRequest/ActiveOBject二、发送请求 open()、send()三、服务器响应 responseText(onreadystatechange、readyState、status)步骤大体就分为这三个。创建对象 va
原创
2016-03-12 12:06:06
612阅读
桌面应用之electron开发与转换一,介绍与需求1.1,介绍1. Electron简介Electron是用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。目前，Electron已被Microsoft、Faceboo
html逻辑:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-
原创
2021-11-16 15:41:03
114阅读
JS 实现 PromiseMDN Promise 参考地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise源码已经放在github：https://github.com/ronliruonan/sv-book/tree/master/javascript/promise
转载
2024-06-19 04:08:19
153阅读
https://www.jianshu.com/p/3dfa883721deajax 的核心就是我们今天要学的的原生请求，**XMLHttpRequest**对象。一. XMLHttpRequer 对象 创建： 通过 new 来创建。1. 使用 XHR open: 接收三个参数，分别为请求类型，请求的URL，请求是否异步，该方法为发送请求做好准备 send: 接收一个参数，请求体发送的内容，如果不
转载
2023-12-15 19:40:09
84阅读
