NAME-CJF-优快云博客

原创 js对比两个json 用其中一个json的数据的一个属性去匹配另一个json数组的下标

第一种方法：let a = [{ id: 1, name: '111' },{ id: 2, name: '222' },{ id: 3, name: '333' },{ id: 4, name: '444' }];let b = [{ index: 0, name: '344323' },{ index: 1, name: '3222' }];let rArry = ...

2019-06-05 22:18:08 4351

原创 js正则表达式匹配手机号中间四位以及匹配姓名第一个字符，将其替换为*

// 手机号中间四位加密function telHideCenter(val) { var reg = /^(\d{3})\d{4}(\d{4})$/; val = val.replace(reg, '$1****$2'); return val;}telHideCenter('15093776037'); => 150****6037// 第一个字符加...

2019-04-28 14:48:02 4907

原创 js处理一个list集合，根据属性对应关系将数据处理成树形结构

function myfun (arr , id){ let array = []; arr.forEach (function (item,index) { if((item.parentId || 0) == id){ item["child"] = myfun(arrs,item["id"]); array.push(item); ...

2019-03-27 11:52:25 3405 3

原创微信网页授权开发(基于微信公众号发起的网页授权以及基于第三方平台代公众号发起授权)

由于工作需要,需要在h5界面上发起一个授权操作，从而获取用户信息以及用户openId，提供了两种方法：想要拿到用户openid，第一步首先要获取到code，通过code以及你要授权的公众号一些别的信息来换取access_token，这里提供一个换取code的方法：/** *@createdBy cjf *@date 2018/12/7 *@methods:g...

2018-12-19 15:56:46 2487

原创关于ue富文本编辑器显示小程序卡片的相关开发

由于需求，需要在富文本编辑器里面显示小程序卡片不多说直接干：首先说一下我的思路：我使用的百度的ue编辑器，这个编辑器提供了一个方法可以通过 execCommand 这个方法可以插入到富文本编辑器里面显示对应的内容，我最初的想法就是写一段hml代码出来然后将这段html代码插入进去显示。ue.execCommand('inserthtml', '<span>我的小程序卡片...

2018-12-09 20:22:26 967

原创微信公众号图卡片息发送【模拟发送一个小程序信息】

首先我们来看一下微信官方关于图文消息发送给出的文档说明小程序卡片跳转小程序，代码示例：<mp-miniprogram data-miniprogram-appid="wx123123123" data-miniprogram-path="pages/index/index" data-miniprogram-title="小程序示例" data-progarm-imageurl="...

2018-12-09 19:31:56 12871 3

原创 JSON数据的去重以及对比两个JSON数据后者相对于前者新增的对象

// 根据id去除一个json数据的重复项 function filterObj(objcArray){ for (var i = 0; i < objcArray.length; i++) { for (var j =i+1; j <objcArray.length; ) { if (objcArray[i].id == objc...

2018-11-01 20:24:41 9837

原创 vue+element ui学习笔记之input加搜索icon组合选取数据

首先我们来看一下效果图:具体的代码实现：<!DOCTYPE html><html><head> <meta charset="UTF-8">  <link rel="stylesheet" href="https://unpkg.com/e

2018-10-09 15:11:12 3835

原创 js获取加减乘除精确数值

/** * 加法 * @param arg1 * @param arg2 * @returns */function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}; try{r2=arg2.toString().split(".")[1]...

2018-10-03 16:45:12 1183

翻译 input框怎么覆盖掉数字英文的Script

摘要：例子1:<input type="text"value="0"onkeyup="cleartwoNum(this)">//限制input框输入只能数字:functioncleartwoNum(obj){ obj.value=obj.value.replace(/[^/d]/g,'');}例子2:可以输入金额<inputtype="text"valu 例子1:...

2018-09-07 23:17:18 331

原创 vue+element 学习笔记 form表单验证之input数字必输（只能是数字）校验问题

序言在开发项目的过程中，表单需要设置某些字段输入的值必须是数字，且是必输字段，我使用了element提供的方法v-model.number，但是出现了一点问题。具体见图：用了v-model.nuber以后：看到了图以后很显然意见，他虽然完成了必输字段需要时数字这个需求，但是他还是可以输入文字。于是采用了另一种办法：具体用法看代码：<el-input v-mode...

2018-09-06 22:05:05 40449 4

原创 vue+element ui 学习笔记【table篇】table默认选中选中一行setCurrentRow(row)以及默认选中多行toggleRowSelection（row,selected）

序言根据工作的需求，需要实现两个table实现头行级联的功能，所有在调用vue实例对象后，页面挂载完后需要默认选中头的table，获取行数据的id来通过接口实现头行级联功能。干起来~~~~1 element ui-----table默认选中一行setCurrentRow(row)首先我们来看下官方文档：下边我们看下代码：<el-table highlight-c...

2018-09-05 17:37:20 68333 17

原创 git操作笔记（git常用命令行工具）

ps：下面的操作都是在终端上运行的。1,第一次使用需要配置用户信息 git config --global user.name "zhangsan" git config --global user.eamil "12345@qq.com" git config --global push.default matching2,创建本机秘钥 ssh_keygen ...

2018-09-02 15:43:37 722

原创原生js转化生成各种格式的时间格式

以下生成日期格式共用函数function NumbertoLen2String(n) { if (n.toString().length == 1) { return '0' + n.toString(); } else { return n; }};1 生成本地当时时间：年-月-日时:分:秒（2018-05-06 10...

2018-09-02 15:15:25 1081

原创 rem布局实现不同分辨率移动终端的自适应、整体缩放

前言为了让我们用html5画出来的界面在各种移动端都可以自适应比例，我们采用页面尺寸样式采用rem布局，以适应各种移动终端的显示。假如我们以苹果6宽度像素的尺寸作为标准——750，以750设计稿为例。第一步：设置初始remhtml{ font-size: calc(100vw/7.5);}ps: 100vw是设备的宽度，除以7.5可以让1rem的大小在iPhon...

2018-09-02 15:01:31 856

原创 Linux命令大全

1 下载安装nodeJS：http://nodejs.cn/mac系统：打开终端：输入node-v npm -vwindow系统：运行cmd进入命令行：输入node-v npm -v2 打开终端命令行输入node -v npm -v 查看版本号Last login: Wed Nov 22 09:05:36 on consolebogon:~ changjiufu$ node...

2018-09-01 17:25:55 208

原创【微信小程序】wxml、wxss、js 引入外部文件的方法

1 wxml中引入外部文件的实现方法1、import 方法import 可以在该文件中使用目标文件定义的template；import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template！写法：<import src="文件路径" />2、include 方法inclu...

2018-09-01 17:05:30 3020

原创常用的正则表达式集锦

isValidate(value, format) {if (format == 'email') {return /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/....

2018-07-13 16:10:35 201

原创把一个个对象封装成json数据

1、定义一个对象var value={"value":'',"label":''};2、定义一个数组var arr=[];3、使用for循环进行赋值for(var i=0;i<4;i++){ var value={"value":'',"label":''}; value["value"]=i; value["label"]=i; arr.push(value

2018-06-12 11:58:13 4183

原创 vue v-for 循环（一行显示四个，每一行的最右边那个计算属性）

<div class="imglist-item" v-for="(items,key) in imgmaterialdialog.imglist" @click="selectimg(items,key)" :class="(key + 1) % 4==0?'imglist-noright':''"> <img :src="items.tempMaterialUrl&quot

2018-05-29 15:20:12 41471

原创双飞翼布局

1、双飞翼布局（-）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼布局1</title> <style type="text/css"> *{padding:

2018-04-18 20:28:52 207

原创 css定义全局样式

/*全局样式*/*{padding:0;margin:0;}div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}img,input{border:none;vertical-align:middle;}body{font-family:Tahoma,Arial,Helvetica,"...

2018-04-16 20:45:15 18779

原创 css强制换行隐藏不显示省略号以及css换行隐藏显示省略号

1、css强制换行隐藏不显示省略号1 word-break: break-all; 只对英文起作用，以字母作为换行依据。 2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。 3 white-space: pre-wrap; 只对中文起作用，强制换行。 word-break:break-all 和 word-wrap:break-word ...

2018-04-12 11:33:58 2091

翻译 vue-element ui 表格里面嵌套图片

显示一张图片的方法：<el-table-column label="头像" width="100">2 <template scope="scope">3 <img :src="scope.row.head_pic" width="40" height="

2018-04-04 16:52:07 11220

原创 echarts实现饼图-附图

var option = { title:{ text:'客户分类统计', textStyle:{ color:'#22252A', fontFamily:'PingFangSC-Medium', fon...

2018-03-07 09:40:18 2152

原创 highcharts实现饼图(2)

//highcharts绘制饼状图 var chart = null; $(function () { $('#accountReportChart').highcharts({ chart: { plotBackgroundCol...

2018-03-07 09:03:30 465

原创 highcharts实现饼图-附图 option配置-可点击伸缩变化

var chart = null;$(function () { $('#accountReportChart').highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, }...

2018-03-06 21:32:14 2158

原创 echarts实现柱状图-附图 option配置

option = { title : { text: '我的商机TOP(10)', textStyle:{ fontWeight:'bold', color: '#22252A', fontSize:12, ...

2018-03-06 21:28:03 1894

原创 echarts实现折线图代码-附图

var option={ //标题 title : { text: '上周销量情况(万)', subtext: '2017年10月23日 - 2017年10月30日', x : 'left', /...

2018-03-06 21:23:54 2389 3

原创那些年我们学习jsp开发遇到的坑

作为初学者，我学习了jsp网页开发，就像学习html一样，我们要建立一个.jsp为后缀的文件，但是这样的文件怎么打开呢？1、jsp开发就是把java代码嵌套进html中，若是没有Java代码，.jsp文件里全部是html代码，那么就可以像html代码一样直接在网页中进行编译；2、若是存在java代码，又该如何让他去执行呢？我于是上网查询了一些资料，搞明白jsp动态网页开发需要配置java环

2018-01-08 16:02:22 265

原创全部用jquery写的无缝左右滑动轮播图

这里的圆点的html代码是通过js实现的，全jquery实现无缝轮播1、html代码第一个第二个第三个第四个第五个第一个 -->>2、css代码div.banner{display:block;position: relative;margin:0 auto;

2017-11-15 20:51:45 3566

changjiufu的博客