- 2023-06-22 使用事件委托来为所有子节点绑定事件,e.target和this的区别,vue获取DOM节点的常见方法
前端OnTheRun
笔记vue.jsjavascript前端
文章目录1.使用事件委托为子节点绑定事件2.e.target和this的区别3.vue中如何获取DOM节点?方法一:通过事件源来获取当前点击的节点方法二:通过ref来获取当前点击的节点方法三:使用自定义指令来获取当前点击的节点1.使用事件委托为子节点绑定事件12345functionfunc(e){console.log(e.target)e.target.style.background="ye
- 2021-06-01 模板字符串${}的定义和常见用法
前端OnTheRun
知识点字符串jsjavascriptes6
定义:ES6模板字符串是对之前字符串拼接的一种格式优化;在模板字符串之前,拼接字符串用"“+”"(双引号与加号)的格式,如今可以改成${};用法:把所有原先变量所在的位置用${变量名}代替,整体写在一对``里面1.示例:varname="zs",age=18,addr='bj';console.log("我叫"+name+",今年"+age+"岁,来自"+"bj");console.log(`我叫
- 2021-09-28 双等号==和三等号===的区别
前端OnTheRun
笔记知识点JS
双等号和三等号的区别:双等号只需要大小相等,三等号大小,类型都要相等console.log(2==2,2=="2");//truetureconsole.log(2===2,2==="2");//truefalse
- C# 的 fixed
visual-studio
fixed语句可防止垃圾回收器重新定位可移动变量,并声明指向该变量的指针。固定变量的地址在语句的持续时间内不会更改。只能在相应的fixed语句中使用声明的指针。声明的指针是只读的,无法修改:unsafe{byte[]bytes=[1,2,3];fixed(byte*ptr=bytes){Console.WriteLine($"数组的第一个元素的地址:{(long)ptr:X}。");Console
- C# 的异常捕捉和引发
visual-studio
使用throw和try语句来处理异常。使用throw语句引发异常。使用try语句捕获和处理在执行代码块期间可能发生的异常。不处理异常若不适用异常处理机制,代码运行过程中的任意异常(整数除零、文件找不到等)都会导致代码或应用程序中途退出,仅仅是提示某处发生异常。intZhs=5;for(intz=3;z>=0;z--){Console.WriteLine($"{Zhs}÷{z}={Zhs/z}");
- Uniapp微信小程序:轻松获取用户头像和昵称
小大周
uni-app微信小程序小程序
参考文献:Uniapp微信小程序:轻松获取用户头像和昵称-百度开发者中心(baidu.com)uni.login({provider:'weixin',success:function(loginRes){console.log(loginRes.authResult);//打印登录凭证//使用登录凭证获取用户信息uni.getUserInfo({provider:'weixin',success
- websocket 入门只需五分钟
不吃香菜的蟹老板
websocket网络协议网络
导读:前后端实时通信常用的一种方式。websocket是一种采用socket通信的连接,而不是http协议所以不受浏览器SOP的限制,是一种支持跨域访问的协议,客户端可以与任意服务器通信。1、简单入门1.1初始化websocketinitWebsockt(){if(typeofWebSocket==='undefined'){console.log('您的浏览器不支持WebSocket')retu
- 【uniapp】uni.setClipboardData 方法失效 bug 解决方案
xixixin_
uni-appjava前端
写了一个copy方法,但是怎么也没有弹窗复制成功复制逐步打印发现1正常打印,2没有打印,说明问题出现在setClipboardData方法执行中toCopy(n){//console.log('1',typeofn)//number类型consttemp=String(n)uni.setClipboardData({data:temp,success:()=>{//console.log('2',
- vue3 defineExpose 如何在父组件用ref调用子组件的方法
都挺好,刚刚好
vue3javascriptvue.js前端
vue3使用setup语法糖后如何在父组件用ref调用子组件的方法什么是setup语法糖更少的样板内容,更简洁的代码。能够使用纯Typescript声明props和抛出事件。更好的运行时性能(其模板会被编译成与其同一作用域的渲染函数,没有任何的中间代理)。//要使用这个语法,需要将setupattribute添加到代码块上:console.log('helloscriptsetup')//里面的代
- maptalks矩形绘制结束后,获取最大经度最大纬度,最小经度最小纬度,从左上角开始依次获取并展示坐标
不想上班只想要钱
maptalks前端javascript开发语言ecmascript
maptalks矩形绘制结束后,获取最大经度最大纬度,最小经度最小纬度,从左上角开始依次获取并展示坐标重点//获取绘制的矩形图形对象constrectangle=param.geometry;//获取矩形外接矩形范围(西南角/东北角坐标)constextent=rectangle.getExtent();console.log('西北角(左上):',extent.xmin,extent.ymax)
- 【Node.js异步编程:回调、Promise与async/await详解及框架选型指南】
小怪兽9699
node.jsudp网络协议
一、异步编程的核心价值1.1单线程事件循环//回调函数示例fs.readFile('file.txt',(err,data)=>{if(err)throwerr;console.log(data);});1.2异步模式演进回调函数Promiseasync/await二、核心模式详解2.1回调函数陷阱//回调地狱示例functiondoWork(){fs.readFile('file1.txt',(
- vue3 uniapp vite 配置之定义指令
初遇你时动了情
vue3uniappuni-appvue.jsjavascript
动态引入指令//src/directives/index.jsimporttrimfrom'./trim';constdirectives={trim,};exportdefault{install(app){console.log('[✔]自定义指令插件install触发了!');Object.entries(directives).forEach(([key,directive])=>{app
- AST 技术进行 JavaScript 反混淆实战
z_mazin
JavaScript逆向基础javascript开发语言ecmascript
一、AST技术核心原理抽象语法树(AST)是代码的“骨架”,它把代码拆解成一个个节点,就像把一棵大树拆成树枝、树叶一样。通过分析和修改这些节点,我们可以精准地还原代码的逻辑。二、实战案例1:还原字符串编码混淆代码特征混淆代码会把字符串拆成数组,然后通过索引访问,比如:const_0x5c0d=["Hello","World","log","split","join"];console[_0x5c0
- 宝塔面板+laravel5.2 添加定时任务
zmlucky
laravelPHP
1、laravel添加定时任务文档:https://xueyuanjun.com/post/32671.1配置console的Kernelcommand('SettleAccounts')->withoutOverlapping();}}1.2新建command脚本新建目录App\Console\Commands在Commands目录下新建SettleAccounts类kernel_log('定时
- 微信小程序腾讯获得所在城市
吹个口哨写代码
微信小程序小程序
腾讯位置服务-立足生态,连接未来/***生命周期函数--监听页面加载*/onLoad:function(options){varthat=this;//获取用户当前所在城市wx.getLocation({type:'wgs84',//默认为wgs84返回gps坐标,gcj02返回可用于wx.openLocation的坐标success:function(res){console.log('获取位置
- 容易混淆的英语单词
【0931】
英语学习学习英语
status地位statue雕像statutestature名望device设备devise设计revise修改recommend推荐commend赞扬command命令comment评论console【动词/名词】关键词:安慰、控制台✅动词释义(发音:/kənˈsəʊl/)表示在他人伤心、痛苦或失落时给予安慰或鼓励。安慰,慰问:用言语或行为帮助他人减轻情绪上的痛苦。例句:Shetriedtoco
- 秒杀Bug!前端Debug实战技巧
星星跌入梦境*
bug前端
在前端开发中,定位bug是开发过程中的一个关键环节。以下是一些常用的定位bug方法:1.控制台输出(Console.log)描述:在代码中加入console.log()输出变量值、对象属性或函数返回值。通过查看浏览器控制台输出,帮助你定位错误发生的地方。适用场景:调试时可以用来查看状态变化、捕捉错误信息等。示例:console.log('Currentvalueofvariable:',myVar
- 浏览器自动化检测对抗:修改navigator.webdriver属性的底层实现
亿牛云爬虫专家
seleuium代理IP爬虫代理自动化pythonSeleniumPlaywrightAmazon爬虫代理代理IP
一、背景介绍:你被自动化检测拒之门外了吗?在使用Selenium或Playwright等浏览器自动化工具爬取数据时,经常会遇到「被检测」问题,尤其像Amazon这样反爬策略严密的网站。常见的检测机制之一就是检查JavaScript中的navigator.webdriver属性:console.log(navigator.webdriver);//true:表明是自动化工具因此,本文将带你深入了解如
- 微信小程序所有传值方式
猪与朱
微信小程序小程序
一、通过URL参数传值这是最基础也是最常用的一种方法,适用于页面跳转时传递简单参数1.1跳转页面并传递参数wx.navigateTo({url:'/pages/detail/detail?id=123&name=John'});1.2接收参数在目标页面的onLoad方法中接收参数:Page({onLoad:function(options){console.log(options.id);//输出
- Unity中Socket_TCP异步连接,加入断线检测以及重连功能(服务端客户端源码)
杰尼杰尼丶
Socketunitytcp/ip服务器
1、服务端usingSystem;usingSystem.Collections.Generic;usingSystem.Text;#region命名空间usingSystem.Net;usingSystem.Net.Sockets;usingSystem.Threading;usingUnityEngine;#endregionnamespaceAsynServerConsole{//////T
- 微信小程序开发常用语法和api
thinkQuadratic
微信小程序小程序
vue写习惯了,小程序太久不做,一些语法和api都忘记。本文总结下小程序常用的语法和api语法绑定事件和传参绑定事件还有很多,触摸反馈事件,表单事件,媒体事件后续更新细说。绑定事件text(e){console.log('使用bindtap绑定事件触发',e.currentTarget.dataset.info);}遍历{{item.id}}---{{item.message}}demolist:
- js的es6模块中 暴露的使用方法简介
小何…
javascript前端开发语言
在JavaScript的ES6模块系统中,一个模块文件只能有一个exportdefault。exportdefault用于导出一个默认值,这个默认值在导入时可以使用任意名称。示例:导出默认值://myModule.jsexportdefaultfunctiongreet(){console.log("Hello,world!");}导入默认值://main.jsimportgreetfrom'./
- JavaScript 定时器
Enti7c
javascript开发语言ecmascript
在JavaScript中,定时器是实现代码在特定时间间隔执行或延迟执行的重要工具。下面我们将深入探讨定时器的相关知识。定时器基础setTimeout()setTimeout()函数用于在指定的延迟时间后执行一次回调函数。它接受两个参数,第一个参数是要执行的回调函数,第二个参数是延迟的毫秒数。示例如下:functionsayHello(){console.log('Hello!');}//3秒后执行
- JavaScript中数组拼接的几种方式
竹苓丿
javascriptvue前端
concat()方法拼接concat方法不会更改现有数组,而是返回一个新数组。leta=[1,2,3,4,5,6]letb=['喵喵','旺财','大黄']//concatletc=a.concat(b)console.log(c);//[1,2,3,4,5,6,'喵喵','旺财','大黄']循环拼接leta=[1,2,3,4,5,6]letb=['喵喵','旺财','大黄']for(leti=0
- Console口驱动
来看帽子变戏法
网络
链接:https://pan.baidu.com/s/17PkpVbv0aO3rfLGof1W__g提取码:fzv1--来自百度网盘超级会员V3的分享
- Windows Kernel32.dll--内核库函数提供的API
施工中请绕行
其他问题
AddAtom向本地原子表添加一个字符串AllocConsole为当前进程分配一个新控制台AreFileApisANSI确定一个WIN32文件函数集是否在使用ANSI或OEM字符集代码页BackupRead向一缓冲区读进与给定文件相关联的数据BackupSeek在访问数据流中向前搜索BackupWrite将数据传送到指定的文件或目录中Beep在扬声器上发出简单的声音BeginUpdateResou
- Kernel32--内核库函数提供的API
狂奔之林
Windows内核技术
转自:http://www.cnblogs.com/cwy173/archive/2010/10/02/1841321.htmlAddAtom向本地原子表添加一个字符串AllocConsole为当前进程分配一个新控制台AreFileApisANSI确定一个WIN32文件函数集是否在使用ANSI或OEM字符集代码页BackupRead向一缓冲区读进与给定文件相关联的数据BackupSeek在访问数据
- (54) C# 调用 kernel32.dll
ainixi7099
操作系统
https://www.cnblogs.com/cwy173/archive/2010/10/02/1841321.htmlKernel32APIAddAtom向本地原子表添加一个字符串AllocConsole为当前进程分配一个新控制台AreFileApisANSI确定一个WIN32文件函数集是否在使用ANSI或OEM字符集代码页BackupRead向一缓冲区读进与给定文件相关联的数据Backup
- API函数导航(四)
Augusdi
VC++程序设计apiwindowsmicrosoft磁盘存储dll
四、内核库函数(1)Kernel32.exe函数名称说明AddAtom向本地原子表添加一个字符串AllocConsole为当前进程分配一个新控制台AreFileApisANSI确定一个WIN32文件函数集是否在使用ANSI或OEM字符集代码页BackupRead向一缓冲区读进与给定文件相关联的数据BackupSeek在访问数据流中向前搜索BackupWrite将数据传送到指定的文件或目录中Beep
- C# 的 default
visual-studio
switch的default标签在switch块中,指定若条件表达式或常量与其余case均不匹配,则运行的语句块。publicstaticvoidFF考察分数(string分数){switch(分数){case"A":Console.WriteLine($"你考的太好了!");break;case"B":Console.WriteLine($"你考的还不错!");break;case"C":Con
- sql统计相同项个数并按名次显示
朱辉辉33
javaoracle
现在有如下这样一个表:
A表
ID Name time
------------------------------
0001 aaa 2006-11-18
0002 ccc 2006-11-18
0003 eee 2006-11-18
0004 aaa 2006-11-18
0005 eee 2006-11-18
0004 aaa 2006-11-18
0002 ccc 20
- Android+Jquery Mobile学习系列-目录
白糖_
JQuery Mobile
最近在研究学习基于Android的移动应用开发,准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下,觉得使用Android的WebView上手最快,因为WebView等于是一个内置浏览器,可以基于html页面开发,不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等,就能非常方便的做动态应用了。
从现在起,往后一段时间,我打算
- 如何给线程池命名
daysinsun
线程池
在系统运行后,在线程快照里总是看到线程池的名字为pool-xx,这样导致很不好定位,怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory,自己实现ThreadFactory接口,重写newThread方法即可。参考代码如下:
public class Named
- IE 中"HTML Parsing Error:Unable to modify the parent container element before the
周凡杨
html解析errorreadyState
错误: IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"
现象: 同事之间几个IE 测试情况下,有的报这个错,有的不报。经查询资料后,可归纳以下原因。
- java上传
g21121
java
我们在做web项目中通常会遇到上传文件的情况,用struts等框架的会直接用的自带的标签和组件,今天说的是利用servlet来完成上传。
我们这里利用到commons-fileupload组件,相关jar包可以取apache官网下载:http://commons.apache.org/
下面是servlet的代码:
//定义一个磁盘文件工厂
DiskFileItemFactory fact
- SpringMVC配置学习
510888780
springmvc
spring MVC配置详解
现在主流的Web MVC框架除了Struts这个主力 外,其次就是Spring MVC了,因此这也是作为一名程序员需要掌握的主流框架,框架选择多了,应对多变的需求和业务时,可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发,就必须要掌握它的配置及原理。
一、Spring MVC环境搭建:(Spring 2.5.6 + Hi
- spring mvc-jfreeChart 柱图(1)
布衣凌宇
jfreechart
第一步:下载jfreeChart包,注意是jfreeChart文件lib目录下的,jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可;
第二步:配置web.xml;
web.xml代码如下
<servlet>
<servlet-name>jfreechart</servlet-nam
- 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer
aijuans
Spring3
PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现,也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文(配置文件)中的属性值放在另一个单独的标准java P
- java 线程池使用 Runnable&Callable&Future
antlove
javathreadRunnablecallablefuture
1. 创建线程池
ExecutorService executorService = Executors.newCachedThreadPool();
2. 执行一次线程,调用Runnable接口实现
Future<?> future = executorService.submit(new DefaultRunnable());
System.out.prin
- XML语法元素结构的总结
百合不是茶
xml树结构
1.XML介绍1969年 gml (主要目的是要在不同的机器进行通信的数据规范)1985年 sgml standard generralized markup language1993年 html(www网)1998年 xml extensible markup language
- 改变eclipse编码格式
bijian1013
eclipse编码格式
1.改变整个工作空间的编码格式
改变整个工作空间的编码格式,这样以后新建的文件也是新设置的编码格式。
Eclipse->window->preferences->General->workspace-
- javascript中return的设计缺陷
bijian1013
JavaScriptAngularJS
代码1:
<script>
var gisService = (function(window)
{
return
{
name:function ()
{
alert(1);
}
};
})(this);
gisService.name();
&l
- 【持久化框架MyBatis3八】Spring集成MyBatis3
bit1129
Mybatis3
pom.xml配置
Maven的pom中主要包括:
MyBatis
MyBatis-Spring
Spring
MySQL-Connector-Java
Druid
applicationContext.xml配置
<?xml version="1.0" encoding="UTF-8"?>
&
- java web项目启动时自动加载自定义properties文件
bitray
javaWeb监听器相对路径
创建一个类
public class ContextInitListener implements ServletContextListener
使得该类成为一个监听器。用于监听整个容器生命周期的,主要是初始化和销毁的。
类创建后要在web.xml配置文件中增加一个简单的监听器配置,即刚才我们定义的类。
<listener>
<des
- 用nginx区分文件大小做出不同响应
ronin47
昨晚和前21v的同事聊天,说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计,因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名,而squid在响应比较大的文件时,尤其是初次下载的时候,性能比较差,所以拆成两组服务器,squid服务于较小的文件,通过pull方式从peer层获取,nginx服务于较大的文件,通过push方式由peer层分发同步。外部发布
- java-67-扑克牌的顺子.从扑克牌中随机抽5张牌,判断是不是一个顺子,即这5张牌是不是连续的.2-10为数字本身,A为1,J为11,Q为12,K为13,而大
bylijinnan
java
package com.ljn.base;
import java.util.Arrays;
import java.util.Random;
public class ContinuousPoker {
/**
* Q67 扑克牌的顺子 从扑克牌中随机抽5张牌,判断是不是一个顺子,即这5张牌是不是连续的。
* 2-10为数字本身,A为1,J为1
- 翟鸿燊老师语录
ccii
翟鸿燊
一、国学应用智慧TAT之亮剑精神A
1. 角色就是人格
就像你一回家的时候,你一进屋里面,你已经是儿子,是姑娘啦,给老爸老妈倒怀水吧,你还觉得你是老总呢?还拿派呢?就像今天一样,你们往这儿一坐,你们之间是什么,同学,是朋友。
还有下属最忌讳的就是领导向他询问情况的时候,什么我不知道,我不清楚,该你知道的你凭什么不知道
- [光速与宇宙]进行光速飞行的一些问题
comsci
问题
在人类整体进入宇宙时代,即将开展深空宇宙探索之前,我有几个猜想想告诉大家
仅仅是猜想。。。未经官方证实
1:要在宇宙中进行光速飞行,必须首先获得宇宙中的航行通行证,而这个航行通行证并不是我们平常认为的那种带钢印的证书,是什么呢? 下面我来告诉
- oracle undo解析
cwqcwqmax9
oracle
oracle undo解析2012-09-24 09:02:01 我来说两句 作者:虫师收藏 我要投稿
Undo是干嘛用的? &nb
- java中各种集合的详细介绍
dashuaifu
java集合
一,java中各种集合的关系图 Collection 接口的接口 对象的集合 ├ List 子接口 &n
- 卸载windows服务的方法
dcj3sjt126com
windowsservice
卸载Windows服务的方法
在Windows中,有一类程序称为服务,在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层,因此资源占用比较大、执行效率比较高,比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了,其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目,虽然不启动了,但是系统中仍然存在此项服务,只是没有加载而已。如果安装其他
- Warning: The Copy Bundle Resources build phase contains this target's Info.plist
dcj3sjt126com
iosxcode
http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html
Excerpt:
You are getting this warning because you probably added your Info.plist file to your Copy Bundle
- 2014之C++学习笔记(一)
Etwo
C++EtwoEtwoiterator迭代器
已经有很长一段时间没有写博客了,可能大家已经淡忘了Etwo这个人的存在,这一年多以来,本人从事了AS的相关开发工作,但最近一段时间,AS在天朝的没落,相信有很多码农也都清楚,现在的页游基本上达到饱和,手机上的游戏基本被unity3D与cocos占据,AS基本没有容身之处。so。。。最近我并不打算直接转型
- js跨越获取数据问题记录
haifengwuch
jsonpjsonAjax
js的跨越问题,普通的ajax无法获取服务器返回的值。
第一种解决方案,通过getson,后台配合方式,实现。
Java后台代码:
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String ca
- 蓝色jQuery导航条
ini
JavaScripthtmljqueryWebhtml5
效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
- linux部署jdk,tomcat,mysql
kerryg
jdktomcatlinuxmysql
1、安装java环境jdk:
一般系统都会默认自带的JDK,但是不太好用,都会卸载了,然后重新安装。
1.1)、卸载:
(rpm -qa :查询已经安装哪些软件包;
rmp -q 软件包:查询指定包是否已
- DOMContentLoaded VS onload VS onreadystatechange
mutongwu
jqueryjs
1. DOMContentLoaded 在页面html、script、style加载完毕即可触发,无需等待所有资源(image/iframe)加载完毕。(IE9+)
2. onload是最早支持的事件,要求所有资源加载完毕触发。
3. onreadystatechange 开始在IE引入,后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
- sql批量插入数据
qifeifei
批量插入
hi,
自己在做工程的时候,遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表,临时表的整理就看当时的选择条件了,临时表就是要插入的数据集,最后再批量插入到数据库中。
WITH tempT AS (
SELECT
item_id AS combo_id,
item_id,
now() AS create_date
FROM
a
- log4j打印日志文件 如何实现相对路径到 项目工程下
thinkfreer
Weblog4j应用服务器日志
最近为了实现统计一个网站的访问量,记录用户的登录信息,以方便站长实时了解自己网站的访问情况,选择了Apache 的log4j,但是在选择相对路径那块 卡主了,X度了好多方法(其实大多都是一样的内用,还一个字都不差的),都没有能解决问题,无奈搞了2天终于解决了,与大家分享一下
需求:
用户登录该网站时,把用户的登录名,ip,时间。统计到一个txt文档里,以方便其他系统调用此txt。项目名
- linux下mysql-5.6.23.tar.gz安装与配置
笑我痴狂
mysqllinuxunix
1.卸载系统默认的mysql
[root@localhost ~]# rpm -qa | grep mysql
mysql-libs-5.1.66-2.el6_3.x86_64
mysql-devel-5.1.66-2.el6_3.x86_64
mysql-5.1.66-2.el6_3.x86_64
[root@localhost ~]# rpm -e mysql-libs-5.1