又双叒一个uniapp组件 最近有一个选择地址的需求,就写了一个省市区联动选择器. 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享. 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器, 所以就用了这个. 依然发布到了插件市场:http://ext.dcloud.net.cn/plugin?id=708 看一下效果吧 具体实现 css就不贴出来了,下载可以看到. 第一.底部弹出框 <vie

<style type="text/css"> .labelhide { -webkit-box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px 0px #f3f3f3 !important; box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px 0px #f3f3f3 !important; background

概述 什么是插件,插件就是即插即用叫插件,很少的配置,很少的代码就可以用都项目里,之所以做这个插件,是因为做了一个省市区的联动,其他项目如果要用怎么办,难道在ctrl+c,ctrl+v?那样做太low,做个插件吧,于是乎就开始了Jquery插件制作之旅. 使用效果 获取使用 代码开源,已经托管在git上,地址如下,希望大家赏脸给个星 https://gitee.com/jangojing/JqueryCitySelectPlug 1.引入js.css和移动端的meta 引入jquery版本无所谓

仿照小米之家做的一个省市区三级联动,先上代码: HTML: <template> <section class="myAddress"> <section> <section class="cont" @click="choseAdd()"> <section> <span>所在地区:{{Province?Province:''}} {{City && Cit

1.后台接口为点击加载下一级 ,传省市区id <template> <el-cascader v-model="selectedOptions" placeholder="请选择省市区" :options="cascaderData" @active-item-change="handleItemChange" :props="{ value: 'id', label: 'name', childr

使用步骤: 1.引入js <script src="distpicker/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="distpicker/distpicker.data.js" type="text/javascript" charset="utf-8&qu

顾名思义,mobile-select-area插件就是使用在移动端上的进行地区选择的插件,而且使用方法简单,我就说我是怎么用的吧 一.准备工作 首先肯定要下载插件对应的css+js文件, 当你下载好这些东西之后就是万事俱备只欠东风->写代码....首先这个是使用在移动端上的插件,就必须把视角控制在移动端上,不然可能在浏览器上看的舒舒服服,变成手机端怎么就不好看了 <meta name="viewport" content="width=device-width,i

多端开发,听名字就感觉不一样,一套代码.多端使用,适用于各个平台.市面上很多关于多端开发的框架,比较常用,流行的框架 uni-app,Chameleon(变色龙),taro这些,都可以支持多端,一套代码,8个平台支持, 语法差异上,uni-app和Chameleon(变色龙)都选择使用的是小程序和vue的语法结合,但是taro语法是react,熟悉react语法,比较熟悉这套框架,对于技术选项,框架的活跃度,这个框架的认知度,选择适合自己的框架. 根据公司的需求,选择框架,选择之前,也是研究了一

CLI工程 全局安装vue-cli npm install -g @vue/cli 通过cli创建uni-app项目 vue create -p dcloudio/uni-preset-vue uni-app 选择项目模板,可自由选择如下图: 使用vscode打开创建的项目 安装vue语法提示插件 cli工程自带uni-app&5+app语法提示 安装组件语法提示 npm i @dcloudio/uni-helper-json 从 git 下载 uni-app 代码块,放到项目目录下的 .vsc

效果图: address_picker.tsx: import Taro, { Component } from '@tarojs/taro' import { View, PickerView, PickerViewColumn } from '@tarojs/components' import PropTypes from 'prop-types' import address from '../../utils/city.js' import './address_picker.scss

这篇文章也许会不定时更新,主要记录这段时间内自己遇到的angularjs学习开发的一些问题的解决办法.本文以摘抄为主,主要目的还是将自己遇到的困惑在各个地方查到的解决办法的汇总,给自己留个备忘吧. 1.新手在初次使用angularJS router的时候往往会忘记引用angular-route.min.js以及注入相关依赖,导致类似 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.0rc1/$injecto

<script type="text/javascript"> var is_enabled = -1; var checkSubmitFlg = false; var sExFlag = false; var fhFlag = false; var shdFlag = false; //check ABC function checkABC () { var ABCtype_id = $("#type_id").val(); if (ABCtype_i

当input输入了空格是不会提示信息的 一般会去除空格然后进行验证 这个时候就要添加onkeyup事件去除左侧的空格 验证只输入空格通过验证 //添加验证手机方法 jQuery.validator.addMethod("isMobile", function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/; return this.opti

平常开发工作中,我经常取Github上搜索项目,Clone下来学习使用,在这个过程中,发现了好多比较好的Github地址,记录下来,分享出去. image 非常有用的GitHub链接(顺序不分先后): 1. https://github.com/jeasonlzy: OkHttpUtils-2.0.0 升级后改名 OkGo,全新完美支持RxJava,比Retrofit更简单易用. 完全仿微信的图片选择,并且提供了多种图片加载接口,选择图片后可以旋转,可以裁剪成矩形或圆形,可以配置各种其他的参数

前言 这是我封装的第一个Vue插件,实现的功能是滑动选择省市区,虽然只是一个简单的插件,但还是挺开心的,记录一下步骤. 插件地址:https://github.com/leichangchun/vue-area-select     欢迎指正 准备 Vue官网插件部分 的介绍虽然很简单,但是还是好好刷一遍的.由于此插件较为简单,主要用到以下两个点: 1 . Vue的插件需要有一个公开方法install 2 . 通过全局方法 Vue.use() 使用插件,在下文有栗子 创建工程 初始化工程 vue

二,脚本 <script> $("#city-picker").cityPicker({ title: "选择省市区/县", onChange: function (picker, values, displayValues) { console.log(values, displayValues); } });</script>

首先访问该链接:http://www.jq22.com/jquery-info12914 看看是否是你要找的三级联动插件,(主要看注释的部分!) 好了,不知道是不是我傻,没有找到初始化数据的方法,本人只能直接格式化一下代码,直接改源码,总之呢,三个地方要改动,看源码: 修改:city-picker.min.js // jshint ignore: start + function(e) { //开发时,直接把数据库数据设置给rawCitiesData,注意,这里要转json对象,不是json字符

1,使用表单验证: //定义验证规则 window.varifyUtil = { //验证数字 validateNumber: function(rule, value, callback){ if (!isGreaterZero(value)) { return callback(new Error("请输入数字类型")); } callback(); }, //验证身份证号 validateIdcard: function(rule, value, callback){//身份证验

PHP实现无限分类 无限分类 递归 无限级分类是一种设计技巧,在开发中经常使用,例如:网站目录.部门结构.文章分类.笔者觉得它在对于设计表的层级结构上面发挥很大的作用,比如大家在一些平台上面,填写邀请人,它就是一种上下级的关系,上级会有多个下级,下级又会有自己的分支,大多数都是利用递归的思想去实现.话不多说,首先来温故一下递归的实现. 递归(程序调用自身的编程技巧): 1.$_GLOBALS[result] 2.static $result 3.参数引用& 举例:遍历1-10 $i=0;  fu

该篇博客总结特殊元素(select.radio\checkbox.时间控件.文件上传.图片验证码.模拟鼠标操作.Js 或 JQuery调用)操作. 1.select @Test public void fTest() throws InterruptedException { launchBrowser("http://XXX/Competition/Index", 10); /*我们最常见的省市区选择 * <select style="width: 33%"

最近公司做了一个系统,因为页面涉及的表单交互非常多,如果使用之前的 Node + Express 的开发模式效率是非常低的,因此经过考虑,最后决定使用 Node + React 的开发模式,并且使用了蚂蚁金服出品的开源框架 Ant Design. 正如Ant Design 官方介绍: "在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,给设计师和工程师带来很多困扰和重复建设,大大降低了产品的研发效率."在这次开发的项目中,因为数据交互非常频繁,