原生javascript制作省市区三级联动详细教程
多级联动下拉菜单是前端常见的效果,省市区三级联动又属于其中最典型的案例。多级联动一般都是与数据相关联的,根据数据来生成和修改联动的下拉菜单。完成一个多级联动效果,有助于增强对数据处理的能力。
本实例以省市区三级联动为例,来说明具体是如何使用javascript来关联数据,实现联动下拉菜单。学习本教程之前,读者 ...
Javascript Shapefile/kml/geojson 转换
三个需求
geojson -> shapefile 并下载
geojson -> kml 并下载
Shapefile (zipped) -> geojson
geojson构建工具
这里选择常用的Javascript的几何计算类库[turfjs/turf]
使用cdn引入:
<script src='https://unpkg.com/@turf/turf/turf.min.js'></script>
<script>
var bbox = turf.bbox(features);
</script>
或者: ...
javascript Base64 加密解密方法
引用:
<script type="text/javascript" src="/public/js/cryptoJs/core-min.js"></script>
<script type="text/javascript" src="/public/js/cryptoJs/enc-base64-min.js"></script>
// base64 加密
function base64_encode(val){
var str=CryptoJS.enc.Utf8.parse(val);
var ...
现代JavaScript—ES6+中的Imports,Exports,Let,Const和Promise
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://www.freecodecamp.org/news/learn-modern-javascript/
在过去几年里,JavaScript有很多的更新。如果你想提升写代码的能力,这些更新将会对你有非常大的帮助。
对于程序员来说,了解这门语言的最 ...
简单介绍下各种 JavaScript 解析器
作者:沧海
各种js解析器是前端工程化的基石,可以说如果没有它,很多工程化都无法正常执行,我们每天用到的babel、webpack、eslint、TypeScript背后都需要一套对应的js解析器,今天我们来看看,目前市场上有哪些常用的解析器,他们各自又拥有什么特性尼?
前言
在说js解析器前,我们需要先了解下ESTree这个项目,这个项目 ...
基于HslCommunication实现 基于WebApi, javascript来读写PLC数据,包括三菱,西门子,欧姆龙,modbus,ab plc,台达,横河,信捷,松下,汇川,基恩士,富士,LS等等PLC
本文介绍在一些特殊的场景和需求下,使用HslCommunication的可以实现一些比较有意思的功能。例行介绍HSL的安装
github地址:https://github.com/dathlin/HslCommunication 如果喜欢可以star或是fork,还可以打赏支持,打赏请认准源代码项目。
联系作者及加群方式:http://www.hslcommunication.cn/
在Visual St ...
2022年前端面试题-javaScript篇
先放面试题,答案还在整理中~
小伙伴们如果有相关分类的面试题,一起分享,做相亲相爱的打工人~
1、es6的新特性
const let
模板字符串
箭头函数
函数的参数默认值
对象和数组解构
for...of 和 for...in
2、promise的使用,怎么用es5实现promise
3、if有作用域吗
只有函数有作用域,if是没有作用域的。
但是有一种情况会 ...
20分钟带你掌握JavaScript Promise和 Async/Await
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。
原文出处:https://www.freecodecamp.org/news/learn-promise-async-await-in-20-minutes/
一般在开发中,查询网络API操作时往往是比较耗时的,这意味着可能需要一段时间的等待才能获得响应。因此,为了避免 ...
javascript如何读取xml?
JavaScript读取xml的方法:使用DOMParser对象解析XML文本并返回一个XML Document对象。然后调用parseFromString()方法读取。
JavaScript读取xml文件:
function loadXML(xmlFile){
var xmlDoc=null;
//判断浏览器的类型
//支持IE浏览器
if(!window.DOMParser && window.ActiveXObje ...
javascript如何循环遍历对象?
在JavaScript中有多种循环遍历对象的方法,下面本篇文章就来给大家介绍一下使用JavaScript循环遍历对象的方法,希望对大家有所帮助。
1、使用for 循环
for 循环是 js 中最常用的一个循环工具,经常用于数组的循环遍历。
let arr = [1,2,3];
for (let i=0; i<arr.length; i++){
console.log(i,arr) ...
javascript怎么抛出错误?
程序的非正常运行状态被称为“异常”或“错误”,解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。那么如何抛出错误?
在JavaScript中可以使用throw语句抛出错误。throw语句用来抛出一个用户自定义的异常,当前函数的执行将被停止(throw之后的语句将不会执行),并且控制将被传递到调用堆栈中的 ...
JavaScript原型链及其污染
JavaScript原型链及其污染
1.什么是原型链?
(1).JavaScript中,我们如果要define一个类,需要以定义构造函数(类)的方式来define:
function xluo() { //定义类xluo()
this.a = 10086 //this.a是xluo类的一个属性(方法)
}
new xluo() //实例对象
(2).了解prototype ...
20 个使用原生 JavaScript 实现的 Web 项目
20 个使用原生 JavaScript 实现的 Web 项目
20 vanilla JavaScript Web Projects
https://github.com/learning-js-by-reading-source-codes/vanillawebprojects
目录
#
项目
在线演示
01
Form Validator / 表单验证器
在线演示
02
Movie Seat Booking / 电影座位预订
在线演示
03
Custom Video Player / 自定 ...
JavaScript中的链式调用
链模式
链模式是一种链式调用的方式,链模式不属于一般定义的23种设计模式的范畴,而通常将其看作广义上的技巧型设计模式。
描述
链式调用在JavaScript语言中很常见,如jQuery、Promise等,都是使用的链式调用,当我们在调用同一对象多次其属性或方法的时候,我们需要多次书写对象进行.或()操作,链式调用是一种简化此过程 ...
使用 JavaScript 操作浏览器历史记录 API
History 是 window 对象中的一个 JavaScript 对象,它包含了关于浏览器会话历史的详细信息。你所访问过的 URL 列表将被像堆栈一样存储起来。浏览器上的返回和前进按钮使用的就是 history 的信息。
History 对象包含长度属性,它包含了会话历史记录栈中的 URL 数量。例如,如果用户在浏览器中打开一个标签页,历史记录的长度 ...
JavaScript ES 模块:现代化前端编程必备技能
自从 ES 模块被添加到规范中后,JavaScript 中的模块就更加简单了。模块按文件分开,异步加载。导出是用 export 关键字定义的;值可以用 import 关键字导入。
虽然导入和导出单个值的基础知识非常容易掌握和使用,但还有许多其他方法可以使用 ES 模块来使你的导入和导出按照你需要的方式工作。在本文中,我将介绍你可以在模 ...
只用 6 个字符,就可以写出任意 JavaScript 代码!---- JSFuck原理解析
你可能在网上见过有人用 几个不同的字符写的各种稀奇古怪的 JavaScript 代码,虽然看起来奇怪,但是能正常运行!比如这个:
(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]
你猜运行结果是什么?你可以自己去控制台试一下。
看起来很神奇,但这到底是怎么回事呢?
事实上,你几乎可以用下面这 6 个字 ...
JS (JavaScript)
JavaScript简介
1、JS介绍
全称:JavaScript,简称JS
JS是由NetScape(网景)提供的一门嵌入在浏览器中执行的脚本语言(一段小程序)
主要作用:用于实现网页中的动画效果和实现表单验证
JS可以运行在服务器端(Node.js)
2、JS的特点
JS是一门直译式的语言(JS不需要编译,执行的就是源代码)
JS是一门基于对象的语 ...
微软自家的.Net下的JavaScript引擎--- ClearScript
微软开源的 JavaScript引擎——ClearScript(当然,也支持VB Script):https://github.com/microsoft/ClearScript ,昨天做了一个大的改变,就是把C++/CLI代码移除了,这就意味着脱离Windows,可以在linux上运行了。
园子里有一篇 : C# / .NET Core 调用javascript方法(适用于Windows/Linux平台) 有很好的示例代码:
Mic ...
JavaScript JSON.stringify() 换行缩进
JavaScript JSON.stringify()
最近做一个项目,项目中有一段代码编辑器,返回的代码段是JSON对象,需要解析成JSON字符串,然后,放到代码编辑器里面,但是JSON.stringify()默认返回的字符串没有缩进和换行,但是这个是可以配置的,记录一下。
JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。
语法
JSON.s ...