首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

原生js笔记

引入Javascript 方式有三种 1.在html 中直接放到 2.外部引入js文件 3.在标签直接写 <p...2、以驼峰命名规则 ——开始单词小写 后面的单词首字母大写 例如 helloWorld boyAge suZiXing 保留字 js中大小写严格区分 alert弹框 String() 保留字不能用于普通表示符...所传对象就是this指向。...全局作用域: 在js中作用域: 一个变量作用范围 1、全局作用域(整个 标签中): 页面打开全局作用域被打开,页面关闭全局作用域被销毁; 全局作用域变量叫全局变量,全部变量可以在全局作用域中使用...* 我们将通过一个构造函数创建对象,称为是该类实例 * this情况: * 1.当以函数形式调用时,this是window,默认就是window * 2.当以方法形式调用时,谁调用方法this

5910
您找到你想要的搜索结果了吗?
是的
没有找到

input获取焦点 原生js_原生jsinput事件

大家好,又见面了,我是你们朋友全栈君。...1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发前提是已经获取了焦点再失去焦点时候才会触发该事件,用于判断标签为空。...4.onkeydown 按下按键时事件触发, 5.onkeyup 当按键抬起时候触发事件,在该事件触发之前一定触发了onkeydown事件–相当于一个按键,两个事件,没怎么用过 6.onclick...主要是用于 input type=button,input作为一个按钮使用时鼠标点击事件 7.onselect 当input里内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput...当inputvalue值发生变化时就会触发,(与onchange区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input属性里,例如: 1 , 可以通过js给input

25.3K60

原生JS + HTML + CSS 实现快递物流信息 API 数据链式展示

引言 全国快递物流查询 API 是一种提供实时、准确、可靠快递物流信息查询服务接口。它基于现有的物流信息系统,通过API接口方式,向用户提供快递物流信息查询、跟踪、统计等功能。...图片 全国快递物流 API 使用教程 APISpace 是 国内一个较大 API 供应平台,提供多种类型 API 接口,包括手机号码归属地查询 API 、天气预报查询API、手机在网状态 API 、...反欺诈(羊毛盾)API 以及当前比较热门 AI 绘画 API 等等,感兴趣小伙伴可以去官网体验一下。...1.申请 API 密钥 用户需要在 API 提供商官方网站进行注册,并申请 API 密钥,获得 API 接口调用权限。...图片 2.在线测试 API 点击免费试用成功后,系统会自动进入 API 测试界面,如下图,我们只需要填入快递公司名称以及单号就能获取到完整快递轨迹信息 图片 3.使用代码接入 API 接口 - JS

80220

js调用原生API--陀螺仪和加速器

介绍 W3C设备方向规范允许开发者使用陀螺仪和加速计数据。这个功能能被用来在现代浏览器里构筑虚拟现实和增强现实体验。但是这处理原生数据学习曲线对开发者来说有点大。...设备方向API会以航空次序欧拉角(Tait-Bryan角)形式返回给我们数值。航空次序欧拉角是一种欧拉角定义方法——以3个轴旋转3次。...更具体点来说就是我们要完成一个绕X轴90度旋转变形,以此来让适配屏幕旋转能与three.js空间相互匹配。...已经有了一个提议要在W3C Screen Orientation API加入屏幕方向变化监测(监测与默认屏幕方向夹角),但是在写本文时这个功能还不可用。...我们希望那些以前受困于不知如何在3D模型应用中使用这个APIweb开发者在读完本文后能更好理解设备方向并能将其应用于以后web应用中。

4.5K161

用NW.js构建跨平台桌面应用(2)-原生界面API

[I] 概述 - NW.js原生界面(Native UI)APIs 要构建一个像样桌面应用,除了由NodeJS处理底层功能,以及由Webkit来应付窗口GUI外,还需要诸如操作窗口、访问剪贴板或隐藏到系统托盘区等和系统图形界面交互能力...而前面提到两者,要么无法访问GUI,要么受限于API边界,均无法提供 NW.js Native UI APIs 则在其他JS顶部提供了这些完整功能 1.1 获取nw实例 旧版本中可以用 var...App API - 应用核心 2.1 打开关联类型文件 NW.js应用有多种办法打开文件,此处谈论是打开关联文件类型;也就是说如果我们开发一个文本编辑器,那么我们希望在系统中右键单击一个txt文件出现...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象一层包装,很多(并非所有)方法和属性继承了后者用法,同时window对象也是 Node.js...在NW.js里,同样操作只是传递文件路径字符串而已,而非拷贝其内容;同时一些浏览器中安全限制被解除,并赋予其一些增强能力,从而使用户体验更接近原生应用

6.4K40

原生JS知识系统梳理

笔者最近在对原生JS知识做系统梳理,因为我觉得JS作为前端工程师根本技术,学再多遍都不为过。...第一篇: JS数据类型之问——概念篇 1.JS原始数据类型有哪些?引用数据类型有哪些?...这导致JSNumber无法精确表示非常大整数,它会将非常大整数四舍五入,确切地说,JSNumber类型只能安全地表示-9007199254740991(-(2^53-1))和9007199254740991...10 + 10n; // → TypeError 不能将BigInt传递给Web api和内置 JS 函数,这些函数需要一个 Number 类型数字。尝试这样做会报TypeError错误。...这就是面向组合设计方式。 参考出处: ES5实现继承那些事 重学JS系列:聊聊继承 JS最新基本数据类型:BigInt(译) yck前端面试之道

1.8K53

Python3好用原生api

./")是我最喜欢api之一, 作用是获取某个路径下,所有的文件夹和文件路径, 如果你是一个喜欢写脚本的人, 那这个api或许能帮你更优雅实现你程序~ import os for relative_file_dir_path..., 比如 网站图片素材中文转英文 深拷贝 相比js蛋疼深拷贝操作, python深拷贝简单粗暴 copy_name = deepcopy(name) from copy import deepcopy...就应该简洁强大, 见名知意, 反向对比js深拷贝, js深拷贝简直就是一门学问, 而且几乎是面试必问, 当然深入研究一下也并非不好, 但如果开发者精力有限, 优秀api可以极大提升我们工作效率...api, 可以让我们需求快速得到实现, 极大提升我们开发效率, 但很多问题, 并不是用几个简单api就能搞定, 比如前面提到google在不使用额外空间情况下, 将This is a pen..., nep a si sihT转换为pen a is This 优秀算法能让我们以更少资源实现程序, 优秀api能提升我们开发效率, 或许优秀工程师, 就是在二者之间把握平衡那类人吧~

1.2K10

「Web Animation API 专题」用原生JS制作一个图片随机移动动画

Web Animation API 介绍 当我们谈及网页动画时,自然联想到是 CSS3 动画、JS 动画、SVG 动画 等技术以及 jQuery.animate() 等动画封装库,根据实际动画内容设计去选择不同实现方式...Web Animation API 历史也应该有几年了,但是每当做动画效果时,笔者就是依赖各种库,很少想着去原生实现,最终造成了我们项目各种依赖库,体积也不断变大,性能如何也不得而知,作为前端开发我们多么希望原生...JS去支持通用动画解决方案, Web Animation API 可能就是一个不错解决方案。...W3C 提出 Web Animation API(简称 WAAPI)正缘于此,它致力于集合 CSS3 动画性能、JavaScript 灵活、动画库丰富等各家所长,将尽可能多动画控制由原生JS脚本实现...下一篇文章我将用不到20行原生js代码纯手工撸一个漂亮时钟,敬请期待...

3.8K30

记几处原生JS开发 原

我先用jquery实现功能,然后替换里面几个方法即可 ,无非就是查找,添加class等! 在控制台先测试好,直接使用就行了,但遇到以下问题,简单记一下: 0、项目引用了prism.js来加亮代码。...高亮后,IE11非常的卡,无法滚动,按F12查看性能,要2秒多去渲染一屏,这和JS无关了。我以为是元素过多,IE性能太差原因。后来偶然把prism.css文件去掉,结果瞬间显示出来。...先想肯定是阴影或变形引起吧,就把css中shadow去掉,还不行。就一块块去CSS代码。在把透明度去掉,就好了!...执行它脚本会提示“不能执行已释放 Script 代码” 。 这个问题也好理解,因为我是往里写了完整页面: .........frm得到竟然直接是一个window对象,我个天呀!  在chrome,ff中, 可不是这样,我还没有去百度原因,不知道有没有什么说法没有。

2.1K20

Apache ZooKeeper - 使用原生API操作ZK

概述 前面几篇系列博文我们熟悉了如何通过命令来操作ZK节点数据,下面我们来看下如何使用API来操作 主要两种方式 原生API Curator 今天我们来看下如何使用原生API操作ZK ---- maven...> 3.5.8version> dependency> ---- 验证 接下来我们使用单元测试来验证下原生API对ZK 数据增删改查 测试基类 我们来写下测试基类...---- sessionTimeout:会话超时时间, “毫秒”为单位 在ZooKeeper中有会话概念,在一个会话周期内,ZooKeeper客户端和服务器之间会通过心跳检测机制来维持会话有效性...---- watcher:事件通知处理器 ZooKeeper允许客户端在构造方法中传入一个接口 watcher (org.apache. zookeeper.Watcher)实现类对象来作为默认...因为监听是NodeDataChanged事件,因此我们再去调用修改数据方法,或者在客户端手动修改数据 ? 观察testGetWithWatch日志 ? zk里查看数据 ?

37510

Js原生Ajax和JqueryAjax

Js原生Ajax和JqueryAjax 一、Ajax概述 1.什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端...二、js原生Ajax技术(了解js原生Ajax其实就是围绕浏览器内内置Ajax引擎对象进行学习,要使用js原 生Ajax完成异步操作,有如下几个步骤: 1)创建Ajax引擎对象 2)...为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎) 3)绑定提交地址 4)发送请求 5)接受响应数据 //原生js,Ajax异步访问 function fn1(){...是字符串 jaonvalue是Object json解析: json是js原生内容,也就意味着js可以直接取出json对象中数据 2.Json转换插件 将java对象或集合转成json形式字符串...js原生ajax进行了封装,封装后ajax操 作方法更简洁,功能更强大,与ajax操作相关jquery方法有如下几种,但开发中 经常使用有三种 1).get(url, [data], [callback

19.5K20
领券