- web零碎知识
白色的风扇
前端
在后端想要发送一个JSON对象可以使用Gson//使用Gson将对象转换为JSON字符串Gsongson=newGson();Stringjson=gson.toJson(user);就会把一个对象转化为一个JSON字符串,//设置响应内容类型为JSONresponse.setContentType("application/json");这样返回前端的时候就会将JSON字符串转化为一个JSON对
- 基于Springboot的在线小说阅读平台。Javaee项目,springboot项目。
气宇轩昂固执狂
#Springboot项目springbootjava-ee后端
演示视频:基于Springboot的在线小说阅读平台。Javaee项目,springboot项目。项目介绍:采用M(model)V(view)C(controller)三层体系结构,通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。MySQL数据库作为系统数据储存平台,实现了基于B/S结构的Web系统。界面简洁,操作简单。系统设计思想
- cornerstonejs介绍
花花进修
DICOM医学影像查看器html5javascriptnpmyarn
Cornerstone.js是一个用于医疗成像应用程序的开源JavaScript库。它专门设计用于在Web浏览器中处理和显示DICOM(数字成像和通信在医学领域)图像。Cornerstone.js为开发者提供了强大的工具,可以轻松构建功能丰富的医学图像查看器,广泛应用于放射学、病理学、超声成像等领域。特点高性能图像渲染:支持大尺寸医学图像的快速渲染,包括CT扫描、MRI、X光片等。利用GPU加速(
- vue3中用css transform实现组件自由拖拽
天天进步2015
前端开发css前端vue.js
在Vue3中,可以使用CSStransform和mousedown、mousemove、mouseup事件来实现组件的自由拖拽。以下是一个简单的例子,展示如何使用这些技术来实现组件的自由拖拽。1.创建一个Vue3组件首先,创建一个Vue3组件(例如,Draggable.vue),并添加模板、样式和脚本。DragMeimport{ref,onMounted,onBeforeUnmount}from'
- Vue 3 中 `async` 函数的示例
天天进步2015
前端开发vue.jsjavascript前端
在Vue3中,async函数通常用于处理异步操作,例如从服务器获取数据或执行耗时任务。async函数返回一个Promise,并且可以使用await关键字等待异步操作完成。下面是一个简单的例子,演示如何在Vue3组件中使用async和await。假设我们有一个Vue组件,它从API获取用户数据并在页面上显示。UserInformationLoading...{{error}}Name:{{user.
- h5在ios qq浏览器打开图片不显示
O蚂蚁O
把图片链接改变成https即可:纯前端实现代码:1、在vue项目的main.js添加过滤器://图片过滤Vue.filter('imgHost',function(value){varimgStrArr=value.split("?");//console.log(imgStrArr[0]);varhttpHead=imgStrArr[0].split(":");if(httpHead[0]=="
- WordPress 后台缓存插件:WP Admin Cache提高缓存页面
818源码资源站
源码下载00818.cn源码下载818资源站缓存
使用WordPress建站会安装一些静态缓存插件,比如:WPRocket、CacheEnabler、CometCache、W3TotalCache、WPSuperCache、WPFastestCache、HyperCache等等,这些都用于缓存前端。今天介绍一款专门用于缓存后台的插件:WPAdminCache。启用后,提速效果还是很明显,比如后台所有文章页面秒开。缓存会在更新文章、保存设置、保存小
- 加密与安全_前后端通过AES-CBC模式安全传输数据
小小工匠
【加密与安全】安全AES-CBC
文章目录Pre概述前端加密是否有意义?环境准备加密方法、MODE和PADDING的选择前端后端应用:从传输到解密的全过程安全性增强动态生成密钥和初始向量1.前端:动态生成密钥和IV2.后端:解密动态密钥和IV结语Pre加密与安全_解密AES加密中的IV和Seed加密与安全_双向RSA+AES加密及Code实现加密与安全_常见的分组密码ECB、CBC、CFB、OFB模式介绍概述当我们在前端和后端之间
- nginx部署前端vue项目
iangyu
运维前端
在Nginx上部署Vue.js前端项目相对简单,通常包括以下几个步骤:1.构建Vue.js项目首先,你需要将Vue.js项目打包为静态文件。npmrunbuild这将生成一个dist文件夹,里面包含了你的Vue.js应用的所有静态资源。2.安装Nginx在服务器上安装Nginx。如果你使用的是Ubuntu,可以使用以下命令安装:sudoaptupdatesudoaptinstallnginx3.配
- Vue3优化表单标签与布局,解决文字过长问题(附Demo)
码农研究僧
前端/小程序vue.js前端javascript
目录前言1.增加标签宽度(生效)2.工具提示Tooltip(勉勉强强)3.缩小字体(不生效)4.CSS控制换行(不推荐)前言好不容易构思整个表单的布局,但是个别表单的文字过长,导致自动换行,遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整:尝试了多种方案,最终才有成效对于其他的方式,诸位也可尝试下1.增加标签宽度(生效)通过增加el-form-item的label-width,让
- javascript模板
wanggs
模板DocumentClick{{title}}{{content}}$(function(){$("#btn").click(function(){varhtml=$("#template").html();html=html.replace("{{id}}",Math.random());html=html.replace("{{title}}","Hello,"+newDate().getT
- javascript网页设计案例
Min_nna
jsjquery功能ai分析javascript
以下是一些使用JavaScript进行网页设计的案例,这些案例展示了JavaScript在前端开发中的强大功能和灵活性。每个案例都包含了基本的实现思路和代码示例。图片画廊(ImageGallery)功能:展示一组图片,并支持点击放大查看。实现思路:使用HTML和CSS创建图片网格。使用JavaScript处理图片点击事件,显示放大的图片。代码示例:ImageGallery×consti
- Nginx部署前端Vue项目
hai40587
前端nginxvue.js
在使用Nginx部署前端Vue项目时,我们主要关注的是如何高效地将静态资源(HTML、CSS、JavaScript、图片等)提供给客户端浏览器。Vue.js是一个流行的JavaScript框架,用于构建用户界面,而Nginx作为一个高性能的HTTP和反向代理服务器,非常适合用于静态资源的托管。以下将详细介绍如何使用Nginx部署Vue项目,包括环境准备、Vue项目构建、Nginx配置、部署过程以及
- 使用 Nginx 部署前端 Vue 项目
vvvae1234
前端
在这篇文章中,我们将深入探讨如何使用Nginx部署一个Vue.js前端项目。Vue是一个流行的前端JavaScript框架,而Nginx则是一个性能卓越的Web服务器和反向代理服务器。通过将这两者结合起来,我们可以高效地托管我们的前端应用。一、环境准备在开始部署之前,我们需要确保我们的环境中已安装以下软件:Node.js和npm:用于构建Vue项目。VueCLI:用于快速创建Vue项目。Nginx
- 基于SpringBoot+Vue协同过滤视频推荐系统
f168bc2b3926
1.技术介绍java+springboot+mysql+mybatis+Vue开发工具:eclipse或idea2.主要功能说明:1)用户注册、登录、首页、个人中心、我的收藏、视频新增、后台管理、2)管理员个人中心、用户管理、视频标签管理、视频信息管理、轮播图管理3)协同过滤算法根据用户的收藏喜好行为计算相似度,给有相近的用户行为推荐视频比如:用户1收藏了视频1、2、3用户2收藏了视频1、3、6用
- jQuery实现前端下载功能
天农学子
前端jqueryjavascript
js实现前端下载功能前端代码html代码导出明细js代码functionexportExcel(){//定义要发送的参数letpostData=$("#searchForm").serializeObject();//发送POST请求fetch('${ctxPO}/url/PosInvoiceUrlController/exportPosInvoice',{method:'POST',body:J
- VUE实现TAB切换不同页面
天农学子
vue.jsjavascript前端
VUE实现TAB切换不同页面实现效果资源准备ReceiveOrderList,TodoListMulti,SignList这三个页面就是需要切换的页面首页代码待接单待发货待签收importReceiveOrderListfrom'@/views/orderCenter/receiveOrderList'importTodoListMultifrom'@/views/dispatch/todoLis
- vue之函数式组件
默默@85
vuevue.jsjavascript
在Vue.js中,functional:true是用来定义函数式组件的一种方式。函数式组件是专门设计用于表现层的轻量级组件,通常没有状态和实例(即没有data、methods、computed等)。它们依赖于传入的props来渲染内容,因此效率更高。主要特性无状态:函数式组件没有内部状态(即没有data)。无生命周期钩子:函数式组件不支持生命周期钩子(如created、mounted等)。高性能:
- 使用Nginx部署前端Vue项目
bigbig猩猩
前端nginxvue.js
在使用Nginx部署前端Vue项目时,我们主要关注的是如何高效地将静态资源(HTML、CSS、JavaScript、图片等)提供给客户端浏览器。Vue.js是一个流行的JavaScript框架,用于构建用户界面,而Nginx作为一个高性能的HTTP和反向代理服务器,非常适合用于静态资源的托管。以下将详细介绍如何使用Nginx部署Vue项目,包括环境准备、Vue项目构建、Nginx配置、部署过程以及
- 【Vue】`v-if` 指令详解:条件渲染的高效实现
Peter-Lu
#vuevue.js前端javascriptv-if
文章目录一、`v-if`指令概述二、`v-if`的基本用法1.基本用法2.使用`v-else`3.使用`v-else-if`三、`v-if`指令的高级用法1.与`v-for`一起使用2.`v-if`的性能优化四、`v-if`的常见应用场景1.表单验证2.弹窗控制五、`v-if`指令的注意事项Vue.js是一个用于构建用户界面的渐进式框架,其中v-if指令是一个非常重要的工具,用于条件渲染元素。本文
- Easyui Datagrid实现行操作
天农学子
easyui前端javascript
EasyuiDatagrid实现行操作效果分析实现此功能需要实现2点1、首列的内容全部需要渲染成申请开票2、点击申请开票可以获获取到指定的行内容,在执行后续操作实现方案1、首行格式化,在table的th属性中加入formatter示例代码如下操作2、在JavaScript中编写代码formatOperatefunctionformatOperate(val,row){return'申请开票';}当
- 前端框架与库的区别:深入解析与实战指南
DTcode7
HTML网站开发#前端基础入门三大核心之htmlHTML前端webJavaScriptH5
前端框架与库的区别:深入解析与实战指南基本概念和作用框架库功能使用思路与代码示例示例一:使用React框架构建组件示例二:使用Lodash库进行数据处理示例三:使用Vue.js框架进行双向数据绑定实际工作中的使用技巧经验分享自行拓展内容在前端开发领域,框架(Framework)和库(Library)是两个经常被提及但又容易混淆的概念。它们都是构建Web应用程序的重要工具,但各自拥有不同的设计哲学和
- 前端开发中的单元测试与端到端测试:全面解析与实战指南
DTcode7
HTML网站开发#前端基础入门三大核心之htmlHTML前端webJavaScriptH5
前端开发中的单元测试与端到端测试:全面解析与实战指南引言单元测试:基础与实践基本概念目的与优势实战演练示例一:加法功能单元测试扩展视角端到端测试:场景与执行基本概念目的与优势实战演练示例二:登录流程端到端测试扩展视角结合经验的技巧分享引言在现代前端开发中,测试是保证代码质量和维护系统稳定性不可或缺的一环。单元测试(unittesting)与端到端测试(end-to-endtesting)是两种常用
- 前端基础入门三大核心之HTML篇:深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南
DTcode7
HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
前端基础入门三大核心之HTML篇:深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24示例PNG32示例性能优化与最佳实践防范漏洞提示结语与讨论在网页设计与前端开发中,选择合适的图像格式是至关重要的一步,它直接关系到页面加载速度、视觉效果乃至用户体验。PNG作为一种广泛应用的图像格式
- element-ui时间选择器组件及转时间戳
w_小伍
组件(这里用的ts)要获取时间戳,直接把value-format设置成timestamp,但是得到的值要除以1000import{Component,Prop,Vue}from'vue-property-decorator';@ComponentexportdefaultclassTicDatePickerextendsVue{@Prop()privatelabel!:string;@Prop()
- SpringBoot项目集成数据脱敏(密码加密)功能
明明在干嘛
springboot后端java数据脱敏jasyptAES
代码连接【https://gitee.com/pengmqqq/sensitive-data-encryption】介绍后端敏感数据加密的一些解决方案,包括:配置文件敏感数据加解密前端传输敏感数据加解密数据库获取的敏感数据加解密软件架构配置文件数据脱敏:Jasypt+AES前后端传输以及数据库存储数据脱敏:AOP+AES使用说明配置文件数据脱敏将需要脱敏的数据进行加密之后再放入配置文件(注意要使用
- Nuxt3入门:路由系统(第4节)
沐爸muba
Vuevue.js前端
你好同学,我是沐爸,欢迎点赞、收藏、评论和关注。Nuxt的一个核心功能是文件系统路由器,路由是根据文件自动注册的,Nuxt为在pages/目录下的每个Vue文件创建相应的路由(或URL)。一、用法页面是Vue组件,可以具有Nuxt支持的任何有效扩展,默认情况下是.vue,也可以是.js.jsx.mjs.ts.tsxNuxt将自动为pages目录的下每个页面创建一个路由。pages/index.vu
- 如何设置element ui选择结束时间为23:59:59?
weixin_42220130
前端elementui时间结束
两个方法,不过都是针对于传值给后端做的处理,不包括前端展示1每次发送请求时更改结束时间给后端//请求函数getDataList(){this.dataListLoading=true;//请求参数手动更改if(this.searchForm.timeArray.length===2&&this.searchForm.timeArray[1]!==""){this.searchForm.timeAr
- Nginx 部署 Vue 指南
高危型
nginxvue.js运维
1.引言解决一下Nginx部署Vue的问题和介绍一下部署流程2.准备工作2.1安装Node.js和VueCLI首先,确保你已经安装了Node.js和npm。你可以从Node.js官网下载并安装最新版本的Node.js。安装完成后,使用以下命令安装VueCLI:npminstall-g@vue/cli2.2创建和构建Vue项目如果你还没有Vue项目,可以使用VueCLI创建一个新的项目:vuecre
- vue之MVC与MVVM区别
火红_
vuemvcvue.js前端javascript
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、MVC:M-model-模型:数据处理(数据库、接口)V-view-视图:用户界面、页面(HTML编写的)C-control-控制器:编写js业务逻辑例如:从页面view层触发一个按钮获取数据,就会向C控制器层请求自己需要的数据,而C控制器就会向M模型层请求数据,M模型层就会把数据传给C,C再传给V视图层。MVVM:M-model-
- java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
- 《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”,如果企图重构一个陈旧的大型系统是有非常大的风险,重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”,下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件,企业有大中小之分,在2000年初公司用JSP/Servlet开发了一套针对中
- 电驴链接在线视频播放源码
dubinwei
源码电驴播放器视频ed2k
本项目是个搜索电驴(ed2k)链接的应用,借助于磁力视频播放器(官网:
http://loveandroid.duapp.com/ 开放平台),可以实现在线播放视频,也可以用迅雷或者其他下载工具下载。
项目源码:
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目,库项目一链接:
http://git.oschina.
- Javascript中函数的toString()方法
周凡杨
JavaScriptjstoStringfunctionobject
简述
The toString() method returns a string representing the source code of the function.
简译之,Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
- struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况,自定义异常比较简单,只要分清是运行时异常还是非运行时异常即可,运行时异常不需要捕获,继承自RuntimeException,是由容器自己抛出,例如空指针异常。
非运行时异常继承自Exception,在抛出后需要捕获,例如文件未找到异常。
此处我们用的是非运行时异常,首先定义一个异常LoginException:
/**
* 类描述:登录相
- Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数;
- SpringMVC的各种参数绑定方式
Harry642
springMVC绑定表单
1. 基本数据类型(以int为例,其他类似):
Controller代码:
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码:
<form action="saysth.do" method="post&q
- Java 获取Oracle ROWID
aijuans
javaoracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
- java获取方法的参数名
antlove
javajdkparametermethodreflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
- JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
- Java中equals()与hashCode()方法详解
bijian1013
javasetequals()hashCode()
一.equals()方法详解
equals()方法在object类中定义如下:
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较(即比较引用是否相同)。但是我们知道,String 、Math、I
- 精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle数据库plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
- 【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录,存放html文件(包括index.html)
创建/data/images目录,存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
- kafka获得最新partition offset
blackproof
kafkapartitionoffset最新
kafka获得partition下标,需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
- centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
 
- java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!),在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
- nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
- [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式,直接在方程式之前添加负号是不正确的,而必须这样做:
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
- 如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app,然后提交支付宝审核,通过后才能集成
调试的时候估计会真的扣款,请注意
- 应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址:http://blog.chinaunix.net/uid-301743-id-3925358.html
存档,某些观点与我不谋而合,过度技术化不可取,且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我,“你在大数据和Hado
- 在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
- 使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
- 使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
- SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式,实现零xml配置,弄了个小demo,供交流讨论。
项目说明如下:
1.db.sql是项目中用到的表,数据库使用的是oracle11g
2.该项目使用mvn进行管理,私服为自搭建nexus,项目只用到一个第三方 jar,就是oracle的驱动;
3.默认项目为零配置启动,如果需要更改启动方式,请
- 《开源框架那点事儿16》:缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作,由于系统要求有比较高的TPS,因此就免不了要使用缓冲。
该项目中用的缓冲比较多,有MemCache,有Redis,有的还需要提供二级缓冲,也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候,大致是下面的样子。
[java]
view plain
copy
print
?
public vo
- AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接:http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html,给html添加声明语句,以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称,ng是angular的命名空间
- 架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
- 如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下,不应该有这种需求
首先,大家应该有个概念,标题中的这个问题,在大多情况下是一个伪命题,不应该被提出来。要知道,对于一般较大数据量的数据库,全表查询,这种操作一般情况下是不应该出现的,在做正常查询的时候,如果是范围查询,你至少应该要加上limit。
说一下,
- C语言算法之水仙花数
qiufeihu
c算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
- JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式: <%@ 指令名 属性 =”值 ” %>
常用的三种指令: page,include,taglib
page指令语法形式: <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式: <%@include file=”relative url”%> (jsp可以通过 include