- vue3实现瀑布流布局组件
guizi0809
vue3vue.js前端javascript
先看效果图直接上代码utils.js//用于模拟接口请求exportconstgetRemoteData=(data='获取数据',time=2000)=>{returnnewPromise((resolve)=>{setTimeout(()=>{console.log(`模拟获取接口数据`,data)resolve(data)},time)})}//获取数组随机项exportconstgetRa
- uni-app 实现全局变量的方式
can2014ky
1.公用模块1.1)定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。在uni-app项目根目录下创建common目录,然后在common目录下新建utils.js用于定义公用的方法。constbaseUrl='http://uniapp.dcloud.io';constnowTime=Date.now||function(){returnnewDate().getTime();
- uni-app---js暴露对象和引用module.exports---require
光明有我16620122910
uni-appjavascript前端vue.js
commom/utils.js//暴露对象constversion="1.0.0"functiongetVersion(){return"getVersion:1.0.0"}module.exports={version,getVersion}//js对象引入let{version,getVersion}=require("../../common/utils.js");console.log(v
- uni-app 请求封装
白开水丶
公用大前端uni-appjs封装vue
uni-app官方封装的http请求使用起来相对麻烦,针对于这个问题做了一套请求封装如下首先我们还是把相关依赖方法放出来。config:项目配置文件exportdefault{apiHost:"http://xxx.xxx.com"}utils.js公共方法:/**气泡弹框*/exportconstshowToast=title=>{uni.showToast({icon:"none",title
- 使用uni-id-pages的登录页面,如果点击登录就会报如下错误Cannot find module ‘lodash.merge‘ \uni-id-co\common\utils.js
咸虾米_
uniapp+uniCloudjavascriptuni-app
开发uniapp+unicloud项目,使用uni-id-pages的登录页面,如果点击登录就会报如下错误Cannotfindmodule‘lodash.merge’…\uni-id-pages\uniCloud\cloudfunctions\uni-id-co\common\utils.js。为什么会出现这个问题?项目运行unicloud的uni-id-pages项目的时候,系统会自动检测uni
- 使用element-ui项目打包后icon图标不显示
赵思远kelsty
element-uiuivue.jselementui
在使用vue-cli搭建项目的时候,用了element-ui组件库的图标的,使用npmrunbuild打包项目放到服务的时候,图标显示是框;需要修改两个配置:1.首先在config文件夹下的index.js中的build下的assetsPublicPath,记得加.2.build文件夹下的utils.js文件中加一行npmrunbuild重新打个包就好了!
- 在 Vue-cli 中 Sass 使用全局变量
hankchang
sass-resources-loader使用sass-resources-loader插件,并修改utils.js/build/utils.jsscss:generateLoaders('sass').concat({loader:'sass-resources-loader',options:{//单个文件resources:'src/assets/sass/all.scss'//路径是根目录
- vue.js 2.9.5 新建工程及升级到webpack4
Horyan
webpack4已经发布好长时间了,鉴于最近才对工程升级完毕,其中发现了不少问题,所以针对新手把新建工程及升级webpack4的配置发布出来。webpack4与之前版本的不同及如何升级webpack4,大家可自行搜索,有很多文章,本文不再说明。本文贴出核心(utils.js/webpack.base.config.js/webpack.dev.config.js/webpack.prod.conf
- 利用gulp工具对常规web项目进行压缩打包
Marco-hui
开发工具使用技巧前端框架使用技巧gulpnode.js前端项目打包
前言对于一个常规的web项目,如下项目目录|-imgs|-img1.png|-img2.png|-js|-user.js|-utils.js|-css|-index.css|-user.css|-html|-user.html|-index.html可以使用各种构建工具(如webpack、gulp、grunt等)来打包这个项目,这些工具可以对html、css、js文件进行压缩,以及优化图片等。下面
- vue项目使用公共js方法@令狐张豪
令狐张豪
vuejavascriptvue.js前端
我们在做项目中会用到很多js方法,然后有些方法是通用的我们需要进行封装使用在src下创建utils目录并创建utils.js文件utils.js文件exportdefault{//判断手机机型versions(){varu=navigator.userAgent;return{trident:u.indexOf('Trident')>-1,presto:u.indexOf('Presto')>-1
- 【uniapp-小程序-分享图5/4】
聚宝盆_
uniappuni-app小程序php
utils.js//裁剪分享的图片为5:4constmakeCanvas=(imgUrl)=>{console.log("imgUrl",imgUrl);returnnewPromise((resolve,reject)=>{//获取图片信息,小程序下获取网络图片信息需先配置download域名白名单才能生效uni.getImageInfo({src:imgUrl,success:(imgInfo
- vue-element-admin 解决打包之后背景图片不显示问题
sproutZhang
之前总结过vue打包之后背景图片不显示的问题,更改build/utils.js文件中ExtractTextPlugin插件的options配置:if(options.extract){returnExtractTextPlugin.extract({use:loaders,publicPath:'../../',//注意配置这一部分,根据目录结构自由调整fallback:'vue-style-lo
- vue-cli2 less全局引入
王清水
1,引入sass-resources-loader2,build下utils.js中的export.cssLoaders添加上述2步3,测试,切记加lang
- Vue 全局引入bass.scss 处理方案 2018-03-26
Bboy_2016
为解决在Vue组件中全局引入scss变量及mixins,装载了一个名为"sass-resources-loader"解析器。安装$>cnpmi-Dsass-resources-loader配置配置的话是在vue的loader解析器中配置,即在vue-cli脚手架方式构建出来的文件中是以build/utils.js,在该文件中定义了cssLoaders()方法,该方法定义了诸如css、less的解析
- vue全局混入less
明月半倚深秋_f45e
准备写一个全局的less,里面放这公用的less变量和方法如果每个页面都去@import'../assets/css/common.less'太繁琐了于是找到一个方法参考https://www.jianshu.com/p/ab9ab999344b先安装依赖npminstallsass-resources-loader--save-dev然后去build下的utils.js下找到generateLo
- 【前端实用工具】一些实用函数记录(JavaScript)
水逆退散_c
前端实用工具前端javascript开发语言
【前端实用工具】一些实用函数记录1.返回一个对象里面包含后一个数组比第一个数组增加、减少的数据2.计算天数差3.获取当月收尾日期4.获取当前日期前n天5.时间选择范围6.RGB颜色值转换成十六进制颜色码7.检查密码强度,判断是否弱密码不定时更新,有的在以前的帖子不做搬运。如有更好的写法请联系我!!!在utils.js文件里声明然后在需要的地方引用即可1.返回一个对象里面包含后一个数组比第一个数组增
- jquery 动态生成导航栏
又蓝
webjqueryjavascript前端
写在前面在使用jquery开发网页的时候,做不到像vue一样引入组件,但是我们的导航栏,还是不能每个页面都写的。要不然当需要修改小部分内容的时候,还得需要一个个文件去改,这样的代码也太不好维护了。所以我们需要使用js来生成导航栏。这里写的比较简单,入门级的,提供大致思路,可以根据你们的使用场景来进行修改。前期准备jQuery只需要这个,版本还是没有要求的实现的js方法utils.js/***类名a
- vue2 webpack proxy与nginx配置
空中有朵雨做的云
vueproxy模式nginxvue
文章目录一、项目打包后,elementUi图标显示为方框问题二、如何给项目添加ico图标三、proxy本地跨域配置四、nginx配置提示:以下是本篇文章正文内容,下面案例可供参考一、项目打包后,elementUi图标显示为方框问题解决:修改build文件=》utils.js中的ExtractTextPlugin,加入publicPath:‘…/…/’,if(options.extract){ret
- 对比vue 和nuxt 目录结构
白菜_37e2
目录结构:├──README.md项目介绍├──index.html入口页面├──build构建脚本目录│├──build-server.js运行本地构建服务器,可以访问构建后的页面│├──build.js生产环境构建脚本│├──dev-client.js开发服务器热重载脚本,主要用来实现开发阶段的页面自动刷新│├──dev-server.js运行本地开发服务器│├──utils.js构建相关工具
- 获取和移除cookie的方法
fury_123
vue
下载npm的cookie插件,在utils.js文件中引入插件:封装原始的Cookies.get()方法:在xxxx.vue文件中引入方法:使用getCookie方法获取cookie:封装移除cookie:exportconstremoveCookie=name=>{constoptions={path:'/',domain:'xxx.com'};Cookies.remove(name,optio
- uniapp上传图片和上传视频方法封装
芭蕉**
uniappJavaScriptjavascriptvue.js前端
uniapp上传图片和上传视频方法封装新建一个utils.js文件,存放封装的方法utils.js文件里面的方法如下:importConfigfrom'@/common/baseConfig.js';//这个文件里面配置有上传文件地址exportdefault{/***图片选择加上传*@paramnumbernum*@param{Object}params*@param{Object}callba
- 梅科尔工作室-李庆浩 鸿蒙前端笔记1
心之所向,我之所望
鸿蒙前端前端
1.应用介绍1.1应用开发目录介绍1.2使用规则2.初入注意事项(1)在进行预览时,要先选择预览所对应的hml等文件下才能进行预览;(2)在config.json里要配置所对应的页的文件路径;(3)配置路径以后单纯刷新是不能显示新配置的页面的,要重新进入预览;(4)创建项目名称,注意首字母大写;(5)引用代码文件,需使用相对路径,比如:../common/utils.js(6)引用资源文件,推荐使
- 2019-09-25 element 解决升级,打包之后背景图片 图标 不显示问题
半眼鱼
之前总结过vue打包之后背景图片不显示的问题,更改build/utils.js文件中ExtractTextPlugin插件的options配置:if(options.extract){returnExtractTextPlugin.extract({use:loaders,publicPath:'../../',//注意配置这一部分,根据目录结构自由调整fallback:'vue-style-lo
- VUE 前端生成唯一标识 (guid)
Yoga99
vue.jsjavascript
utils/utils.js文件constS4=function(){return(((1+Math.random())*0x10000)|0).toString(16).substring(1);};exportfunctionguid(){return(S4()+S4()+'-'+S4()+'-'+S4()+'-'+S4()+'-'+S4()+S4()+S4());}import{guid}f
- vue项目打包并使用HBuilder打包生成apk
cnsummerLi
node.js
一.查看vue项目配置1.配置文件一:build>>utils.js(增加-publicPath:'../../')原因:这样写是处理打包后找不到静态文件的问题2.配置文件二:config>>index.js(修改-assetsPublicPath:'./')原因:修改目的是为了解决js找不到的问题二输入打包命令:npmrunbuild三打开HBuilder四:将vue打包的static和inde
- vue2+element-ui npm run build打包后,在服务器打开报错
ToOTOooo
ui前端
报错页面的图标也显示不出来,如下解决:在build->utils.js文件里面加上publicPath:'../../',再打包发布一下就可以了//ExtractCSSwhenthatoptionisspecified//(whichisthecaseduringproductionbuild)if(options.extract){returnExtractTextPlugin.extract(
- JS ShadowDOM组件修改样式,添加事件
fengyehongWorld
#JSShadowDOM
⏹工具类utils.js//修改ShadowDOM样式functionchangeShadowDOMStyles(shadowRootElement,styles,insertBeforeSelector){constroot=shadowRootElement?.shadowRoot;if(!root){return;}//如果组件中既存的样式和从外部传入的样式一致的话,就不修改组件样式cons
- vue 打包后图片、样式不显示
vickylizy
Vue
1、样式不显示修改目录dist==>index.html中引用路径所有/static/.....相关的修改为./static.......2、普通引用图片不显示修改目录config==>index.jsbuild:{assetsPublicPath:'/',//修改为assetsPublicPath:'./'}3、背景图片不显示修改目录build==>utils.js在下图中添加publicPat
- vue2.0中引入全局less
huanglei_91cd
1.安装依赖包npminstalllessless-loader--save-dev在style标签中加入lang='less’就可以。2.如果单独创建less文件引入全局安装依赖包npminstallstyle-resources-loader-D然后在build/utils.js文件下加入这个代码记得更改patterns路径然后在app.vue引用global.less就可以全局使用了
- 前端常用utils.js
左又
javascript前端开发语言
importdayjsfrom'dayjs';exportfunctioncleanMultiSlash(url){returnurl.replace(/([^:]\/)\/+/g,'$1');}exportconsttoLogin=(signinUrl,appId)=>{//consturl=encodeURIComponent(`${window.location.origin+window.
- 关于旗正规则引擎规则中的上传和下载问题
何必如此
文件下载压缩jsp文件上传
文件的上传下载都是数据流的输入输出,大致流程都是一样的。
一、文件打包下载
1.文件写入压缩包
string mainPath="D:\upload\"; 下载路径
string tmpfileName=jar.zip; &n
- 【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析
bit1129
Stream
以如下代码为例(SocketInputDStream):
Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中,撇开异常情况不谈(Receiver有重连机制,restart方法,默认情况下在Receiver挂了之后,间隔两秒钟重新建立Socket连接),读取到的数据通过调用store(textRead)方法进行存储。数据
- spark master web ui 端口8080被占用解决方法
daizj
8080端口占用sparkmaster web ui
spark master web ui 默认端口为8080,当系统有其它程序也在使用该接口时,启动master时也不会报错,spark自己会改用其它端口,自动端口号加1,但为了可以控制到指定的端口,我们可以自行设置,修改方法:
1、cd SPARK_HOME/sbin
2、vi start-master.sh
3、定位到下面部分
- oracle_执行计划_谓词信息和数据获取
周凡杨
oracle执行计划
oracle_执行计划_谓词信息和数据获取(上)
一:简要说明
在查看执行计划的信息中,经常会看到两个谓词filter和access,它们的区别是什么,理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。
简单说,执行计划如果显示是access,就表示这个谓词条件的值将会影响数据的访问路径(表还是索引),而filter表示谓词条件的值并不会影响数据访问路径,只起到
- spring中datasource配置
g21121
dataSource
datasource配置有很多种,我介绍的一种是采用c3p0的,它的百科地址是:
http://baike.baidu.com/view/920062.htm
<!-- spring加载资源文件 -->
<bean name="propertiesConfig"
class="org.springframework.b
- web报表工具FineReport使用中遇到的常见报错及解决办法(三)
老A不折腾
finereportFAQ报表软件
这里写点抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己。
出现问题先搜一下文档上有没有,再看看度娘有没有,再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题,大多文档上都有提到的。
1、repeated column width is largerthan paper width:
这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
- mysql 用户管理
墙头上一根草
linuxmysqluser
1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为:
- 关于使用Spring导致c3p0数据库死锁问题
aijuans
springSpring 入门Spring 实例Spring3Spring 教程
这个问题我实在是为整个 springsource 的员工蒙羞
如果大家使用 spring 控制事务,使用 Open Session In View 模式,
com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
- 百度词库联想
annan211
百度
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title&g
- int数据与byte之间的相互转换实现代码
百合不是茶
位移int转bytebyte转int基本数据类型的实现
在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来;
主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029
int转byte;
byte转int;
/**
* 字节转成int,int转成字节
* @author Administrator
*
- 简单模拟实现数据库连接池
bijian1013
javathreadjava多线程简单模拟实现数据库连接池
简单模拟实现数据库连接池
实例1:
package com.bijian.thread;
public class DB {
//private static final int MAX_COUNT = 10;
private static final DB instance = new DB();
private int count = 0;
private i
- 一种基于Weblogic容器的鉴权设计
bijian1013
javaweblogic
服务器对请求的鉴权可以在请求头中加Authorization之类的key,将用户名、密码保存到此key对应的value中,当然对于用户名、密码这种高机密的信息,应该对其进行加砂加密等,最简单的方法如下:
String vuser_id = "weblogic";
String vuse
- 【RPC框架Hessian二】Hessian 对象序列化和反序列化
bit1129
hessian
任何一个对象从一个JVM传输到另一个JVM,都要经过序列化为二进制数据(或者字符串等其他格式,比如JSON),然后在反序列化为Java对象,这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输),本文定义一个比较符合工作中。
1. 定义三个POJO
Person类
package com.tom.hes
- 【Hadoop十四】Hadoop提供的脚本的功能
bit1129
hadoop
1. hadoop-daemon.sh
1.1 启动HDFS
./hadoop-daemon.sh start namenode
./hadoop-daemon.sh start datanode
通过这种逐步启动的方式,比start-all.sh方式少了一个SecondaryNameNode进程,这不影响Hadoop的使用,其实在 Hadoop2.0中,SecondaryNa
- 中国互联网走在“灰度”上
ronin47
管理 灰度
中国互联网走在“灰度”上(转)
文/孕峰
第一次听说灰度这个词,是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。
灰度这个词所包含的意义和视野是广远的。要理解这个词,可能同样要用“灰度”的心态。灰度的反面,是规规矩矩,清清楚楚,泾渭分明,严谨条理,是决不妥协,不转弯,认死理。黑白分明不是灰度,像彩虹那样
- java-51-输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。
bylijinnan
java
public class PrintMatrixClockwisely {
/**
* Q51.输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。
例如:如果输入如下矩阵:
1 2 3 4
5 6 7 8
9
- mongoDB 用户管理
开窍的石头
mongoDB用户管理
1:添加用户
第一次设置用户需要进入admin数据库下设置超级用户(use admin)
db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]});
第一个参数用户的名字
第二个参数
- [游戏与生活]玩暗黑破坏神3的一些问题
comsci
生活
暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意
玩这个游戏的时间,每天不要超过一个小时,且每次玩游戏最好在白天
结束游戏之后,最好在太阳下面来晒一下身上的暗黑气息,让自己恢复人的生气
&nb
- java 二维数组如何存入数据库
cuiyadll
java
using System;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Xml;
using System.Xml.Serialization;
using System.IO;
namespace WindowsFormsApplication1
{
- 本地事务和全局事务Local Transaction and Global Transaction(JTA)
darrenzhu
javaspringlocalglobaltransaction
Configuring Spring and JTA without full Java EE
http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/
Spring doc -Transaction Management
http://docs.spring.io/spri
- Linux命令之alias - 设置命令的别名,让 Linux 命令更简练
dcj3sjt126com
linuxalias
用途说明
设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯,那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问 题,但对于带命令行参数的命令,链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】,使长命令变短,使常 用的长命令行变短,强制执行命令时询问等。
常用参数
格式:alias
格式:ali
- yii2 restful web服务[格式响应]
dcj3sjt126com
PHPyii2
响应格式
当处理一个 RESTful API 请求时, 一个应用程序通常需要如下步骤 来处理响应格式:
确定可能影响响应格式的各种因素, 例如媒介类型, 语言, 版本, 等等。 这个过程也被称为 content negotiation。
资源对象转换为数组, 如在 Resources 部分中所描述的。 通过 [[yii\rest\Serializer]]
- MongoDB索引调优(2)——[十]
eksliang
mongodbMongoDB索引优化
转载请出自出处:http://eksliang.iteye.com/blog/2178555 一、概述
上一篇文档中也说明了,MongoDB的索引几乎与关系型数据库的索引一模一样,优化关系型数据库的技巧通用适合MongoDB,所有这里只讲MongoDB需要注意的地方 二、索引内嵌文档
可以在嵌套文档的键上建立索引,方式与正常
- 当滑动到顶部和底部时,实现Item的分离效果的ListView
gundumw100
android
拉动ListView,Item之间的间距会变大,释放后恢复原样;
package cn.tangdada.tangbang.widget;
import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import andr
- 程序员用HTML5制作的爱心树表白动画
ini
JavaScriptjqueryWebhtml5css
体验效果:http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" >
<ti
- 预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版
kakajw
ThinkPad预装改装windows 7windows 8
该教程具有普遍参考性,特别适用于联想的机器,其他品牌机器的处理过程也大同小异。
该教程是个人多次尝试和总结的结果,实用性强,推荐给需要的人!
缘由
小弟最近入手笔记本ThinkPad T440,但是特别不能习惯笔记本出厂预装的Windows 8系统,而且厂商自作聪明地预装了一堆没用的应用软件,消耗不少的系统资源(本本的内存为4G,系统启动完成时,物理内存占用比
- Nginx学习笔记
mcj8089
nginx
一、安装nginx 1、在nginx官方网站下载一个包,下载地址是:
http://nginx.org/download/nginx-1.4.2.tar.gz
2、WinSCP(ftp上传工
- mongodb 聚合查询每天论坛链接点击次数
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 18 */
{
"_id" : ObjectId("5596414cbe4d73a327e50274"),
"msgType" : "text",
"sendTime" : ISODate("2015-07-03T08:01:16.000Z"
- java术语(PO/POJO/VO/BO/DAO/DTO)
Luob.
DAOPOJODTOpoVO BO
PO(persistant object) 持久对象
在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作.
VO(value object) 值对象
通
- 算法复杂度
Wuaner
Algorithm
Time Complexity & Big-O:
http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o
http://bigocheatsheet.com/
http://www.sitepoint.com/time-complexity-algorithms/