前面的自定义标签只是定义了自己的一些特别的通用方法,也能插入子元素,已经拥有了组件化的方法,但和复杂的组件相比是完全不够用的,它应该配合另一个特性Shadow DOM一起使用 Shadow DOM能封闭内部,让js和css都无法选择到内部元素(只是无法选择,还是会显示到页面上),里面可以定义标签且只会影响到内部样式 通过下面方法...
前言 本文将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能,无任何第三方依赖,兼容PC与H5,实现了触屏双指缩放等,干货满满。 完整代码 为提升阅读体验,正文中代码展示均有部分省略处理,查看完整代码可以访问以下链接:https://code.juejin.cn/pen/7158337368355766285 实现原理 实现图片预览/查...
原生js实现http请求--模拟jquery的ajax函数 有时页面用到请求,但又不想引入jquery或者其他网络请求,增加代码冗余,增加对代码简便化,那不使用ajax情况下,可以直接使用原生js进行封装函数。原生的js通过XMLHttpRequest 对象进行的的。具体可查阅W3school的XMLHttpRequest 对象。 1、封装可供请求调用的函数 functionhttpReques...
第142篇:原生js实现响应式原理 好家伙,狠狠地补一下代码量 本篇我们来尝试使用原生js实现vue的响应式 使用原生js,即代表没有v-bind,v-on,也没有v-model,所有语法糖我们都用原生实现 1.给输入框绑个变量 let datavalue="66666"const input_1= document.getElementById("input_1") input_1.value=datav...
原生JS学习 JS基础 第一天 JS执行顺序 JS代码执行顺序 从上到下执行 关键字和保留字 js命名规则 数据类型指的就是字面量类型 字符串需要使用 双/单 引号引起来 引号不能嵌套 \n 换行 typeof检查一个变量类型 Number.Max_VALUE 可以表示数字的最大值...
不得不说，Vue把原生JS封装得太好了，导致很多人如果直接跨过原生JS，直接去学Vue也能上手。包括很多培训机构，他们在教前端知识的时候，对于原生JS基本上也就是寥寥数语。最终就会导致培训出来的学员可能压根分不清楚什么是Vue函数，什么是原生JS函数，什么是Vue语法，什么是原生JS语法！虽然我很惊讶，但是又很理解...
原生的JS API 一、节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径...
原生js 使用axios发送请求 原生js ajax 一、JS原生ajax viaajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据;原文来自:http://caibaojian.com/ajax-jsonp.html...
原生js使用axios封装 原生js封装插件 我们可能已经用过很多JS插件,比如著名的轮播图插件Swiper.js,滚动条插件iScroll.js等等,用起来非常方便,大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢?我们又该如何DIY一个可以复用的JS插件呢? 接下来,我将以图片无缝循环轮播为例,手把手教你封装一个方便复用的...
Node.js 23 支持原生 TypeScript 执行! 来自:公众号code秘密花园 Node.js 23即将能够直接运行Type文件而无需额外配置。 这一功能的背后推动者是Marco Ippolito。他为Node.js 23提交了一项重要的修改,成功取消了--experimental-strip-types标志。 这意味着我们可以直接编写包含类型注释的index.ts文件,并直接使用node ...