上周在工作中需要使用一个三级联动的省市组件,故准备自己动手写一个,虽然以前也写了一个,但是有些问题却没有深究!
这次准备深究的问题有:
1.如何让组件在utf-8页面或者gbk页面中中文都正常显示?
2.如此巨量的地区数据(接近40KB),如何将他们缩小一些?
在此,针对第一个问题,我想大家的做法就是将数据转换成unicode编码!
针对第二个,有些人可能会ajax来获取...或者干脆全部塞进js(曾经我就是这么做)
我测试了下,假如中文进行unicode编码,并且都放在js里面,那么这个组件的体积估计大于100Kb,因为单单中文数据就放大了3倍!
不过在周末,花了点时间,想出来一个万全之策,不仅仅压缩了数据,并且满足了不同编码之间也能正常显示中文的问题!
先简单粘帖下介绍,具体算法代码,数据和结果已及示例请访问:http://www.1kjs.com/lib/widget/cnarea/
- 大小: 23.1 KB
分享到:
相关推荐
省市区带编码code三级联动json数据,
提供目前中国全部行政区域的省(市/自治区)、市(区/自治州)、区(县/市)三级联动最新数据,可以用于各类...【2020年05月更新,官网实时更新】省市区三级联动/中国省市区地址三级联动/全国省市区三级联动数据下载
在IT行业中,"省市区县三级联动数据"通常是指一种用于构建地理信息选择功能的数据结构。这种功能常见于各类Web应用或移动应用中,比如地址填写、物流配送、数据分析等场景。用户在输入地址时,可以依次从省级、市级...
全国省市区三级联动数据 香港、澳门、台湾等都有详细的划分,感兴趣的小伙伴可以下载
省市区三级联动数据
微信小程序-省市县三级联动,带有自定义地区码(源代码+截图)微信小程序-省市县三级联动,带有自定义地区码(源代码+截图)微信小程序-省市县三级联动,带有自定义地区码(源代码+截图)微信小程序-省市县三级联动,带有...
省市区数据三级联动json文件完整版
省市二级联动数据
全国省市区三级联动的JSON数据在前端开发中扮演着重要角色,主要用于构建具有地理选择功能的应用,例如地址选择器。这种联动数据结构使得用户能够依次选择省份、城市和区县,形成一个完整的地址。在本案例中,我们有...
省市区三级联动数据
标题中的“全国省市区三级联动json数据”是指中国省级、市级和区级行政区划的数据,组织成JSON(JavaScript Object Notation)格式,这种格式通常用于Web开发中的数据交换。JSON是一种轻量级的数据交换格式,易于人...
标题中的“纯js省市县三级联动 附带邮编”指的是使用JavaScript实现的这种功能,并且包含了全国所有地区的邮编数据。 首先,我们要理解什么是“三级联动”。在Web开发中,三级联动通常是指三个下拉菜单(或选择框)...
Excel省市区数据、邮政编码及三级联动示例
在IT行业中,构建一个省市区三级联动的下拉框是一个常见的需求,特别是在Web开发中,例如用户填写地址信息时。这种功能可以提供便捷的交互体验,让用户快速选择正确的地理位置信息。本篇将介绍如何利用百度地图的...
全国省市区三级联动数据源是IT开发中常见的一种数据资源,尤其在构建具有地域选择功能的应用时,如电商、地图服务、物流系统等,这样的数据是必不可少的。它通常包含了中国所有省份、城市和区县的完整信息,以便实现...
国家省市三级联动,javascript代码编写,简单容易调用!
**Jquery 省市区县三级联动代码详解** 在网页开发中,经常需要实现省市区县的联动选择功能,这可以方便用户根据地理位置快速选择。本文将详细介绍如何使用Jquery实现这种三级联动效果,以及涉及的相关文件和数据...
总的来说,这个"前端省市区三级联动json数据.rar"压缩包为前端开发者提供了一个完整的解决方案,包括了所需的数据和可能的实现工具,帮助开发者快速创建出符合需求的地址选择功能。在实际开发中,根据项目的具体需求...
使用ajax + servlet + jdbc做的省市区三级联动,内含sql文件。对应有博客介绍,欢迎访问http://blog.csdn.net/qq_19558705/article/details/50318981