- JavaScript 核心对象深度解析:Math、Date 与 String
小宁爱Python
前端javascript开发语言ecmascript
JavaScript作为Web开发的核心语言,提供了丰富的内置对象来简化编程工作。本文将深入探讨三个重要的内置对象:Math、Date和String,通过详细的代码示例和综合案例帮助你全面掌握它们的用法。一、Math对象Math对象提供了一系列静态属性和方法,用于执行各种数学运算,无需实例化即可使用。常用属性:console.log(Math.PI);//圆周率:3.141592653589793
- 并发编程——并发基础:守护线程和非守护线程
zlj1217
并发编程java后台线程守护线程并发基础
前言最近在复习的时候,发现一个运行线程池拒绝策略demo中的main方法在运行了之后,进程并没有关闭。看了jconsole线程池中的线程都处于waiting状态。这里是跟我设置线程池的线程工厂中的设置线程是否为后台线程有关。后台线程和非后台线程后台线程,也叫守护线程,指的是在程序运行的时候后台提供一种通用服务的线程,比如jvm里垃圾回收线程,这种线程并不属于程序中不可或缺的部分。因此,当所有的非守
- 【通过 emit() 触发的自定义事件】
软件205
VUE3API前端javascript开发语言
@[TOC](通过emit()触发的自定义事件)子组件搜索重置constemit=defineEmits();.item-search{margin-left:12px;}父组件使用importFormSearchfrom"@/components/FormSearch/index.vue";consthandleQuery=()=>{console.log("搜索参数:",{...queryPa
- 通过 es6的标签模板字符串,调用函数
改了一个昵称
es6javascript
es6的标签模板字符串/***讲一下es6的标签模板字符串*/functionfoo(...args){console.log(args);//打印的是:['why',18,1.88]}`调用foo函数,方式一`//foo('why',18,1.88)`调用foo函数,方式二`letname='coder'letage=19//也可以这样调用foo函数foo`mynameis${name},age
- 前端react框架实现打包时间动态加入配置展示在指定页面
注意:当前方法特定为create-react-app构建框架,其他的构建流程不同,不能直接照搬react-scripts的方式。✅目标:在React打包(build)时,自动将当前时间写入代码中某个变量或console.log中,例如:console.log('BuildTime:2025-06-2415:09');✅实现思路:React默认使用create-react-app(CRA),它基于W
- c# 核心技术指南——第2章 c# 语言基础
伦比兔
C#核心技术指南c#开发语言
本书中几乎所有的程序和代码片段都可以作为交互式示例在LINQPad中运行。阅读本书时使用这些示例可以加快你的学习进度。在LINQPad中编辑执行这些示例可以立即得到结果,无须在VisualStudio中建立项目和解决方案。2.1第一个C#程序在C#中,语句按顺序执行,每个语句都以分号结尾。类将函数成员和数据成员聚合在一起形成面向对象的构建单元。Console类将处理命令行的输入输出功能聚合在一起,
- vue的侦听器及怎么侦听数组--笔记
小番茄炒鸡蛋
vue.jsjavascript前端
作用侦听属性响应数据的变化,当数据发生改变的时候会立即执行对应的函数letvm=newVue({el:"#test",data:{entry:""},watch:{entry(){console.log("侦听到了");}}})这里我同过侦听器和v-model指令一起用可以更直观的体现他的作用(这也是常用搭配)。原理:当input输入内容后,因为v-model指令的绑定,此时entry属性值会随之
- 微信小程序跳转其他小程序以及跳转网站
一、跳转其他小程序1.1知道appid和页面路径wx.navigateToMiniProgram({appId:appid,//替换为目标小程序AppIDpath:pathWithParams,//小程序路径envVersion:'release',//开发版、体验版或正式版success(res){console.log("跳转到其他小程序成功!",res);},fail(err){consol
- uniapp内嵌的webview H5与应用通信
printf_824
uniapp分享uni-app
H5端:1、找到index.html引入依赖2、在需要通讯处发送消息uni.postMessage({data:{code:200,msg:"处理完成"}})uniapp端:使用@message="handlerMessage"回调的event里有所需信息functionhandlerMessage(event){console.log("接收到信息");let{code,msg}=event.d
- js 数组扁平化的几种实现方式
goodfornothing-s
javascript
一、什么是数组扁平化扁平化,顾名思义就是减少复杂性装饰,使其事物本身更简洁、简单,突出主题。数组扁平化,对着上面意思套也知道了,就是将一个复杂的嵌套多层的数组,一层一层的转化为层级较少或者只有一层的数组。Ps:flatten可以使数组扁平化,效果就会如下:constarr=[1,[2,[3,4]]];console.log(flatten(arr));//[1,2,3,4]从中可以看出,使用fla
- vue3教程笔记
Xaire
javascriptvue.js前端
选项式的写法基本和vue2一致。组合式写法:reactive()只适用于对象(数组或者内置对象),创建的对象都是js的proxy。import{reactive}from'vue'constcounter=reactive({count:0})console.log(counter.count)//0counter.count++ref()则可以接受任何值类型,ref会返回一个包裹对象,并在.va
- vue中的ref
咔咔咔索菲斯
vue.js前端javascript
在Vue中,ref是用于给元素或子组件添加引用标识的属性,通过它可以在组件实例中直接访问对应的DOM元素或子组件实例。基本用法-给DOM元素添加引用在模板中给元素添加ref="元素名",然后通过this.$refs.元素名访问对应的DOM节点。这是一个输入框exportdefault{mounted(){console.log(this.$refs.inputRef);//输出对应的DOM元素}}
- vue3 年月日 时分秒 各种转换
示例:console.log('时转秒:','1时---',hoursToSeconds(1),'秒')console.log('秒转时:','3600秒---',secondsToHours(3600),'时')console.log('分转秒:','10分---',minuteToSecond(10),'秒')console.log('秒转分:','600秒---',secondsToMinu
- Array() 方法
meng半颗糖
javascriptarray
1.concat()letarray1=[1,2,3,4]letarray2=[5,6,7,8]console.log(array1.concat(array2))//[1,2,3,4,5,6,7,8]2.fill()用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。letarray1=[1,2,3,4]console.log(array1.fill(8,1,3))//[
- 学习 前端开发中的JS调试技巧(断点)
2401_83412087
程序员学习javascript前端
Sources断点假设我现在就是要验证一下:函数传入的两个数、被加的随机数,以及最终的总和。那么该怎么操作呢?方法一从上图发现,我们在代码中新增了三行console代码,用以打印我们关心的数据变量,而最终我们从控制台(Console面板)中的输出结果,可以很清楚的验证整个计算过程是否正常,进而达到我们题设的验证要求。方法二,方法一的验证过程存在很明显的弊端就是,添加了很多冗余代码,接下来我们看一下
- H5调试工具vconsole和Eruda对比
_揽
前端学习笔记php开发语言前端javascript
VConsole与Eruda对比分析VConsole和Eruda是两款主流的移动端JavaScript调试工具,它们在功能定位、使用场景和技术实现上有诸多差异。以下从多个维度进行对比,帮助你选择更适合的工具:一、核心功能对比功能维度VConsoleEruda基础日志输出✅支持console全系列方法✅支持并增强(如分组折叠、语法高亮)网络请求监控✅显示基本请求信息(URL、状态码)✅更详细(请求/
- 【最新鸿蒙应用开发】——ArkWeb2——arkts与h5交互
秋叶先生_
harmonyos鸿蒙华为开发语言安卓交互
H5与端侧交互1.应用侧调用前端页面函数应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中,点击应用侧的“runJavaScript”按钮时,来触发前端页面的htmlTest()方法。前端页面代码。 functionhtmlTest(){ console.info('JavaScriptHelloWorld!'); }应用侧代码。//
- uniapp小程序在线预览
weixin_52406641
uni-app小程序前端
文章目录此文章主要为自己的笔记,所以直接上代码此文章主要为自己的笔记,所以直接上代码代码如下:chakan(){letthat=thisuni.downloadFile({url:that.fileUrl,//必须是HTTPS地址(小程序要求)success:function(res){consttempFilePaths=res.tempFilePath;console.log(tempFile
- 函数是引用类型的
functiona(){}a.deps=[]letb=ab.deps=[123]console.log(a.deps);//[123]在JavaScript中,函数实际上是一种对象。当你定义一个函数a时,你实际上是在创建一个函数对象。这个函数对象可以拥有自己的属性,比如你在代码中给a添加了一个名为deps的属性。当b=a时,只是将内存的引用赋值给了b,实际上b和a都指向同一个内存地址(a函数),这
- | 和 || 在实际开发中的使用方法
leo__520
javascript前端开发语言
一、基本使用方法按位或运算符(|)常用于二进制位操作,如权限控制、状态合并等场景。//权限控制示例constREAD=1;//二进制:0001constWRITE=2;//二进制:0010constDELETE=4;//二进制:0100//组合权限letuserPermission=READ|WRITE;//0011=3//检查权限if(userPermission&READ){console.l
- Vue3 组合式 API:生命周期钩子(三)
**之火
vue3vue.js前端前端框架Vue3
1、onMounted()onMounted()会在组件挂载到DOM后立即调用,此时DOM已经渲染完毕,可以进行相关的DOM操作或发起网络请求。exportdefault{setup(){//可以在这里定义响应式状态、计算属性等onMounted(()=>{//组件挂载到DOM后执行的代码console.log('组件已挂载到DOM');//在这里可以进行DOM操作或发起网络请求等});//返回需
- C# Process - systeminfo.exe
小老鼠爱大米
C#C#
本文主要介绍如何使用“systeminfo”来显示系统信息。usingSystem;usingSystem.Diagnostics;namespaceConsoleApp1{classProgram{staticvoidMain(string[]args){GetSystemInfo();Console.ReadLine();}staticvoidGetSystemInfo(){ProcessSt
- 腾讯云服务器linux系统有图形界面,腾讯云服务器如何搭建Ubuntu可视化界面?
kk七
腾讯云服务器如何搭建Ubuntu可视化界面?腾讯云服务器如何搭建Ubuntu可视化界面?腾讯云服务器如何搭建Ubuntu可视化界面?VNC(VirtualNetworkConsole)是虚拟网络控制台的缩写。它是一款优秀的远程控制工具软件,由著名的AT&T的欧洲研究实验室开发的。VNC是基于UNIX和Linux操作系统的开源软件,远程控制能力强大,高效实用,其性能可以和Windows和MAC中的任
- Vscode自定义代码快捷方式
HarryHY
工程化vscodejavascript前端
首选项====>配置代码片段====>新建全局代码片段(也可以选择你的语言为了避免有的时候不生效选择全局代码){"console.log":{//名字"prefix":"log",//prefix快捷键:log"body":["console.log('$1');",//body快捷键内容"$2"],"description":"Logoutputtoconsole"//description描述
- vue3 defineExpose的使用
我在北京coding
vue3vue.js前端javascript
子组件//子组价子组件num值:{{num}}import{ref}from"vue";constnum=ref(100);constfn=()=>{console.log('我是方法');}defineExpose({num,fn})父组件//父组价import{onMounted,ref}from"vue";constchild=ref(null);onMounted(()=>{console
- 云原生时代,OpenShift如何“C位出道”
大雨淅淅
#云原生云原生openshift
目录一、云原生浪潮:OpenShift崭露头角二、OpenShift究竟是什么三、深度剖析OpenShift的强大功能(一)容器化部署(二)多租户支持(三)自动扩展(四)CI/CD管道(五)内置监控和日志记录(六)容器安全性(七)服务网格四、OpenShift的架构探秘(一)Node节点(二)Master节点(三)Operations组件(四)WebConsole界面(五)Api扩展(六)Cli命
- ABP VNext + gRPC 双向流:实时数据推送与订阅场景实现
Kookoos
AbpvNext.netABPvNext.net后端c#gRPC
ABPVNext+gRPC双向流:实时数据推送与订阅场景实现目录ABPVNext+gRPC双向流:实时数据推送与订阅场景实现背景与动机环境与依赖流式模型对比双向流时序图ABP集成gRPCProto文件️服务端实现:ChatService️客户端实现(Console示例)安全与拦截器性能优化与可观测性模块化与CI自动生成Proto参考资源背景与动机gRPC的三种流式调用(ServerStreamin
- Node.js爬虫 CheerioJS 轻量级解析、操作和渲染HTML及XML文档
伍哥的传说
前端开发那点事node.js爬虫html
简介CheerioJS是一个专为Node.js设计的轻量级库,用于解析、操作和渲染HTML及XML文档,语法类似Jquery。安装npminstallcheerio示例constcheerio=require("cheerio");consthtml=`ExampleHello,world!`;const$=cheerio.load(html);console.log($("h1").text
- selenium弹框元素定位-冻结界面
测开成长笔记
selenium
有些网站上面的元素,我们鼠标放在上面,会动态弹出一些内容。但是当我们的鼠标从音乐图标移开,这个栏目就整个消失了,就没法查看其对应的HTML。怎么办?在开发者工具栏console里面执行如下js代码:setTimeout(function(){debugger},5000)这句代码什么意思呢?表示在5000毫秒后,执行debugger命令执行该命令浏览器会进入debug状态。debug状态有个特性,
- ThinkPHP结合使用PHPConsole向Chrome 控制台输出SQL
少湖说
编程实践chromesqlandroid
在Chrome中安装PHPConsole插件下载PHPConsole服务器端程序包到ThinkPHP的Vendor目录下例如/ThinkPHP/Extend/Vendor/PhpConsole编写Behaviour行为类PhpConsoleBehavior.classfalse,);publicfunctionrun(&$params){if(C('PHP_CONSOLE')){if(APP_DE
- 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