首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vue实现省份城市选择

    之前都是后端操作的,城市数据都是存在数据库的,前端选择然后去后端查的,比较简单方便。这次开发的是前端,客户没有提供城市选择的接口,省市这些数据感觉还是放在数据库后端操作较好。...数据和方法也是参考了别人博客的代码,直接贴代码 <!...$refs.resetCountry.changeValueCity() 因为有多个页面需要使用,所以把选择城市的封装成atom-city组件,我这个需求是有选择国家的,如果选择的是中国才会有省份城市的选择框...,否则用户自己输入省份城市,以下代码参考https://blog.csdn.net/lllo3o/article/details/72955701:        城市联动选择实现示例(通过vue数组过滤) 基于vue2实现省市联动

    3.6K20

    程序员如何选择城市工作?

    一线城市:北上广深 准一线城市:成都、杭州、重庆、武汉、西安、苏州、天津、南京、长沙、郑州、东莞、青岛、沈阳、合肥、佛山。 我原来写过一篇话题讨论,话题讨论 | 你选择去一线城市还是老家的省会城市?...当时的结论是,如果追求职业发展,就选择一线城市。如果追求生活幸福感高一些,选择准一线城市也不错。像杭州、南京已经不比广州差了。 总体上是这样推荐,但对应个体上就不一样。...对于新入职场的朋友,我认为你要坚定的选择一线城市。追求幸福对你来说太早了。没有家庭,你的经济压力会小很多,如果你还单身,你的自由时间会有很多,这些时间怎么花?用在学习和加班上。...你应该想办法选择“我都要”。 2021年的程序员的薪资数据已经出来了,北上深杭的最高工资45000,中位数也有15000 - 16500。这是重点推荐的城市。...只有到了这个时候,为了提高生活幸福感,去准一线城市或省会城市也是不错的选择。我很多同事,在一线城市工作,老家省会买房。等孩子大了后,就会选择回省会工作,虽然工资少了点,但工作没有那么忙碌,幸福感剧增。

    1.6K10

    HarmonyOS实战: 城市选择功能的快速实现

    前言最近在日常开发过程中,需要实现城市选择功能,同时支持模糊搜索。看似简单的功能动手实现起来却有很多难点。本篇文章详细记录开发过程中遇到的问题和对应的解决方法,希望能够帮助你,建议点赞收藏!...不管是哪种方式获取城市数据,都无法保证数据的顺序符合需求,在处理数据顺序之前,首先要处理数据中的多音字,对常见多音字手动添加拼音字母,其余城市直接获取首字母,这里需要借助一个三方库pinyin4js 获取汉字的第一个拼音字母...厦门")) { city.letter = "XIAMENSHI" } else { city.letter = pinyin4js.convertToPinyinString...(city.cityName, '', pinyin4js.FIRST_LETTER).toUpperCase() } })2....总结本文详细讲述了对城市数据的处理,包括对音字,首字母排序以及按首字母对数据进行分组处理,特别是分组处理这块的代码比较复杂,需要亲自动手尝试才能更好的理解,学会的小伙伴赶紧动手试试吧!

    45510

    android wheelview实现三级城市选择

    很早之前看淘宝就有了ios那种的城市选择控件,当时也看到网友有分享,不过那个写的很烂,后来(大概是去年吧),我们公司有这么一个项目,当时用的还是网上比较流行的那个黑框的那个,感觉特别的丑,然后我在那个开源的...接下来说下我的思路:网络请求-数据返回-设置数据-数据填充控件 接下来直接按上面的流程直接上代码: 网络请求我用的本地的json数据 ?...e.printStackTrace(); } return resultString; } 接下来我们写自定义的Popwindos实现选择城市的弹框...} else if (wheel == cityWheel) { updateDistrict();//城市改变后地区联动 } else if...data.City, data.Area); } } } 好了,就写到这里了,有需要的请加我们的群:278792776或者188716429 最后附上代码下载地址

    2.8K60

    【react】开发一款城市选择组件

    下次打开优先选取上次定位城市,如本次定位和上次不一样,则取本地城市,同时展示最近选择的城市,最近选择的城市可配 城市列表按字母分组,如B组:北京、包头,同时左侧带A-Z导航符条,点击对应字母定位至对应的组位置...,如点击C则定位至C组,同时弹出提示为C 支持城市搜索,页头带搜索框,可支持联想功能,注意性能 选择对应城市,会将对应城市数据带回给使用页面 支持单个页面上同时存在多个城市组件 页面用flex布局(css...v=2.0&ak=your_ak"> src/services/locationServices.js中加入定位代码 async function getLocalCity() {...(分为最近城市和热门城市) 列表区域 右侧导航区域 搜索弹层区域 具体可以参看src/components/city下的组件 最近选择城市 采用的是本地localstorage进行存储,默认最多存储两个...,后选择的城市会替换掉第一个,如果选择的城市中有相同的,则不进行替换。

    4.7K30

    微信小程序——城市区县定位选择组件

    前两天在实现一个城市选择器的需求的时候,在github上看到了BeijiYang同学的开源项目,觉得做的非常不错,不过是基于原生小程序写的,所以就花了点时间把他的项目基于mpvue框架改写了。...城市选择器示例.gif 在改写完代码以后,我也来谈谈这个小组件里的实现逻辑。...首先从布局开始,这个页面的布局结构由三个主要部分构成,页面顶部的搜索框,页面最右侧的字母列表栏,以及左边的最主要的城市列表部分。具体的页面代码我就不贴了,github链接我会放在文章尾部。...我们将地级市的数据存放到本地的city.js文件中,在这个city.js的文件中,还同时包括城市检索的首字母的数组数据,页面的城市列表以及首字母检索的数据就会从city.js中读取。...下面放上github仓库地址: 微信小程序-城市选择组件 如果对你有帮助,请给我一个star谢谢。 同时谢谢原作者的开源,是你的开源让使用mpvue的同学得到帮助。

    8K50

    纯血鸿蒙APP实战开发——城市定位选择案例

    介绍本示例介绍城市选择场景的使用:通过 AlphabetIndexer 实现首字母快速定位城市的索引条导航。...效果图预览使用说明分两个功能在搜索框中可以根据城市拼音模糊搜索出相近的城市,例如输入"a",会出现"阿尔山"、"阿勒泰地区"、"安庆"、"安阳"。...下方城市列表通过AlphabetIndexer组件实现拼音索引条,通过滑动选择城市首拼,快速定位相关首拼城市。...实现思路场景:通过AlphabetIndexer实现索引条导航城市列表中的右侧首拼索引条,通过AlphabetIndexer组件实现首字母快速定位城市的索引条导航。...通过AlphabetIndexer的selected属性与城市列表中List组件onScrollIndex事件绑定,CityView.etsAlphabetIndexer({ arrayValue: TAB_VALUE

    73220

    iOS开发之UITableView联动实现城市选择器

    在 iOS开发之城市选择器一文中用两列的UIPickerView实现了城市选择器,今天用两个UITableView来实现一下,首先这种联动在很多地方用得上,而且方法有好几种,我这里选择了个人喜欢的一种方式...添加和准备工作.png 2、在控制器中实现功能,具体代码如下,注释非常详细: #import "ViewController.h" @interface ViewController () <UITableViewDataSource...NSString* currentProvince; /** * 当前选择的城市 */ @property (nonatomic, copy) NSString* currentCity; @...self.provinces objectAtIndex:indexPath.row]; [self.rightTableView reloadData]; } //点击右边显示用户选择的省份和城市...self.currentCity]; UIAlertController* alertControl = [UIAlertController alertControllerWithTitle:@"选择城市

    3.1K60

    js 实现选择排序及优化

    // 选择排序 // 原理:进行 n-1 趟 循环,每趟循环中遍历所有未排好序的数,第一趟循环,从第0个元素开始向后遍历,找到 最小的元素,与第1 一个元素进行交换,第二趟,从第 1 个元素开始向后遍历...找到最小值与第2个元素 进行交换,以此类推 // 从而得出规律,每次遍历元素开始位置为 i+1,并维护每轮循环的最小值的索引,一轮循环结束后,通过最小值的索引获取到最小值,与起始位置交换 // 稳定性:因为选择排序每次找到最小值...arr[minIndex] = temp; } console.log(`执行了${count}趟循环`); return arr; } console.log("普通选择排序...0, 1, 6, 5])); // 执行了9趟循环 console.log(selectSort([1, 2, 3, 4, 5, 6, 7, 8, 9, 9])); // 执行了9趟循环 // 优化选择排序...break; } } console.log(`执行了${count}趟循环`); return arr; } console.log("普通选择排序

    6K10
    领券