- JS经纬度正则验证
scorpion_V
前端
经纬度的校验(保留5位小数):需求:一个页面多个经纬度需要经验,然后采用此方法就可以一步到位啦~1.在util.js全局写经纬度的范围校验代码如下:constformValidation={//经度validatorLongitude:(rule,value,callback)=>{constreg=/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15
- 微信小程序--拿到时间戳 转换 并绑定
土生土长的IU
微信小程序javascript时间戳微信小程序jswxml
首先在后台创建utils-->util.js里面封装函数,以便在项目其他地方js使用functionformatTime(date,type){letreg=/^\d+$/g;vardate=reg.test(date)?newDate(Number(date)):newDate(date)varyear=date.getFullYear()varmonth=(date.getMonth()+1<
- vue项目启动出现的问题
木子川页心
vue踩坑-Error:listenEADDRNOTAVAIL192.168.1.122:8081Error:listenEADDRNOTAVAIL192.168.1.122:8081atObject._errnoException(util.js:1024:11)at_exceptionWithHostPort(util.js:1046:20)atServer.setupListenHandle
- 微信小程序wx.request使用post方式传参
小李不小
需要注意的是method是get方式的时候,header为{"Content-Type":'application/json'},当method为post时,header为{"Content-Type":"application/x-www-form-urlencoded"}post方式传递的参数需要转换1。js中varutil=require('../../utils/util.js');pag
- 小程序for循环对象
神木惊蛰
{{index+1}}.{{log}}varutil=require('../../utils/util.js')Page({data:{logs:[]},onLoad:function(){vartest=wx.getStorageSync('logs');vartset1=test||[];vartest3=function(log){returnutil.formatTime(newDate
- el-upload子组件上传多张图片(上传为files或base64url)
ss_Tina
vue.jsjavascriptelementui
场景:在表单页,有图片需要上传,表单的操作行按钮中有上传按钮,点击上传按钮。弹出el-dialog进行图片的上传,可以上传多张图片。由于多个表单页都有上传多张图片的操作,因此将上传多图的el-upload定义为公共的子组件。效果如图:util.js图片转base64使用到的工具js,file转urlutil.js图片转base64//转base64el-upload上传的file不能直接用,要用f
- uniapp 封装公共请求方法
Sliy 磊磊
uni-app
版本vue2在main.js中引用//导入封装好的请求数据的方法importUtilfrom'@/util/util.js'importHttpfrom'@/util/request.js'//封装请求路径importstoragefrom'@/store/storage.js'Vue.prototype.$storage=storageVue.prototype.$Util=UtilVue.pr
- uniapp封装公共的方法或者数据请求方法
傻的太坏
uni-app
仅供自己参考,不是每个页面都用到这个方法,所以我直接在用到的页面引用该公用方法:1、新建一个util.js文件exportconstaddress=function(options){returnnewPromise((resolve,reject)=>{uni.request({url:"https://x.cxniu.cn/api/area_list",method:"GET",success
- 如何在一个页面调用另一个页面的methods
小白白呐
1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立util.js中转站文件(任意位置,我是在/assets/js/util.js)importVuefrom'vue'exportdefaultnewVue2.分别在两个页面引入该文件(注意路径)3.调用方代码4.被调用方代码好啦,到这里就解决啦参考链接:https://blog.csdn.net/TrZoey/article/de
- 2019-06-16 手写webpack(大圣老师)
DreamNeverDie
1.要编译的项目代码src/index.jsconstsayHi=require('./a.js')sayHi('开课吧')src/a.jsconstsayAge=require('./common/util.js')module.exports=(name)=>{console.log('helloworld'+name)sayAge(18)}src/common/util.jsmodule.e
- 微信小程序开发—— 封装方法 & wx.request请求 & WXS & 确认框和消息框 & scroll-view滚动条
叽里咕呱
一、封装方法1、封装方法并导出将封装的方法放到util目录下的js文件中。可以新建js文件,也可以直接写在util.js文件中。通过export导出封装的方法。(1)确认框方法在新建的msg.js文件中定义确认框方法,并导出。exportlet$confirm=(content)=>{returnnewPromise(resolve=>{wx.showModal({content,success:
- vue 中import 不同层级目录下的文件的表示方式
努力学编程呀(๑•ี_เ•ี๑)
vue.jsjavascript前端
项目场景:项目背景:vue项目中开发页面需要用到其它目录下的文件,需要使用import进行导入问题描述问题:importutilfrom'@/libs/util.js'importdrawerfrom'../drawer/drawer'importmixinViewModulefrom'@/mixins/view-module'解决方案:解决方案:一、import同一目录下的文件importMyC
- Vue打包之后静态资源多了层Static
崇尚自由的猿
最近在开发的过程中,将项目打包之后放到线上.发现原本放在/static目录下的静态资源没有效果.打开调试之后才发现是资源目录多了一层static,因此访问不到资源导致的.本地资源没有报错,因此可以确定是打包的过程中出现了问题.因此,我们打开项目中build目录下的util.js,找到如下代码if(options.extract){returnExtractTextPlugin.extract({u
- 微信小程序处理接口数据
Wanlly
util.js代码:functionget_index_data(callback){wx.request({url:'https://c.y.qq.com/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg',//仅为示例,并非真实的接口地址data:{g_tk:5381,uin:0,format:'json',inCharset:'utf-8',ou
- 原生小程序分页工作记录
qq_34114535
小程序前端
index.wxml{{item.feed_source_name}}{{item.feed_source_txt}}{{item.question}}{{item.answer_ctnt}}{{item.good_num}}赞同{{item.comment_num}}评论关注问题index.js//index.jsvarutil=require('../../utils/util.js')var
- 下拉组件 父DOM滚动事件 下拉面板坐标问题
将军肚
util.js/***获取给定元素的CSS计算属性*@function*@ignore*@argument{Eement}element给定的元素*@argument{String}property属性*/exportfunctiongetStyleComputedProperty(element,property){//注:这里会访问DOMvarcss=window.getComputedSty
- vue 项目 在main.js引入scss文件时报找不到文件的异常(确定路径正确)
是阿信ya
vue.jsjavascriptscss
解决:新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖并在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置导致配置重复而报错删除重新运行项目即可
- Vue组件中正确引用和使用外部方法
小猫爱吃yu
vue.js前端javascript
Vue组件中正确引用和使用外部方法在开发Vue应用时,我们经常需要在多个组件中复用一些通用的函数或方法。这些函数可能是我们自己编写的工具函数,也可能是从第三方库中导入的。然而,仅仅在组件中导入这些函数并不足以使它们在模板中可用。在本文中,我们将探讨如何在Vue组件中正确引用和使用这些外部方法。首先,让我们看一个常见的场景:你有一个工具函数copyUrl,它定义在一个外部文件util.js中,你希望
- 微信小程序-promise使用和函数封装
Christoles
首先,我们来在utils文件夹的util.js文件中,封装ajax函数,并且用module.exports导出一下。在做项目的时候,建议把封装的函数都放在util.js文件中,方便管理。util.js://---promise封装ajaxfunctionpromiseAjax(_url,type,data){returnnewPromise(function(resolve,reject){wx.
- 小程序canvas绘制海报二维码
唐人不自醉
保存图片到相册当前页面的jsimportInfofrom"../../utils/util.js";//引入外部jsdata:{hidden:true,code:"",title:"",imgs:"",imgUrl:"",sHeight:"",sWidth:''},//请求海报封面和二维码letthat=this;wx.downloadFile({url:'https://test.ydlweb.
- 微信小程序获取当前日期及时间
DOM曼珠沙华
小程序小程序
1.在微信小程序新建好之后,项目内可以看到有一个名字为utils的文件夹,内放置util.js文件,util.js文件用于存放公共方法。打开后可以看到内容如下图:如果说你只需要获得当前日期等其他文件内没有的数据,就需要你进行添加,可以看到源文件获取日期加时间的一个数据,比如2.我们现在只需要日期,需要添加日期方法,下方选中的部分:在添加完成后,同时需要将其导出,在原来导出的基础上添加formatD
- 微信小程序-ajax的使用和封装
Christoles
微信小程序的ajax使用方法:wx.request({url:'http://120.76.31.111/app/XhlGetSubjectTypeList',//随便拿个网址演示method:'get',success(res){console.log(res);}})ajax函数封装在我们做项目的时候,为了方便复用,需要封装ajax函数方便随时调用首先,我们来在utils文件夹的util.js
- vue插件
kzc爱吃梨
一些辅助的东西和一些通用的方法可以放在helper这个文件下面,创建一个util.js文件image.png在新建的js文件里封装好我们的过滤时间的方法:把时间取整并且在后面加上“单位”。记得将方法export导出来functionfriendlyDate(dateStr){letdateObj=typeofdateStr==='object'?dateStr:newDate(dateStr)//
- 微信小程序 slider 翻转最大和最小值
笑虾
WeChat微信微信小程序小程序
微信小程序slider翻转最大和最小值场景代码示例index.wxmlindex.jsutil.js参考资料场景我想使用slider时最左边是10最右是-10。但是想当然的直接改成并没用。查了文档和社区也没有现成的解决方案。代码示例index.wxml翻转slider的最大和最小值翻转后的值:{{value}}index.jsconstutil=require("../utils/util.js"
- 前端项目--命名规范
秃头馒头
前端
1.文件命名:项目命名:以小写字母命名,中划线分割。如my-project。目录命名:以小驼峰命名法,除第一个单词之外,其他单词首字母大写。如myDir。JS/TS文件:以小写字母命名,多个单词以下划线连接,例如util.js、util_helper.js组件文件:遵循Pascal命名法(大驼峰),例如AddressPicker.vue。HTML/CSS文件:命名以字母开头而不是数字,且字母一律小
- vue uni-app 上传图片 图片压缩 优化
北境程序员
uni-app小程序vue上传图片压缩优化vue.jsjavascript前端
点击上传图片import{compressImg}from'../../utils/util.js'公用的图片压缩路径methods:{ChooseImage(){letthat=thisuni.chooseImage({count:1,sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认二者都有sourceType:['album'],//从相
- vue-cli项目引入全局scss变量的方法
馋馋猫
vue.jsjavascript前端
vue-cli引入全局scss引入依赖修改配置文件vue-cli创建的项目没有webpack的配置文件,例如没有bulid/util.js,需要在/vue.config.js中配置引入依赖npminstallsass-resources-loader--save修改配置文件//vue.config.js//...其他的代码functionaddSassResource(rule){rule.use
- linux的9080端口被占用,MacOS中80端口被占用解决方法
weixin_39596720
linux的9080端口被占用
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?最近在用mac做前端开发。利用nodejs启用80端口作静态服务器时,启动报错如下:#events.js:160thrower;//Unhandled‘error’event^Error:listenEADDRINUSE0.0.0.0:80atObject.exports._errnoException(util.js:1
- Vue-Element UI 组件使用经验,动态二维码生成,node.js 之使用 util 工具类发送请求,uniapp忽略路径中#,前端总结大杂烩,附代码解析(持续更新)
椎名寒影
学习uivue.js
目录一、Vue-ElementUI1.表格el-table2.弹框3.按钮(预授权)4.组件template5.抽屉el-drawer6.动态生成二维码二、node.js1.node.js引入util.js工具类三、uniapp1.view标签2.onLoad(options)获取url路径上参数3.解决微信开发中H5路径中的"#"影响跳转一、Vue-ElementUI1.表格el-table@s
- web3.0 升级到webpack5.0 以及兼容IE处理
web前端执行者
webpackwebpack5.0IE兼容处理
如果你的事vue-cli或者其他cli关于IE兼容不具有什么参考价值。如果是react项目,你看看就行。webpack3的打包速度已成为诟病,所以我们将原来的webpack3升级至webpack5首先就是原来的项目结构,主要在于build目录下面,存在基础配置,开发配置,生产配置build|-------util.js|-------webpack.common.js|-------webpack
- 异常的核心类Throwable
无量
java源码异常处理exception
java异常的核心是Throwable,其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage,记录异常信息,getMessage核心方法,获取这个参数的值,我们可以自己定义自己的异常类,去继承这个Exception就可以了,方法基本上,用父类的构造方法就OK,所以这么看异常是不是很easy
package com.natsu;
- mongoDB 游标(cursor) 实现分页 迭代
开窍的石头
mongodb
上篇中我们讲了mongoDB 中的查询函数,现在我们讲mongo中如何做分页查询
如何声明一个游标
var mycursor = db.user.find({_id:{$lte:5}});
迭代显示游标数
- MySQL数据库INNODB 表损坏修复处理过程
0624chenhong
tomcatmysql
最近mysql数据库经常死掉,用命令net stop mysql命令也无法停掉,关闭Tomcat的时候,出现Waiting for N instance(s) to be deallocated 信息。查了下,大概就是程序没有对数据库连接释放,导致Connection泄露了。因为用的是开元集成的平台,内部程序也不可能一下子给改掉的,就验证一下咯。启动Tomcat,用户登录系统,用netstat -
- 剖析如何与设计人员沟通
不懂事的小屁孩
工作
最近做图烦死了,不停的改图,改图……。烦,倒不是因为改,而是反反复复的改,人都会死。很多需求人员不知该如何与设计人员沟通,不明白如何使设计人员知道他所要的效果,结果只能是沟通变成了扯淡,改图变成了应付。
那应该如何与设计人员沟通呢?
我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说,整天玩的都是点、线、面、配色,哪种构图看起来协调;哪种配色看起来合理心里跟明镜似的,
- qq空间刷评论工具
换个号韩国红果果
JavaScript
var a=document.getElementsByClassName('textinput');
var b=[];
for(var m=0;m<a.length;m++){
if(a[m].getAttribute('placeholder')!=null)
b.push(a[m])
}
var l
- S2SH整合之session
灵静志远
springAOPstrutssession
错误信息:
Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
- xmp标签
a-john
标签
今天在处理数据的显示上遇到一个问题:
var html = '<li><div class="pl-nr"><span class="user-name">' + user
+ '</span>' + text + '</div></li>';
ulComme
- Ajax的常用技巧(2)---实现Web页面中的级联菜单
aijuans
Ajax
在网络上显示数据,往往只显示数据中的一部分信息,如文章标题,产品名称等。如果浏览器要查看所有信息,只需点击相关链接即可。在web技术中,可以采用级联菜单完成上述操作。根据用户的选择,动态展开,并显示出对应选项子菜单的内容。 在传统的web实现方式中,一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息,放置到页面中对应的位置,然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
- 天-安-门,好高
atongyeye
情感
我是85后,北漂一族,之前房租1100,因为租房合同到期,再续,房租就要涨150。最近网上新闻,地铁也要涨价。算了一下,涨价之后,每次坐地铁由原来2块变成6块。仅坐地铁费用,一个月就要涨200。内心苦痛。
晚上躺在床上一个人想了很久,很久。
我生在农
- android 动画
百合不是茶
android透明度平移缩放旋转
android的动画有两种 tween动画和Frame动画
tween动画;,透明度,缩放,旋转,平移效果
Animation 动画
AlphaAnimation 渐变透明度
RotateAnimation 画面旋转
ScaleAnimation 渐变尺寸缩放
TranslateAnimation 位置移动
Animation
- 查看本机网络信息的cmd脚本
bijian1013
cmd
@echo 您的用户名是:%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt"
@echo 您的机器名是:%COMPUTERNAME%>>"%userprofile%\网络参数.txt"
@echo ___________________>>"%userprofile%\
- plsql 清除登录过的用户
征客丶
plsql
tools---preferences----logon history---history 把你想要删除的删除
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_spac
- 【Pig一】Pig入门
bit1129
pig
Pig安装
1.下载pig
wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz
2. 解压配置环境变量
如果Pig使用Map/Reduce模式,那么需要在环境变量中,配置HADOOP_HOME环境变量
expor
- Java 线程同步几种方式
BlueSkator
volatilesynchronizedThredLocalReenTranLockConcurrent
为何要使用同步? java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查), 将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之前,被其他线程的调用, 从而保证了该变量的唯一性和准确性。 1.同步方法&
- StringUtils判断字符串是否为空的方法(转帖)
BreakingBad
nullStringUtils“”
转帖地址:http://www.cnblogs.com/shangxiaofei/p/4313111.html
public static boolean isEmpty(String str)
判断某字符串是否为空,为空的标准是 str==
null
或 str.length()==
0
- 编程之美-分层遍历二叉树
bylijinnan
java数据结构算法编程之美
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;
public class LevelTraverseBinaryTree {
/**
* 编程之美 分层遍历二叉树
* 之前已经用队列实现过二叉树的层次遍历,但这次要求输出换行,因此要
- jquery取值和ajax提交复习记录
chengxuyuancsdn
jquery取值ajax提交
// 取值
// alert($("input[name='username']").val());
// alert($("input[name='password']").val());
// alert($("input[name='sex']:checked").val());
// alert($("
- 推荐国产工作流引擎嵌入式公式语法解析器-IK Expression
comsci
java应用服务器工作Excel嵌入式
这个开源软件包是国内的一位高手自行研制开发的,正如他所说的一样,我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用,并提出意见和建议。。。
----------转帖---------------------------------------------------
IK Expression是一个开源的(OpenSource),可扩展的(Extensible),基于java语言
- 关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer
daizj
spring
1、PropertyPlaceholderConfigurer
Spring中PropertyPlaceholderConfigurer这个类,它是用来解析Java Properties属性文件值,并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。
基本的使用方法是:(1)
<bean id="propertyConfigurerForWZ&q
- 二叉树:二叉搜索树
dieslrae
二叉树
所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表.
tree代码:
- C语言字符串函数大全
dcj3sjt126com
cfunction
C语言字符串函数大全
函数名: stpcpy
功 能: 拷贝一个字符串到另一个
用 法: char *stpcpy(char *destin, char *source);
程序例:
#include <stdio.h>
#include <string.h>
int main
- 友盟统计页面技巧
dcj3sjt126com
技巧
在基类调用就可以了, 基类ViewController示例代码
-(void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
[MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
- window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
flyvszhb
javajdk
window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
本机已经安装了jdk1.7,而比较早期的项目需要依赖jdk1.6,于是同时在本机安装了jdk1.6和jdk1.7.
安装jdk1.6前,执行java -version得到
C:\Users\liuxiang2>java -version
java version "1.7.0_21&quo
- Java在创建子类对象的同时会不会创建父类对象
happyqing
java创建子类对象父类对象
1.在thingking in java 的第四版第六章中明确的说了,子类对象中封装了父类对象,
2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
- 跟我学spring3 目录贴及电子书下载
jinnianshilongnian
spring
一、《跟我学spring3》电子书下载地址:
《跟我学spring3》 (1-7 和 8-13) http://jinnianshilongnian.iteye.com/blog/pdf
跟我学spring3系列 word原版 下载
二、
源代码下载
最新依
- 第12章 Ajax(上)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- BI and EIM 4.0 at a glance
blueoxygen
BO
http://www.sap.com/corporate-en/press.epx?PressID=14787
有机会研究下EIM家族的两个新产品~~~~
New features of the 4.0 releases of BI and EIM solutions include:
Real-time in-memory computing –
- Java线程中yield与join方法的区别
tomcat_oracle
java
长期以来,多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中,我得到了一个机会),但是理解多线程对增加你的信心很有用。之前,我讨论了一个wait()和sleep()方法区别的问题,这一次,我将会讨论join()和yield()方法的区别。坦白的说,实际上我并没有用过其中任何一个方法,所以,如果你感觉有不恰当的地方,请提出讨论。
&nb
- android Manifest.xml选项
阿尔萨斯
Manifest
结构
继承关系
public final class Manifest extends Objectjava.lang.Objectandroid.Manifest
内部类
class Manifest.permission权限
class Manifest.permission_group权限组
构造函数
public Manifest () 详细 androi
- Oracle实现类split函数的方
zhaoshijie
oracle
关键字:Oracle实现类split函数的方
项目里需要保存结构数据,批量传到后他进行保存,为了减小数据量,子集拼装的格式,使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个,也补全了一下。
CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100);
cr