- 如何进行架构技术方案选型?
猫咪张
系统架构设计strutsspringmvcjsf架构设计ejb
在架构设计时,通常面临的一个难题是,如何选择架构的技术方案.这也是各种项目都会碰到的问题.我们到底是选择C/S,B/S模式,如果选择C/S,那么到底是三层C/S还是两层,到底要不要分布式,B/S的展示层是自己写MVC,还是应用已有的开源的如SpringMVC,Struts2.0,JSF技术。总之,可选的确实是太多了。那么怎么去选择呢?这个问题确实有点难,但也有解决方法的。首先,我们需要研究我们项目
- 第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例
程序猿小D
开发语言java反射jvmjdkJSF
JSF教程-JSF基本标签JSF提供了一个标准的HTML标签库,它们被渲染成相应的html输出。为了使用这些标签,我们需要在html节点中使用以下URI的命名空间。JSF基本标签以下是JSF2.0中的重要基本标签。标签描述h:inputTexttype=“text"的HTML输入,文本框。h:inputSecrettype=“password"的HTML输入,文本框。h:inputTextarea
- SPIRNGBOOT+VUE实现浏览器播放音频流并合成音频
定制开发才有价值
音视频人工智能语音合成
一、语音合成支持流式返回,通过WS可以实时拿到音频流,那么我们如何在VUE项目中实现合成功能呢。语音合成应用非常广泛,如商家广告合成、驾校声音合成、新闻播报、在线听书等等场景都会用到语音合成。二、VUE下实现合成并使用浏览器播放代码如下:在线语音合成流式版{{ttsText}}立即合成DOWNWAVimport*asbase64from'js-base64'importCryptoJSfrom'.
- html js弹幕功能
kilito_01
javascripthtml
效果如上html{{isStop?'开始弹幕':'停止弹幕'}}添加弹幕jsfunctionAddDanMuFn(option){this.currentDanmuNum=0;//移动到实例属性this.option=option;this.elWidth=option.el.offsetWidth!=0?option.el.offsetWidth:document.querySelector('
- 小程序 Base64转换字符串
北境程序员
小程序Base64转换字符串base64
文件base.jsfunctionBase64(){let_keyStr=“ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=”;this.encode=function(input){varoutput=“”;varchr1,chr2,chr3,enc1,enc2,enc3,enc4;vari=0;input=_ut
- 大屏自适应解决方案(手写js)
Abao
javascript前端html
一、插件v-scale-screen地址前端可视化大屏适配方案_前端大屏适配方案vwvh适配方案,当浏览器窗口变动时实时适配-CSDN博客二、使用方法import{autoScale}from'./autoScale.js'autoScale('#app',{width:1920,height:1080})autoScale.jsfunctiondebounce(fn,delay){lettime
- vue-cli webpack 打包报错:Unexpected token: punc (()
曹天骄
vue
本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错:ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
- webpack打包报错UglifyJs Unexpected token: punc (,)
enjoy嚣士
React+Antdwebpack前端node.js
项目当dev命令运行时能正常运行,打包后却报错UglifyJsUnexpectedtoken:punc(,),>yarnbuildCreatinganoptimizedproductionbuild...Failedtocompile.Failedtominifythebundle.Error:static/js/main.jsfromUglifyJsUnexpectedtoken:punc(,)
- js html css代码缩进,HTML/CSS/JS代码格式化
吃货喵
jshtmlcss代码缩进
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?我们在编辑器当中写代码的时候,可能因为编写时候不规范或者复制粘贴的操作导致代码格式混乱。我在之前采用的是JSFormat来格式化JavaScript和JSON,使用SublimeText自带的reindent命令格式化HTML和CSS的文件。基本上reindent命令就足够用了。但是有缺点,一些html文件的格式不够优美!
- npm报错network request to https://registry.npmjs.org/fuse.js failed的解决方法
奔跑吧邓邓子
常见问题解答(FAQ)npm前端node.js
目录一、问题描述二、解决方法一、问题描述执行npminstall报错:npmERR!codeETIMEDOUTnpmERR!errnoETIMEDOUTnpmERR!networkrequesttohttps://registry.npmjs.org/fuse.jsfailed,reason:connectETIMEDOUT104.16.31.34:443npmERR!networkThisisa
- vue中使用day.js实现时间格式的互相转换
疯狂拔头发
javascriptvue.js开发语言
简介Day.js是一个轻量的处理时间和日期的JavaScript库,被设计用于在浏览器和Node.js中工作。安装npm安装>npminstalldayjs--save项目中使用importdayjsfrom'dayjs'//或vardayjs=require('dayjs')dayjs().format()常用正常时间格式转Unix时间戳(毫秒)let<
- vxe-grid 利用dayjs提供的方法来格式化, 计算二个日期之间的年数/年龄
花花鱼
Vue3vue.js
1、安装dayjspnpmadddayjsyarnadddayjsnpminstalldayjs2、导入importdayjsfrom'dayjs';3、vxe-grid列:exportconstUserColumns:VxeGridPropTypes.Columns=[...{title:'年龄',width:70,field:'old',showOverflow:'tooltip',align
- websocket结合ftv.js实现视频直播流播放
AAA正在输入中
websocketjavascript音视频
1.安装websocket:npmireconnecting-websocket安装ftv.js:npmiflv.js-S2.引入importReconnectingWebSocketfrom'reconnecting-websocket';importflvjsfrom"flv.js";3.1234.先websocket连接,与服务器建立实时通讯,当前端视频页面关闭时,后端可以实时接收,避免前端
- 057 Project Setup & First Methods
黄健华Yeah
03Vue3-UdemyTop1vue.js前端javascriptVue3
示例index.htmlVueBasicsMonsterSlayerMonsterHealthYourHealthATTACKSPECIALATTACKHEALSURRENDERBattleLogapp.jsfunctiongetRandomValue(min,max){returnMath.floor(Math.random()*(max-min))+min;}constmath=Math;co
- 【前端】onclick使用HTML页面外的的JS函数时报错:onclick _function_ is not defined.
开开心心happyheart
编程javascripthtml前端
问题在如下这种情况下,尽管加上了type="module",可onclick依旧找不到Function函数,会报错为:onclickFunctionisnotdefined.。(先保证路径没问题)HTMLButtonJSfunctionFunction(a){console.log(a);}分析这是因为Function函数的作用域仅在当前文件内,若想要跨文件调用,我们可以使用全局对象(注意不是全局
- YOLOv5 | 源码解析 | 计算损失loss原理——独家原创注释
kay_545
YOLOv8改进有效涨点Yolov5改进YOLOpython开发语言
⭐欢迎大家订阅我的专栏一起学习⭐订阅专栏,更新及时查看不迷路YOLOv5涨点专栏:http://t.csdnimg.cn/D9kR0YOLOv8涨点专栏:http://t.csdnimg.cn/5hNr8YOLOv7专栏:http://t.csdnimg.cn/hJsf1魔改网络、复现论文、优化创新各位订阅YOLOv8专栏读者,非常抱歉,这篇文章加错专栏了,但是因为是订阅的,所以不能删除或者移动这
- Write operation failed: computed value is readonly问题解决
Ian1025
javascript前端vue.js开发语言前端框架
源代码://封装倒计时逻辑函数import{computed,ref}from'vue'importdayjsfrom'dayjs'exportconstuseCountDown=()=>{//1.响应式数据consttime=ref(0)//格式化时间constformatTime=computed(()=>dayjs.unix(time.value).format('mm分ss秒'))//2.
- js图片url反转file文件 vue
一路向北qaq
javascript前端开发语言
场景由于项目需求,需要将图片url转成文件格式上传到服务器参考博客:图片url转file封装jstransferFile.jsfunctionsetInitImg(url,callback){letimg=url;//这里是淘宝上随便找的一张图片let_=thisletimgResgetBase64(img,(dataURL)=>{imgRes=dataURLtoFile(dataURL,img)
- [译] 每个开发人员都应该知道的五大Node.js功能
标题:Top5Node.jsFeaturesEveryDeveloperShouldKnow作者:DanushaNavod链接:https://blog.bitsrc.io/top-5-features-of-nodejs-e49d1c68f4a7无论你是经验丰富的Node.js开发人员还是初出茅庐的新人开发者,总有一些东西在Node.js中等待着我们去探索。在本文中,我将探讨可以增强整体体验的五
- Element-UI 多个el-upload组件自定义上传,不用上传url,并且携带自定义传参(文件序号)
Cutecumber
web开发vue.jselementui
1.需求:有多个(不确定具体数量)的upload组件,每个都需要单独上传获取文件(JSFile类型),不需要action上传到指定url,自定义上传动作和http操作。而且因为不确定组件数量,所以每次也需要获取是第几个文件(索引),所以也需要实现附加索引这个参数2.实现:如下#list不知道一共有几个列表项{returnonRemove(file,fileList,index)}"#这里的inde
- 【从Jest入门到 TDD,BDD双实战】Jest 前端自动化测试框架基础入门②
不停喝水
#【Jest自动化测试】前端自动化javascriptjestTDD
一:前端自动化测试产生的背景及原理二:构建基础结构1.创建文件夹2.创建index.htmlmath.js3.创建math.jsfunctionadd(a,b){returna+b;}functionminus(a,b){returna-b;}4.创建math.test.jsfunctionexpect(res){return{toBe(actual){if(res!=actual){thrown
- java-Exception的异常处理
zyt.com
java开发语言
在计算机程序的运行过程中,往往会出现各种各样的错误,因为有一些错误是程序员也无法避免的,比如说,输入框希望用户输入int类型的数字-年龄,但用户输入的是字符串“jsfg”,程序想要读取某个文件时,但用户已经将文件删除。还有一些错误是随机出现的,并且永远不可能避免的,比如:网络突然断了,连接不到服务器内存耗尽,程序崩溃了用户点打印,但根本没有打印机........Java的异常体系如下图如图,Thr
- 网络请求优化——取消请求
ephanoco
前言我们可能会遇到这样的场景:当用户切换页面时,上个页面存在pending中的请求。积少成多,如此会造成性能浪费,增加服务器压力。本文在于分享基于小程序提供的请求api及axios使用中如何取消不必要的请求。基于Promise的requestTask封装//request.jsfunctionrequest(opt){constconf={...}letreqTask=null//保存reques
- 封装倒计时函数
小秀_heo
javascript前端vue.js
//倒计时函数import{ref,computed,onUnmounted}from'vue'importdayjsfrom"dayjs";exportconstuseCountDown=()=>{//1.响应式数据consttime=ref(0)constformatTime=computed(()=>dayjs.unix(time.value).format('mm分ss秒'));letti
- Vue项目中RSA公钥及Aes加解密问题
啾啾酒
笔记vue.js前端
1.Vue项目中引入AES插件(1)安装crypto-jsnpminstallcrypto-js--save-dev(2)封装aes工具类importCryptoJSfrom'crypto-js';/***解密这里使用的是CBC模式必须要设置偏移量*@param{*}content需要解密字符串*@param{*}keykey*@param{*}iv偏移量*@returns*/functionae
- npm_config_xxx
Shellphon
npm前端node.js
//package.json{"scripts":{"log":"nodeindex.js",}}//index.jsfunctionlogProcessEnv(key){console.log(`process.env['${key}']`,process.env[key]);}logProcessEnv('npm_config_foo');问题:`npmrunlog`和`yarnlog`有没有
- lua脚本动态插入script标签 在nginx层面
after you
luanginxjunit
body_filter_by_lua_block{localpin=ngx.var.cookie_jrapp_jsfGateway_testPinlocaldomain=ngx.var.hostlocalscheme=ngx.var.schemelocaltitle="白条"localmatch=ngx.arg[1]:match("([^")ifmatchthentitle=matchendifn
- JavaScript----正则验证用户名密码等正确
鞠婧祎yamy
#JavaScriptjavascript前端开发语言
效果图jsfunction$(id){returndocument.getElementById(id);}functioncheckUser(){varuname=$("uname").value;uname=uname.trim();varuserp=$("unameWarn");userp.innerHTML="";varreg=/^[a-zA-Z][a-zA-Z0-9]{5}$/;varr
- 执行npm run build时报错from UglifyJs Unexpected token: name «_fs», expected: punc «;»
Jack_David
Node.jsNodenpm前端node.js
报错最近在开发前端项目时,npmrundev是可以正常执行的,但是执行npmrunbuild就报错js/chunk-7586894f.1110e9a8.jsfromUglifyJsUnexpectedtoken:name«_fs»,expected:punc«;»[js/chunk-7586894f.1110e9a8.js:3187,4]截图如下分析其实这里上面已经提示了,要更新yarn,执行一下
- 高通SDX35:nand flash适配
Gabriel.Tian
Linux驱动/应用开发linux高通驱动开发
目前使用的nandflash是JSFCCA5QHAFGA-405A4G1.8V8-bit一、XBL阶段boot_images/boot/QcomPkg/Library/NandCommonLib/flash_nand_config.cstaticstructflash_nand_paramssupported_nand_devices[]={/*JSCJSFCCA5QHAFGA-405Aflash
- java短路运算符和逻辑运算符的区别
3213213333332132
java基础
/*
* 逻辑运算符——不论是什么条件都要执行左右两边代码
* 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
* 原理很简单,并联电路代表短路或(||),串联电路代表短路与(&&)。
*
* 并联电路两个开关只要有一个开关闭合,电路就会通。
* 类似于短路或(||),只要有其中一个为true(开关闭合)是
- Java异常那些不得不说的事
白糖_
javaexception
一、在finally块中做数据回收操作
比如数据库连接都是很宝贵的,所以最好在finally中关闭连接。
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();
- utf-8与utf-8(无BOM)的区别
dcj3sjt126com
PHP
BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
- JAVA Annotation之定义篇
周凡杨
java注解annotation入门注释
Annotation: 译为注释或注解
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
- tomcat的多域名、虚拟主机配置
g21121
tomcat
众所周知apache可以配置多域名和虚拟主机,而且配置起来比较简单,但是项目用到的是tomcat,配来配去总是不成功。查了些资料才总算可以,下面就跟大家分享下经验。
很多朋友搜索的内容基本是告诉我们这么配置:
在Engine标签下增面积Host标签,如下:
<Host name="www.site1.com" appBase="webapps"
- Linux SSH 错误解析(Capistrano 的cap 访问错误 Permission )
510888780
linuxcapistrano
1.ssh -v
[email protected] 出现
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
错误
运行状况如下:
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
- log4j的用法
Harry642
javalog4j
一、前言: log4j 是一个开放源码项目,是广泛使用的以Java编写的日志记录包。由于log4j出色的表现, 当时在log4j完成时,log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类,但当时jdk1.4已接近完成,所以sun拒绝使用log4j,当在java开发中
- mysql、sqlserver、oracle分页,java分页统一接口实现
aijuans
oraclejave
定义:pageStart 起始页,pageEnd 终止页,pageSize页面容量
oracle分页:
select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart
sqlServer分页:
 
- Hessian 简单例子
antlove
javaWebservicehessian
hello.hessian.MyCar.java
package hessian.pojo;
import java.io.Serializable;
public class MyCar implements Serializable {
private static final long serialVersionUID = 473690540190845543
- 数据库对象的同义词和序列
百合不是茶
sql序列同义词ORACLE权限
回顾简单的数据库权限等命令;
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;
//创建用户名和密码
create user wj identified by wj;
identified by
//授予连接权和建表权
grant connect to
- 使用Powermock和mockito测试静态方法
bijian1013
持续集成单元测试mockitoPowermock
实例:
package com.bijian.study;
import static org.junit.Assert.assertEquals;
import java.io.IOException;
import org.junit.Before;
import org.junit.Test;
import or
- 精通Oracle10编程SQL(6)访问ORACLE
bijian1013
oracle数据库plsql
/*
*访问ORACLE
*/
--检索单行数据
--使用标量变量接收数据
DECLARE
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
BEGIN
select ename,sal into v_ename,v_sal
from emp where empno=&no;
dbms_output.pu
- 【Nginx四】Nginx作为HTTP负载均衡服务器
bit1129
nginx
Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统,通过负载均衡服务器,可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器,可以带来很多好处:
负载均衡的好处
增加可用资源
增加吞吐量
加快响应速度,降低延时
出错的重试验机制
Nginx主要支持三种均衡算法:
round-robin
l
- jquery-validation备忘
白糖_
jquerycssF#Firebug
留点学习jquery validation总结的代码:
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:&
- solr限制admin界面访问(端口限制和http授权限制)
ronin47
限定Ip访问
solr的管理界面可以帮助我们做很多事情,但是把solr程序放到公网之后就要限制对admin的访问了。
可以通过tomcat的http基本授权来做限制,也可以通过iptables防火墙来限制。
我们先看如何通过tomcat配置http授权限制。
第一步: 在tomcat的conf/tomcat-users.xml文件中添加管理用户,比如:
<userusername="ad
- 多线程-用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
bylijinnan
java多线程
public class IncDecThread {
private int j=10;
/*
* 题目:用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
* 两个问题:
* 1、线程同步--synchronized
* 2、线程之间如何共享同一个j变量--内部类
*/
public static
- 买房历程
cfyme
2015-06-21: 万科未来城,看房子
2015-06-26: 办理贷款手续,贷款73万,贷款利率5.65=5.3675
2015-06-27: 房子首付,签完合同
2015-06-28,央行宣布降息 0.25,就2天的时间差啊,没赶上。
首付,老婆找他的小姐妹接了5万,另外几个朋友借了1-
- [军事与科技]制造大型太空战舰的前奏
comsci
制造
天气热了........空调和电扇要准备好..........
最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........
所以,我们不得不关
- dateformat
dai_lm
DateFormat
"Symbol Meaning Presentation Ex."
"------ ------- ------------ ----"
"G era designator (Text) AD"
"y year
- Hadoop如何实现关联计算
datamachine
mapreducehadoop关联计算
选择Hadoop,低成本和高扩展性是主要原因,但但它的开发效率实在无法让人满意。
以关联计算为例。
假设:HDFS上有2个文件,分别是客户信息和订单信息,customerID是它们之间的关联字段。如何进行关联计算,以便将客户名称添加到订单列表中?
&nbs
- 用户模型中修改用户信息时,密码是如何处理的
dcj3sjt126com
yii
当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦,所有我想分享一下我是怎么处理的。
场景是使用的基本的那些(系统自带),你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。
面是它的工作流程: 当创建用户的时候密码需要加密并且保存,但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密,这
- 中文 iOS/Mac 开发博客列表
dcj3sjt126com
Blog
本博客列表会不断更新维护,如果有推荐的博客,请到此处提交博客信息。
本博客列表涉及的文章内容支持 定制化Google搜索,特别感谢 JeOam 提供并帮助更新。
本博客列表也提供同步更新的OPML文件(下载OPML文件),可供导入到例如feedly等第三方定阅工具中,特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
- js去除空格,去除左右两端的空格
蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
- SpringMVC4零配置--web.xml
hanqunfeng
springmvc4
servlet3.0+规范后,允许servlet,filter,listener不必声明在web.xml中,而是以硬编码的方式存在,实现容器的零配置。
ServletContainerInitializer:启动容器时负责加载相关配置
package javax.servlet;
import java.util.Set;
public interface ServletContainer
- 《开源框架那些事儿21》:巧借力与借巧力
j2eetop
框架UI
同样做前端UI,为什么有人花了一点力气,就可以做好?而有的人费尽全力,仍然错误百出?我们可以先看看几个故事。
故事1:巧借力,乌鸦也可以吃核桃
有一个盛产核桃的村子,每年秋末冬初,成群的乌鸦总会来到这里,到果园里捡拾那些被果农们遗落的核桃。
核桃仁虽然美味,但是外壳那么坚硬,乌鸦怎么才能吃到呢?原来乌鸦先把核桃叼起,然后飞到高高的树枝上,再将核桃摔下去,核桃落到坚硬的地面上,被撞破了,于是,
- JQuery EasyUI 验证扩展
可怜的猫
jqueryeasyui验证
最近项目中用到了前端框架-- EasyUI,在做校验的时候会涉及到很多需要自定义的内容,现把常用的验证方式总结出来,留待后用。
以下内容只需要在公用js中添加即可。
使用类似于如下:
<input class="easyui-textbox" name="mobile" id="mobile&
- 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
nannan408
1.前言.
如题.
2.代码.
/*
* Copyright (c) 2015, S.F. Express Inc. All rights reserved.
*/
package com.test.test.test.send;
import java.io.IOException;
import java.io.InputStream
- Jquery性能优化
r361251
JavaScriptjquery
一、注意定义jQuery变量的时候添加var关键字
这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:
$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的
二、请使用一个var来定义变量
如果你使用多个变量的话,请如下方式定义:
. 代码如下:
var page
- 在eclipse项目中使用maven管理依赖
tjj006
eclipsemaven
概览:
如何导入maven项目至eclipse中
建立自有Maven Java类库服务器
建立符合maven代码库标准的自定义类库
Maven在管理Java类库方面有巨大的优势,像白衣所说就是非常“环保”。
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下,然后全部添加到ide的构建路径中,如果用了SVN/CVS,这样会很容易就 把
- 中国天气网省市级联页面
x125858805
级联
1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l