- vue前端动态获取页面高度宽度
Hrational
vue.js前端javascript
data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件,窗口resize时候触发函数handleResize,这句是核心window.addEventListener('resize',this.handleResize);}
- 谷粒商城实战笔记-279~280-商城业务-订单服务-订单验价-保存订单
小手追梦
谷粒商城笔记谷粒商城
文章目录一,279-商城业务-订单服务-订单验价1,创建订单时计算总价代码分析2,比较总价二,280-商城业务-订单服务-保存订单数据代码分析一,279-商城业务-订单服务-订单验价这一节的主要内容是验价:前端从购物车到confirm界面会算一次总价提交订单生成订单时会重新计算一次总价比较这两次总价1,创建订单时计算总价/***计算价格价格的方法*@paramorderEntity*@paramo
- vue08 基础-表单输入绑定
斯诺斯诺斯诺_c21f
你可以用v-model指令在表单、及元素上创建双向数据绑定。▲v-model会忽略所有表单元素的value、checked、selectedattribute的初始值而总是将Vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值。v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件:text和textarea元素使用value属性和input
- 一款好看的EMlog系统博客网站微信小程序源码v1.1
dddaaxx
程序源码
介绍:这是一个简洁的程序,所以给它取了个英文名叫Brief,需要配合EMlog后端,所以EMlog附带了一款非常好看的大前端模板。Brief使用emlog(6.0.1)系统强力驱动后端API使用张子恒接口文档开发本程序仍有诸多bug未修复由于开发时修改过很多emlog原有功能及数据库所以使用该程序需要重新安装emlog和数据库1、配置ssl宝塔可免费申请2、安装后端上传源码-导入数据库-修改con
- vue3 集成天地图,完美实例
cesske
vue
在Vue3中,你可以使用天地图JavaScriptAPI进行集成。以下是一个基本的例子,展示了如何在Vue3组件中集成天地图并添加一个地图实例:1、首先,确保你已经在你的项目中包含了天地图的JavaScriptAPI。你可以通过以下方式添加:2、创建一个Vue3组件,并在组件中添加地图的初始化逻辑,先上代码,代码中实现了部分功能。如果需要详细,可以联系我。constdataMap=ref({})/
- 先进制造aps专题二十四 云平台排产aps的方案设计
lijianhua_9712
apsaps
云平台排产aps的方案设计针对对象是有排产需求无需定制的中小型工厂企业一网站功能(b/s架构)1前端界面客户登录排产项目管理基础数据(产品资料,产品工艺,工作日历,生产资源,工艺能力)排产执行排产甘特图和修改排产结果下载2后台管理客户管理排产执行统计排产在线状况排产服务器监控二排产服务器,排产服务器执行排产任务几个要点1虽然面向中小型企业,但是为了达到无需定制的目的,排产算法需要尽可能的强大,能进
- JavaScript数组的常用算法
小五丶_
版权声明:本文为博主原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接和本声明。欢迎大家去我的个人技术博客看看,点赞收藏注册的都是好人哦~https://xiaowu.xyz一、数组的常见算法由于算法的性能要从时间复杂度和空间复杂度两个方面考虑,所以这里不做性能的研究,仅仅为了理解1、冒泡排序:假设有数组[54,68,46,75,36,20,65,11,79,45]varlist=
- react脚手架配置代理总结
ST_MT
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明:优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000(优先匹配前端资源)方法二第一步:创建代理配置文件在src下创建配置文件:src/setupProx
- django学习入门系列之第五点《javascript 对象(字典)》
铁匠匠匠
djangodjango学习javascript笔记开源前端前端框架
文章目录对象(字典)往期回顾对象(字典)info={"name":"小米""age":18}info={name:"小明"age:18}//获取值info.age//设置值info.name="小米"//另一种获取/设置的方式info["age"]info["name"]="小明"//删除deleteinfo["age"]info={name:"小明"age:18}for(varkeyininfo
- django学习入门系列之第四点《javascript初了解》
铁匠匠匠
djangodjango学习javascript笔记开源python前端框架
文章目录往期回顾javascript是一门编程语言,浏览器就是相当于这门语言的解释性DOM和BOM相当于这门语言内置的模块例如:Python的random,json模块JQuery可以理解为编程语言的第三方模块例如:openpyxl,requestsjavascript意义让程序实现一些动态的效果小案例Title.menus{width:200px;border:1pxsolidred;}.men
- django学习入门系列之第四点《JavaScript的字符串类型》
铁匠匠匠
django学习javascript开发语言笔记django前端前端框架
文章目录字符串类型往期回顾字符串类型//声明varname="变量";varname=string("变量");//常见功能varname="中国联通"//获取字符串长度varv1=name.length;//赋值varv2=name[0]//去除空白字符,返还一个新的字符串varv3=name.trim;//前取后不取varv4=name.substring(0,2);往期回顾1.【快速开发网站
- django学习入门系列之第四点《JavaScript的数组介绍》
铁匠匠匠
django学习笔记开源javascriptdjango前端前端框架
文章目录往期回顾//定义varv1={11,22,33,44};varv2=Array([11,2,3,4]);//操作varv1={11,22,33,44};v1[1]v1[0]="123";//在数组后面给你追加v1.push("联通");//{11,22,33,44,联通};//在数组前面给你追加v1.unshift("移动");//{移动,11,22,33,44}//在指定的位置给你插入/
- django学习入门系列之第三点《边框及总结》
铁匠匠匠
djangodjango学习python笔记前端框架前端经验分享
文章目录border背景色总结往期回顾border CSSborder是前端开发中用于控制元素边框外观的重要属性。边框不仅能够增强网页的视觉层次感,还能提供清晰的界面分区,对于提升用户体验和网页设计美学至关重要。border:边框粗细+边框的样式+颜色虚线边框border:3pxdottedred;实线边框border:3pxsoildred;单独有一遍有边框border-left:3pxsol
- Springboot+爬虫+推荐算法+前后端分离实现小说推荐系统
计算机程序优异哥
如何针对互联网各大小说阅读网站的小说数据进行实时采集更新,建立自己的小说资源库,针对海量的小说数据开展标签处理特征分析,利用推荐算法完成针对用户的个性化阅读推荐?基于以上问题,本次小说推荐系统,建设过程主要分为小说推荐网站前端系统,小说运维管理后台系统,小说数据实时采集爬虫三个部分。小说推荐网站前端系统主要采用开源前端框架搭建小说推荐网站,提供用户登录注册,小说阅读等功能,小说运维管理后台,提供管
- PyQt5信号与槽的简单使用记录
arriettyandray
PyQt5qt开发语言
PyQt5信号与槽的简单使用记录前言信号与槽总结前言最近开发项目,使用PyQt5学习了一些知识,简单记录一下!信号与槽使用Qt设计好界面,再通过PyUic转化成py,就可以通过其他python来调用设计好的界面控件。在调用界面控件时,我们使用到信号与槽。举个例子:我前端设计采用了一个按钮。按钮有对应的Click事件,那这个点击事件要如何和后台沟通。那么就需要连接。这个连接的方式有好几种。我简单介绍
- 前端面试题(vue篇)
前端第一深情
前端面试题vue前端面试
前端面试题(vue篇持续更新ing)1.v-if和v-show的区别?v-if和v-show是Vue.js中用于条件渲染的指令,它们的作用是根据表达式的值来控制元素的显示与隐藏。它们的区别在于:v-if:指令用法:v-if是一个指令,它通过计算绑定的表达式的值来决定是否渲染元素。渲染方式:如果表达式的值为true,则渲染对应的元素;如果为false,则不渲染(从DOM中移除)。性能特点:当v-if
- lottie在前端引用
一个萌新小土豆
vue.jsjavascript前端
以在vue中使用为例一、下载lottienpmivue-lottie-S二、在main.js中引入vue-lottieimportlottiefrom'vue-lottie'Vue.component('lottie',lottie)三、在组件中注册使用1、引入jsonimport*asanimationDatafrom'@/assets/lottie/data.json'2、使用组件3、data
- 常用的前端配置命令
一个萌新小土豆
vuenpm
npm测试:npm-v初始化项目:npminit-y会产生一个package.json文件安装模块:npmi模块名@版本号(版本号可以不写,不写默认为最新版本)参数参数:-g(全局安装)--save-dev(本地安装)--save(本地安装(开发依赖))删除模块:npmuninstall模块名参数清除缓存:npmcacheclear-fnrm安装:npminstallnrm-g查看版本号:nrm-
- 关于JavaScript的一些练习题(六)
一个萌新小土豆
javascript
第十六题编程实现以下功能:读入两个运算数(data1和data2)及一个运算符(op),计算表达式data1opdata2的值,其中op可为+,-,*,/。vardata1=3;vardata2=4;varn=0;varop="*";switch(op){case"+":n=data1+data2;break;case"-":n=data1-data2;break;case"*":n=data1*
- 【React】react实现前端播放m3u8格式视频
ah_biao
前端react视频处理hls
DPlayer文档:http://dplayer.js.org导入依赖yarnadddplayerhls.js在头部引入依赖importDPlayerfrom'dplayer'constHls=require('hls.js')新建一个div初始化播放器componentDidMount(){video=newDPlayer({container:document.getElementById('
- js实践篇:例外处理Try{}catch(e){}
wangchaoqi1985
实践javascript
原文地址为:js实践篇:例外处理Try{}catch(e){}程序开发中,编程人员经常要面对的是如何编写代码来响应错误事件的发生,即例外处理(exceptionhandlers)。如果例外处理代码设计得周全,那么最终呈现给用户的就将是一个友好的界面。否则,就会让访问者对莫名的现象感到真正的“意外”。一、什么是例外处理当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时
- 2022-11-25
慢姑娘
嗨,最近不知道怎么去下笔,但还是会有很多东西可以分享的。之前端过一个咖啡,在走路的时候,我就盯着它看,我看着它在我手里不停的晃动,生怕一不小心就把它撒了出来,还可以听到叮叮的响声。这种情况大概持续了很多天,每次一上咖啡我就心惊胆战的。在后来有一次当中,我端给一个人的时候,他跟我讲你不要一直盯着它,你越盯着它,它就越容易晃动,我就笑了笑,他似乎看我有点不太相信,就端起来亲自示范了给我看了一下,不是那
- 使用Vite+Vue3创建Cesium项目
IT界胖猫
信息可视化vue
Vite+Vue3+Cesium项目模版Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库,Cesium一词来源于化学元素铯,铯是制造原子钟的关键元素,研发小组通过命名强调Cesium产品精益求精,专注时间数据可视化。Cesium为三维GIS提供了一个高效的数据可视化平台使用viet创建vue3项目创建vue3项目这里使用的是vue的模版。如
- 前端中什么是浮动?清除浮动有那些方法?
码农sssss
前端html5
1:什么事浮动?设置浮动的图片,可以实现文字环绕图片。设置了浮动的块级元素可以排列在同一行。设置了浮动的行内元素可以设置宽高。浮动造成的影响:使盒子脱离文档流,如果父级盒子没有设置高度,需要被子盒子撑开,那么这时候父级盒子的高度就塌陷了,同时也会造成后面的盒子布局受到影响。2:清除浮动有那些方法?清除浮动,主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题父级div定义height(只适合
- 前端常见的适配方法
码农sssss
前端
一、固定布局(pc端)(静态布局)以像素作为页面的基本单位,不管设备和浏览器宽度,只设计一套尺寸(这种不太现实)二、根据不同的分辨率,加载不同的CSS样式文件(可切换的固定布局)自适应布局//分辨率大于等于1680,大部分为1920的范围情况下,调用此cssif(window.screen.width>=1680){document.write('');}//分辨率在1600-1680这个范围的情
- 60 个前端 Web 开发流行语你都知道哪些?
web18224617243
面试学习路线阿里巴巴android前端后端
??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程:??28个案例趣学前端??想寻找共同学习交流的小伙伴,请点击【全栈技术交流群】??免费且实用的计算机相关知识题库:??进来逛逛给大家安利一个免费且实用的前端刷题(面经大全)网站,??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水?今天海海给大家带来了60个Web前端开发的术语,看看你知道的有多少。以下列表是按照字母顺序排
- 快速删除前端vue项目的依赖
代码老祖
前端vscodevue.js
npminstallrimraf-grimrafnode_modules有些时候项目启动不在希望的端口,解除端口占用8080是被占用的端口netstat-ano|findstr:808011120是找到的进程taskkill/PID11120/F在网页创建新分支devgitremoteupdateorigin-p//更新远程分支gitbranch-a//查看所有分支gitcheckoutdev//
- 【Vue3 工程自动化】自动导入多个组件
MagnumHou
VueVite+Vue3前端工程化打包优化自动化vue.js前端
工程自动化参考视频概述在前端工程中,如果一个文件夹中的模块需要频繁引用,则可以使用如下自动化方式,实现一次性引入。一、Vue2.X版本:require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api,通过该函数可以获取一个上下文,从而实现工程的自动化(遍历文件夹的文件,从中获取指定文件,自动导入模块)
- 使用Vue创建cesium项目模版该如何选择?
激动的兔子
Vue+Cesiumvue.jscesium
目录问题描述模版说明及选用建议小结问题描述刚入手这个项目,什么都是一知半解。使用Vue,创建Cesium项目的时候,提示需要选择一个模版(如下图所示),该如何选择项目模版选,总结如下:模版说明及选用建议Cesium是一个开源的JavaScript库,用于在网页上创建3D地球和2D地图。在Vue项目中创建Cesium工程时,选择合适的模版对于项目的开发效率和后期维护至关重要。关于cesium、ces
- JavaScript + TypeScript 实现并发队列
知半愚无
JavaScript的痛彻心扉javascripttypescript
1.前言本文使用了TypeScript和JavaScript,可能有的读者并没有学过TypeScript,担心看不懂。其实我认为有了TypeScript你应该更容易看懂,因为TypeScript仅仅是繁琐了一点,因为它只是给变量加上了类型,但是它能增加代码的可读性和可维护性,所以你应该能快速理解。安装TypeScript见文末。生活中许多同时发生的事情,比如:你在打代码,他在打代码,她也在打代码,
- 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