- vue3挂载全局方法
一个打工仔的笔记
vue.jsjavascript前端
比如某个js方法,项目很多地方都能用到,每次去重新写一遍太麻烦,放在一个js里面,每次去引入也懒得引,就可以挂载在全局上1.创建tool.js文件,里面放常用的方法consttools={getCurrentTim(){constcurrentTime=newDate();constyear=currentTime.getFullYear();constmonth=currentTime.getM
- vue 项目前端导出pdf(纯前端操作)
一个没有灵魂的女程序媛
前端vue.jspdf
1.安装两个插件:html2canvas和jspdfnpminstallhtml2canvasnpminstalljspdf2.创建一个公共文件tool.js如下importhtml2canvasfrom'html2canvas';importJsPDFfrom'jspdf';/***@paramele要生成pdf的DOM元素(容器)*@parampadfNamePDF文件生成后的文件名字**/f
- uni-app 微信小程序蓝牙模块的解耦封装-持续更新
八分钟de温暖
uni-app微信小程序notepad++
一、核心代码core.jsimport{showModal,stringToHex,sleep,uniqueArr,arrayBufferToHexString,hexStringToArrayBuffer,compareVersion}from'./tool.js'//buffer分包,根据MTU的长度进行分包,蓝牙分发官方建议20个字节一包,但是随着硬件的发展,可设置一次传输的最大单元//根据
- tool.js
撕心裂肺1232
/*函数节流*/functionthrottle(fn,interval){varenterTime=0;//触发的时间vargapTime=interval||300;//间隔时间,如果interval不传,则默认300msreturnfunction(){varcontext=this;varbackTime=newDate();//第一次函数return即触发的时间if(backTime-e
- 【前端】Vue页面无法使用import的方法
我是Superman丶
前端技术前端
{{Tool.show()}}import{Tool}from'@/util/Tool.js'exportdefault{components:{addProcess,searchDetailPage},name:'movementTask',data(){return{Tool:Tool//需要在这里重新定义一下否则会报错在data里重新定义一个属性
- 前端实现打印1 - 使用 iframe 实现 并 分页打印
Fighting_p
项目问题htmlJavaScript前端vue.jsjavascript
目录打印代码对话框预览打印预览打印代码-->{{item.num}}取消打印import{getStore}from'@/utils/tool.js'//importprintJSfrom'print-js'exportdefault{name:'PrintBloodUseDialog',components:{},data(){return{dialogVisible:false,bloodLi
- vue常用方法总结
前端vue
vuevuejs
1、常用工具类2、本地存储工具类点击查看更多常用工具类tool.js/**验证手机号是否合格*true--说明合格*/exportfunctionisPhone(phoneStr){letmyreg=/^[1][3,4,5,7,8,9][0-9]{9}$/;if(!myreg.test(phoneStr)){returnfalse;}else{returntrue;}}/**验证身份证号是否合格*
- 数组数据处理为树形结构
泡芙123
在项目中需要把数组转换为树形结构经常会遇到,所以封装成方法需要时引用会更方便1、在src文件下新建utils文件夹(此文件夹一般存放自己封装的公共的工具类函数),新建tool.js文件代码如下://数组转成树形结构exportconsttoTree=function(arr){//新建result空数组letresult=[];letdata=JSON.parse(JSON.stringify(a
- tool.js
洛音轩
vue时间格式过滤器(今天,昨天,周几,年月日)TimeFormat(oldDateValue){letcurrentDate=newDate();letday=currentDate.getDay();letweeks=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");letweek=weeks[day];letoldDate=newDate
- JavaScript学习笔记
......、
学习笔记js常用函数js包javascriptsassgithubgitnpm
一、JavaScript内容链接包含笔记tool.js等https://download.csdn.net/download/weixin_42530002/130866751、字符串(1)、验证码(2)、将字符串按照单词进行逆序,空格作为划分单词的唯一条件(3)、对称数组(4)、已知一个字符串对象中,英语单词用各种非字母字符分割,统计单词个数(5)、判断单个字符是否是字母(包含大小写)(6)、实
- JS模块化方式
javascript
模块化方式commonJS方式很早的方式,nodeJS一直使用的//main.jsconstX=require('./tool')//获得module.exports的对象console.log(X.add(1,1))//2//tool.jsfunctionadd(){returna+b;}functionsub(){returna-b;}module.exports={//暴露出tool.js模
- Vue项目中import的使用,模块或文件常用的几种引入方式
longerJue
Vue实战系列Vue知识雨vue.js前端webpack
1、引入第三方插件–类似于用install安装的一些插件库importechartsfrom'echarts'2、引入工具类引入工具类前需要有封装好的工具类,然后export导出相关Js工具类,一般写法如下tool.js类:exportfunctiontoolFuncA(options){return...},exportfunctiontoolFuncB(options){return...}或
- uni-app 微信小程序全局图片加载失败处理
tianmeng1999
微信小程序uni-app
image的error事件处理tool.js/*图片加载失败处理that图片绑定字段所属对象dat图片绑定字段*/exportconstimgErr=(that,dat)=>{that[dat]="../../static/img/sb.png"//默认图片路径//默认图片路径如果也加载失败就没了不会继续触发}单个图片处理import{imgErr}from'@/store/tool.js'met
- Ext.js 常用组件(Ext.Button、、、)
小熊-csdn
为了方便调试,在页面透引用了一个tool.js,gaixilie具体代码如下functiongetNowFormatDate(){vardate=newDate();varseperator1="-";varseperator2=":";varmonth=date.getMonth()+1;varstrDate=date.getDate();if(month>=1&&month=0&&strDat
- 私人tool.js
简公孙策
个人总结的一些js工具代码/*eslint-disable*///如果是在vue项目中引入的话,上面的注释用来避免vue中的eslint语法检查//使用方法,在html中通过script标签引入,,不管是vue项目还是普通项目,可全局使用//在vue的main.js文件中通过import'./assets/js/myTool'的方式引入,全局使用//在vue组件中使用的话,import'../..
- 小程序的onPageScroll函数防抖与函数节流
JayBerg
微信小程序防抖节流函数jsscroll
场景函数防抖和节流都能优化js的性能,在开发的过程中由于要监听页面滚动的高度,但是每次屏幕的滑动,距离顶部有变化就会执行一次方法;这会导致性能的下降,简单来说用户体验极差;解决方法把两个方法封装到公用的tool.js/*函数节流*/functionthrottle(fn,interval){varenterTime=0;//触发的时间vargapTime=interval||300;//间隔时间,
- 常用工具tool.js
淘气_de小码农
JavaScript
1.日期格式校验--正则;letdateFormat=/((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|
- nodejs 注入 inject
ISaiSai
nodejs
当有些对象需要根据条件不同注入的时候,可以简单使用注入如下例:根据配置不同创建不同的USER对象,注入到tool.do方法中,从而实现不同的效果index.js主函数vartool=require("./tool.js");//此处是配置,根据配置决定注入的是什么varconfig="Man";if(config==="Man"){varUSER=require("./man.js");}else
- JS模块化的原始写法,对象写法,闭包,放大,宽放大,模块规范
dfc_dfc
前端javascript
原始写法Document/*我们可以吧一些常用的函数放在一个tool.js文件里然后在需要函数的时候,将tool.js引入【注】通过上述的方式,我们可以完成简易的模块化。问题:所有的函数都是全局函数,必然会造成全局变量污染。*/show()console.log(add(10,20))对象写法Document/*解决:全局变量污染的问题。问题:对象写法所有属性和函数,都不是私有,外部都可以访问的到
- 封装个人积累的Tool工具插件(vue) ——持续更新中~~~
人间草木96
个人总结vue
1.新建一个tool.js文件,写入如下代码,放入plugins文件夹内consttool={}//设置cookietool.setCookie=(name,value)=>{letDays=30letexp=newDate()exp.setTime(exp.getTime()+Days*24*60*60*1000)document.cookie=name+'='+escape(value)+';
- JS随机生成方块
许俊活
js
JS随机生成方块-许俊活网页主体代码JS随机方块tool.js的代码varTools={getRandom:function(min,max){returnMath.floor(Math.random()*(max-min))+min;}}box.js的代码functionBox(parent,options){options=options||{};//设置对象的属性this.backgroun
- uniapp微信小程序基于uniCloud数据库,一套完整的授权登陆,生成token
Ace.斗皇
uniAppuniapp微信小程序授权登陆uniCloud数据库生成token
1.创建uniapp的uniCloud数据库,绑定云数据库。参考https://uniapp.dcloud.io/uniCloud/concepts/space。绑定之后再uniCloud控制台查看管理。2.uniapp微信小程序中授权的登陆。2.1创建tool.js文件:exportdefault{getTokenValue(options){//1.获取用户的tokenlet{success,
- React获取数据的四种方式
star-1331
react
ajax()importReactfrom'react';importReactDomfrom'react-dom';importajaxfrom'./tool.js';classNavextendsReact.Component{constructor(){super();this.state={arr:{}};this.get=this.get.bind(this);}get(){ajax('
- 微信小程序快捷登录
嬴政不姓秦
解决您的生活问题登录后即可继续当前操作微信快捷登录其他方式登录验证码登录-->登录后可下单,参加活动还可领优惠券获取手机号授权您的手机号以便进行登录import{qqMapTransBMap}from'../../common/tool.js'importuniPopupfrom'@/components/uni-popup/uni-popup.vue'importagreementfrom'..
- 12 js07 window系列方法,脚本化CSS
官清岁月
滚动条移动距离、获取可视窗口属性、获取dom元素尺寸、滚动条系列方法、脚本化CSS【封装函数,形成工具库tool.js,需要的时候导入即可;明白函数的使用方法:聚焦点为参数、返回值、谁调用】1、滚动条移动距离:[即使ie不兼容的方法chrome浏览器大多也可以测试(chrome高版本)](1).滚动条在x轴、y轴移动的距离:window.pageXOffset/window.pageYOffset
- 前端业务代码中的配置化
T-Mcgrady*
业务代码中的配置化工作中有许多逻辑冗杂、迭代频繁的业务代码,随着迭代将越来越难以维护,一些场景适合通过配置化的方式来处理便于维护。一、什么是业务代码配置化?根据业务场景使用配置化的Object|Array|Map处理条件判断逻辑,通常需要配置文件CONFIG.js,若逻辑复杂需添加getConfig的处理函数-tool.js本质上if/else逻辑是一种状态匹配表驱动法,使用表数据,存储对应的状态
- ES6模块与commonJS 模块的转换
isaisai
javascriptCSS
commonJS模块导入使用require导出使用exports(或者module.exports)"usestrict"varCAL=require("./tool.js");console.log(CAL.Add(1,2))"usestrict"module.exports=classCal{staticAdd(a,b){returna+b;}}ES6模块导入使用improtfrom,导出使用
- 这样写的习惯" target="_blank">杜绝这样写的习惯
JavaScript
对于某些人来说,乍看该标题可能不知道是啥意思。我们都知道在页面aspx,ascx等页面中引用外部js文件时,这是一种通常的手段。
由于有了开发工具,我都变懒了很多。平时都在引入外部JS文件时都没怎么太在意它的写法,假如我要引用tool.js文件,开发工具会生成如下代码<script src="js/tool.js" type="text/javascript&
- Javascrip之轮播器的实现
u013035477
Javascript视频已经进行到最后了这部分主要是实现了一些功能,我们一般在网站上都能够看到很多动画特效,殊不知这些特效都是用CSS+JS和页面html代码来实现的上篇博客我们了解的base.js和tool.js的作用都是我们在后面用到的,在我们看淘宝的时候我们知道看不同的衣服图片不断闪动,但是当我们将鼠标固定到一张图片时,他又能停止那这又是怎么实现的呢,这就是我们看到的轮播器的作用首先我
- Google的javaScript压缩工具
picpld
JavaScript压缩Google
压缩js可以节省客户单下载时间,就拿V6的Tool.js来说吧,压缩前69.5KB,压缩后31.8KB,如果其中GZIP压缩的话那么客户端下载的文件将会更小了。下载compiler.jarhttp://closure-compiler.googlecode.com/files/compiler-latest.zip下载后,在命令行中运行:java-jarcompiler–help,我们来来看一下
- ASM系列五 利用TreeApi 解析生成Class
lijingyao8206
ASM字节码动态生成ClassNodeTreeAPI
前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能,其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。
在介绍前,先要知道一点, Tree工程的接口基本可以完
- 链表树——复合数据结构应用实例
bardo
数据结构树型结构表结构设计链表菜单排序
我们清楚:数据库设计中,表结构设计的好坏,直接影响程序的复杂度。所以,本文就无限级分类(目录)树与链表的复合在表设计中的应用进行探讨。当然,什么是树,什么是链表,这里不作介绍。有兴趣可以去看相关的教材。
需求简介:
经常遇到这样的需求,我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如,多级菜单、组织结构、商品分类。更具体的,我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
- 为啥要用位运算代替取模呢
chenchao051
位运算哈希汇编
在hash中查找key的时候,经常会发现用&取代%,先看两段代码吧,
JDK6中的HashMap中的indexFor方法:
/**
* Returns index for hash code h.
*/
static int indexFor(int h, int length) {
- 最近的情况
麦田的设计者
生活感悟计划软考想
今天是2015年4月27号
整理一下最近的思绪以及要完成的任务
1、最近在驾校科目二练车,每周四天,练三周。其实做什么都要用心,追求合理的途径解决。为
- PHP去掉字符串中最后一个字符的方法
IT独行者
PHP字符串
今天在PHP项目开发中遇到一个需求,去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符",",最终结果为1,2,3,4,5,6 代码如下:
$str = "1,2,3,4,5,6,";
$newstr = substr($str,0,strlen($str)-1);
echo $newstr;
- hadoop在linux上单机安装过程
_wy_
linuxhadoop
1、安装JDK
jdk版本最好是1.6以上,可以使用执行命令java -version查看当前JAVA版本号,如果报命令不存在或版本比较低,则需要安装一个高版本的JDK,并在/etc/profile的文件末尾,根据本机JDK实际的安装位置加上以下几行:
export JAVA_HOME=/usr/java/jdk1.7.0_25  
- JAVA进阶----分布式事务的一种简单处理方法
无量
多系统交互分布式事务
每个方法都是原子操作:
提供第三方服务的系统,要同时提供执行方法和对应的回滚方法
A系统调用B,C,D系统完成分布式事务
=========执行开始========
A.aa();
try {
B.bb();
} catch(Exception e) {
A.rollbackAa();
}
try {
C.cc();
} catch(Excep
- 安墨移动广 告:移动DSP厚积薄发 引领未来广 告业发展命脉
矮蛋蛋
hadoop互联网
“谁掌握了强大的DSP技术,谁将引领未来的广 告行业发展命脉。”2014年,移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论,认为移动DSP是行业突破点,一时间许多移动广 告联盟风起云涌,竞相推出专属移动DSP产品。
到底什么是移动DSP呢?
DSP(Demand-SidePlatform),就是需求方平台,为解决广 告主投放的各种需求,真正实现人群定位的精准广
- myelipse设置
alafqq
IP
在一个项目的完整的生命周期中,其维护费用,往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。
注释模板导入步骤
安装方法:
打开eclipse/myeclipse
选择 window-->Preferences-->JAVA-->Code-->Code
- java数组
百合不是茶
java数组
java数组的 声明 创建 初始化; java支持C语言
数组中的每个数都有唯一的一个下标
一维数组的定义 声明: int[] a = new int[3];声明数组中有三个数int[3]
int[] a 中有三个数,下标从0开始,可以同过for来遍历数组中的数
- javascript读取表单数据
bijian1013
JavaScript
利用javascript读取表单数据,可以利用以下三种方法获取:
1、通过表单ID属性:var a = document.getElementByIdx_x_x("id");
2、通过表单名称属性:var b = document.getElementsByName("name");
3、直接通过表单名字获取:var c = form.content.
- 探索JUnit4扩展:使用Theory
bijian1013
javaJUnitTheory
理论机制(Theory)
一.为什么要引用理论机制(Theory)
当今软件开发中,测试驱动开发(TDD — Test-driven development)越发流行。为什么 TDD 会如此流行呢?因为它确实拥有很多优点,它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。
TDD 的优点:
&nb
- [Spring Data Mongo一]Spring Mongo Template操作MongoDB
bit1129
template
什么是Spring Data Mongo
Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装,这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate,主要能力包括
1. 封装客户端跟MongoDB的链接管理
2. 文档-对象映射,通过注解:@Document(collectio
- 【Kafka八】Zookeeper上关于Kafka的配置信息
bit1129
zookeeper
问题:
1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置
3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里
4. Producer跟Zookeeper究竟有没有关系?没有关系!!!
//consumers、config、brokers、cont
- java OOM内存异常的四种类型及异常与解决方案
ronin47
java OOM 内存异常
OOM异常的四种类型:
一: StackOverflowError :通常因为递归函数引起(死递归,递归太深)。-Xss 128k 一般够用。
二: out Of memory: PermGen Space:通常是动态类大多,比如web 服务器自动更新部署时引起。-Xmx
- java-实现链表反转-递归和非递归实现
bylijinnan
java
20120422更新:
对链表中部分节点进行反转操作,这些节点相隔k个:
0->1->2->3->4->5->6->7->8->9
k=2
8->1->6->3->4->5->2->7->0->9
注意1 3 5 7 9 位置是不变的。
解法:
将链表拆成两部分:
a.0-&
- Netty源码学习-DelimiterBasedFrameDecoder
bylijinnan
javanetty
看DelimiterBasedFrameDecoder的API,有举例:
接收到的ChannelBuffer如下:
+--------------+
| ABC\nDEF\r\n |
+--------------+
经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后,得到:
+-----+----
- linux的一些命令 -查看cc攻击-网口ip统计等
hotsunshine
linux
Linux判断CC攻击命令详解
2011年12月23日 ⁄ 安全 ⁄ 暂无评论
查看所有80端口的连接数
netstat -nat|grep -i '80'|wc -l
对连接的IP按连接数量进行排序
netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n
查看TCP连接状态
n
- Spring获取SessionFactory
ctrain
sessionFactory
String sql = "select sysdate from dual";
WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext();
String[] names = wac.getBeanDefinitionNames();
for(int i=0; i&
- Hive几种导出数据方式
daizj
hive数据导出
Hive几种导出数据方式
1.拷贝文件
如果数据文件恰好是用户需要的格式,那么只需要拷贝文件或文件夹就可以。
hadoop fs –cp source_path target_path
2.导出到本地文件系统
--不能使用insert into local directory来导出数据,会报错
--只能使用
- 编程之美
dcj3sjt126com
编程PHP重构
我个人的 PHP 编程经验中,递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码,会更有利于对递归以及静态变量的理解
header("Content-type: text/plain");
function static_function () {
static $i = 0;
if ($i++ < 1
- Android保存用户名和密码
dcj3sjt126com
android
转自:http://www.2cto.com/kf/201401/272336.html
我们不管在开发一个项目或者使用别人的项目,都有用户登录功能,为了让用户的体验效果更好,我们通常会做一个功能,叫做保存用户,这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码,这里我使用3种方式来存储用户名和密码
1、通过普通 的txt文本存储
2、通过properties属性文件进行存
- Oracle 复习笔记之同义词
eksliang
Oracle 同义词Oracle synonym
转载请出自出处:http://eksliang.iteye.com/blog/2098861
1.什么是同义词
同义词是现有模式对象的一个别名。
概念性的东西,什么是模式呢?创建一个用户,就相应的创建了 一个模式。模式是指数据库对象,是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
- Ajax案例
gongmeitao
Ajaxjsp
数据库采用Sql Server2005
项目名称为:Ajax_Demo
1.com.demo.conn包
package com.demo.conn;
import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;
//获取数据库连接的类public class DBConnec
- ASP.NET中Request.RawUrl、Request.Url的区别
hvt
.netWebC#asp.nethovertree
如果访问的地址是:http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是:http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
- SVG 教程 (七)SVG 实例,SVG 参考手册
天梯梦
svg
SVG 实例 在线实例
下面的例子是把SVG代码直接嵌入到HTML代码中。
谷歌Chrome,火狐,Internet Explorer9,和Safari都支持。
注意:下面的例子将不会在Opera运行,即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。 SVG 实例
SVG基本形状
一个圆
矩形
不透明矩形
一个矩形不透明2
一个带圆角矩
- 事务管理
luyulong
javaspring编程事务
事物管理
spring事物的好处
为不同的事物API提供了一致的编程模型
支持声明式事务管理
提供比大多数事务API更简单更易于使用的编程式事务管理API
整合spring的各种数据访问抽象
TransactionDefinition
定义了事务策略
int getIsolationLevel()得到当前事务的隔离级别
READ_COMMITTED
- 基础数据结构和算法十一:Red-black binary search tree
sunwinner
AlgorithmRed-black
The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
- centos同步时间
stunizhengjia
linux集群同步时间
做了集群,时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器,只要配置了NTP,它就会提供NTP服务。 1)确认已经ntp程序包: # yum install ntp 2)配置时间源(默认就行,不需要修改) # vi /etc/ntp.conf server pool.ntp.o
- ITeye 9月技术图书有奖试读获奖名单公布
ITeye管理员
ITeye
ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾:http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《NFC:Arduino、Andro