- 前端大厂常见面试题目|react|5-reacr ajax,axios,消息订阅发布机制,react-routerdom的api,基本路由使用,rdirct,antd,navlink,switch,
学习记录wanxiaowan
前端八股文前端面试react.js
第4章:Reactajax4.1.理解4.1.1.前置说明React本身只关注于界面,并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方ajax库(或自己封装)4.1.2.常用的ajax请求库jQuery:比较重,如果需要另外引入不建议使用axios:轻量级,建议使用封装XmlHttpRequest对象的ajaxpromise风格
- 第9章 组件系统设计原理
道不尽世间的沧桑
javascriptvue.js开发语言前端算法ecmascript
9.1组件注册机制9.1.1全局组件注册流程//全局组件注册源码核心Vue.options.components=Object.create(null)Vue.component=function(id,definition){//标准化组件选项if(isObject(definition)){definition=Vue.extend(definition)}//存储到全局组件库this.opt
- 第5章 虚拟DOM与Diff算法
道不尽世间的沧桑
vue.jsjavascript前端算法
5.1虚拟DOM设计哲学5.1.1虚拟DOM存在意义//真实DOM操作代价示例conststart=Date.now()for(leti=0;ioldEndIdx){addVnodes(...)}else{removeVnodes(...)}}算法优势:最大程度复用现有节点减少DOM操作次数时间复杂度优化到O(n)5.4核心Diff流程实现5.4.1节点更新函数functionpatchVnode
- uniapp获取元素高度
if时光重来
uni-app
uni.getSystemInfo({success:function(res){//res-各种参数console.log(res.windowWidth);//屏幕的宽度letinfo=uni.createSelectorQuery().select(".类名");info.boundingClientRect(function(data){//data-各种参数console.log(dat
- uniapp功能集合
BLUESKYHOST
uniappuniapp功能
实现滑动到指定位置handlego(){varme=this;varquery=wx.createSelectorQuery().in(me);query.selectViewport().scrollOffset()query.select("#comment").boundingClientRect();query.exec(function(res){console.log(res);var
- lua面向对象
地狱火堡垒
lua开发语言
简单的类实现LUA中最基本的结构是table,用table来描述对象的属性。lua中的function可以用来表示方法。那么LUA中的类可以通过table+function模拟出来。Student={age=1,growUp=function()--print(age)这样写与表中没有任何关系,他打印age这个全局变量--一定要调用表名.属性来指明是谁做的print(Student.age)end
- SAP UI5 应用的 OData XML 格式的元数据请求解析原理,基于 DOMParser
汪子熙
SAPUI5百科全书xml
前一篇文章SAPUI5应用的OData元数据请求响应的解析原理分析我们介绍了SAPUI5OData元数据解析的入口。本文继续介绍基于DOMParser的XML数据解析原理。入口如下:varxmlParse=function(text){///ReturnsanXMLDOMdocumentfromthespecifiedtext.///<paramname="tex
- 第3章 模板编译原理深度解析
道不尽世间的沧桑
vue.jsjavascriptecmascript
3.1编译全过程概览3.1.1完整编译流程图原始模板解析器抽象语法树AST优化器标记静态节点代码生成器可执行渲染函数3.1.2各阶段核心任务解析阶段:模板字符串→AST(抽象语法树)优化阶段:标记静态节点→提升渲染性能生成阶段:AST→可执行渲染函数3.2解析器实现原理3.2.1HTML解析器核心代码//简化的HTML解析器实现functionparseHTML(html,options){let
- Domain Name System
竹某
互联网应用网络网络协议服务器
目录一.BasicFunction&BriefHistory二.从数据库层面理解DNS2.1DomainNamespace&ResourceRecord2.2DNSserver2.3DNSresolver三.从协议层面理解DNS3.1DNSserver正确解析domainname返回IP地址的方法3.1.1递归方法解析域名3.1.2迭代方法解析域名3.2DNSserver提高域名解析效率的缓存机制
- F.interpolate函数
dringlestry
深度学习图片分辨率改变
F.interpolate是PyTorch中用于对张量(通常是图像数据)进行插值操作的函数,常用于调整张量的大小,例如改变图像的分辨率。它支持多种插值方法,包括最近邻插值、双线性插值和三次插值等。语法torch.nn.functional.interpolate(input,size=None,scale_factor=None,mode='nearest',align_corners=None)
- cs106x-lecture11(Autumn 2017)-SPL实现
Alidme
c++算法CS106XCodeStepByStep学习
打卡cs106x(Autumn2017)-lecture11(以下皆使用SPL实现,非STL库,后续课程结束会使用STL实现)1、diceRollsWritearecursivefunctionnameddiceRollsacceptsanintegerrepresentinganumberof6-sideddicetoroll,andoutputallpossiblecombinationsof
- cs106x-lecture8(Autumn 2017)-SPL实现
Alidme
CS106Xc++CodeStepByStepCS106X算法SPL
打卡cs106x(Autumn2017)-lecture8(以下皆使用SPL实现,非STL库,后续课程结束会使用STL实现)1、reverseLinesWritearecursivefunctionnamedreverseLinesthatacceptsasitsparameterareferencetoafileinputstream(ifstream)andprintsthelinesofth
- PHP脚本示例
不做大多数
php
/***@desc清理产品商品无效数据*@paramInput$input*phpthinkgoods-mClear-aclearGoods--endTime='2020-01-01'-vvv*@returnvoid*@author陈龙*@date2024-04-029:45*/publicfunctionclearGoods(Input$input){$options=$input->getOp
- 【无标题】
不做大多数
php
PHP读取excelif(!function_exists('read_excel')){/***读取excel*@returnarray*/functionread_excel($filename,$pValue=true){try{vendor('PHPExcel.PHPExcel');//兼容2003和2007版本$objReader=PHPExcel_IOFactory::createRe
- 飞书API
不做大多数
飞书
extend目录下,APIsetAppConfig($option['company_id']??0);}/***@desc单例*@returnstatic|null*@author陈龙*@date2024-01-0911:00*/publicstaticfunctioninstance(){if(is_null(self::$instance)){self::$instance=newstati
- JavaScript函数参数设置
爱喝不加糖
javascript前端开发语言
在ES6中允许参数赋初始值functionadd(a,b,c=3){console.log(a,b,c);}add(1,2)ES6中参数解构functionconnection({host='127.0.0.1',username,password,port}){}connection({host:'192.168.1.1',username:'root',password:'123123',po
- 用JavaScript写抖音很火的罗盘时钟,附源码
编程界小明哥
canvasjavascriptjavascript精彩实例罗盘时钟javascriptcanvashtml5
原生js制作在抖音上很火的罗盘布局时钟代码。带日期、月份、星期、时分秒圆盘时钟。效果图:3个构造函数文本构造函数//文字的构造函数functionText(o){this.x=0,//x坐标this.y=0,//y坐标this.disX=0,//x坐标偏移量this.disY=0,//y坐标偏移量this.text='',//内容this.font=null;//字体this.textAlign=
- console的使用记录
沐千熏
VUEuni-appjavascript开发语言ecmascript
console.log();打印调试console.dir();打印对象。javaScript对象属性列表,并以交互的形式展现。输出结果呈现为分层列表。包含展开/折叠的三角图标,可用于查看子对象的内容。console.table();打印数组。console.time();计时操作。functionlogTime(n){console.time("time");//模拟耗时for(leti=0;i
- uniapp日期选择器
百事可乐☆
uni-appjavajavascript
日期在picker中加fields="month"就只能选择年月了,加fields="year"则只能选择年,默认是年月日格式直接上代码,可以直接粘贴复制复用{{date}}functiongetDate(type){constdate=newDate();letyear=date.getFullYear();letmonth=date.getMonth()+1;letday=date.getDa
- Java计算机毕业设计大学生体测数据管理系统源码+系统+数据库+lw文档
冰冰网络
java开发语言html
Java计算机毕业设计大学生体测数据管理系统源码+系统+数据库+lw文档Java计算机毕业设计大学生体测数据管理系统源码+系统+数据库+lw文档本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、JDK1.8数据库:MySQL5.7/8.0源码地址:https
- c++对象模式——bind
MARK1998_L
c++开发语言算法
C++中的std::bind是一个工具,用于将函数、成员函数或函数对象与一组特定的参数绑定在一起,从而创建一个新的函数对象。这个新的函数对象可以在稍后调用时使用这些绑定的参数。std::bind通常用于简化函数调用的参数传递、创建回调函数以及结合其他STL组件(如std::function、std::thread等)。机制概述std::bind的基本机制如下:绑定参数:你可以将函数的部分参数或全部
- 理解javascript中的回调函数(callback)【转】
大麦麦子
#javascriptcallback
在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象,它可以“存储在变量中,通过参数传递给(别一个)函数(function),在函数内部创建,从函数中返回结果值”。因为function是内置对象,我们可以将它作为参数传递给另一个函数,延迟
- <functional>的使用详解
TsuanS
c++算法开发语言
C++中的库用于函数对象和回调函数的处理,功能非常强大,能够让我们更加灵活地操作函数和其他可调用对象。1.什么是库?是C++标准库中的一个头文件,包含了用于处理函数对象(functor)和回调函数的工具。它让我们能够更加灵活地操作函数,尤其是那些作为参数传递或返回值的函数。常用组件:std::function:存储任意类型的可调用对象(函数、lambda、函数指针等)。std::bind:用于绑定
- 全面理解-函数对象(仿函数)
HL_LOVE_C
C/C++算法c++开发语言仿函数C++11函数对象
函数对象(FunctionObject),也被称为仿函数(Functor),是C++中一种具有函数行为的对象。它结合了对象和函数的特性,使得对象可以像函数一样被调用。定义函数对象是一个重载了函数调用运算符()的类或结构体的对象。当该对象使用()运算符时,就像调用一个普通函数一样。实现要创建一个函数对象,需要定义一个类或结构体,并在其中重载()运算符。以下是一个简单的函数对象示例:#include/
- C++,std::bind 详解
智驾
C/C++c++stdbind
文章目录1.概述2.基本用法2.1使用占位符2.2示例3.总结1.概述std::bind是C++11引入的一个功能,它允许你将函数(或成员函数、函数对象)与其参数绑定,生成一个新的可调用对象。这个功能在需要将函数及其参数一起传递给其他函数或存储起来稍后调用时非常有用。std::bind返回的是一个std::function对象,它可以在任何需要函数对象的地方使用。2.基本用法std::bind的基
- Callback Function(回调函数)
2401_82469419
c语言python
CallbackFunction(回调函数)定义:回调函数是作为参数传递给其他函数的函数。当某个任务完成时,另一个函数会被调用(即回调),通常用于处理任务的结果。总而言之,callbackfunction是一个参数。在普通函数Ordinaryfunction中传入一个函数参数,这个函数就叫回调函数callbackfunction。1.为什么不直接引用函数,而是将函数当做一个参数传入其他函数呢?原因
- 【结束】JS如何不通过input的onInputFileChange使用本地mp4文件并播放,nextjs下放入public文件的视频用video标签无法打开
kiramario(长期接受兼职机会)
javascript音视频开发语言
本地不用input标签获取video视频并播放浏览器没有像JAVA这些语言之类的IO代码:Yourbrowserdoesnotsupportthevideotag.functionshow(){fetch("file:///E:/video/test1.mp4").then(response=>{returnresponse.arrayBuffer()}).then(ab=>{constvdo=U
- node.js php 混用 java,node.js php java python AES/CBC/PKCS5Padding加密解密通用
求实engineer
node.jsphp混用java
node.jsphpjavapythonAES/CBC/PKCS5Padding加密解密通用目录[TOC]nodejsvarcrypto=require('crypto');vardata="test";varkey='7854156156611111';//data是准备加密的字符串,key是你的密钥functionencryption(data,key){variv="000000000000
- TypeError: Promise resolver undefined is not a function
顾德拉科
微信小程序
在写微信小程序的时候遇到了一个很奇怪的问题,在原来的项目能使用的代码,新建一个项目,然后复制进去就报错了,报错部分的代码如下:varres_tempfile=awaitthat.TpreZip(res.tempFiles[0].tempFilePath,200,200,40)其中Tprezip的定义如下:TpreZip:asyncfunction(tmp_src,tmp_imgprowidth,t
- matlab wgn未定义,解决matlab缺少awgn和wgn函数的问题
Choo Chunlang
matlabwgn未定义
将以下两个.m文件放到同一文件夹内运行ps:这两个m文件来自"MATLAB\R2009a\toolbox\comm\comm"awgn.mfunctiony=awgn(varargin)%AWGNAddwhiteGaussiannoisetoasignal.%Y=AWGN(X,SNR)addswhiteGaussiannoisetoX.TheSNRisindB.%ThepowerofXisassu
- java数字签名三种方式
知了ing
javajdk
以下3钟数字签名都是基于jdk7的
1,RSA
String password="test";
// 1.初始化密钥
KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
keyPairGenerator.initialize(51
- Hibernate学习笔记
caoyong
Hibernate
1>、Hibernate是数据访问层框架,是一个ORM(Object Relation Mapping)框架,作者为:Gavin King
2>、搭建Hibernate的开发环境
a>、添加jar包:
aa>、hibernatte开发包中/lib/required/所
- 设计模式之装饰器模式Decorator(结构型)
漂泊一剑客
Decorator
1. 概述
若你从事过面向对象开发,实现给一个类或对象增加行为,使用继承机制,这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法,或者须要给方法添加更多的功能(魅力),你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。
- 读取磁盘文件txt,并输入String
一炮送你回车库
String
public static void main(String[] args) throws IOException {
String fileContent = readFileContent("d:/aaa.txt");
System.out.println(fileContent);
- js三级联动下拉框
3213213333332132
三级联动
//三级联动
省/直辖市<select id="province"></select>
市/省直辖<select id="city"></select>
县/区 <select id="area"></select>
- erlang之parse_transform编译选项的应用
616050468
parse_transform游戏服务器属性同步abstract_code
最近使用erlang重构了游戏服务器的所有代码,之前看过C++/lua写的服务器引擎代码,引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能,这也是现在很多游戏服务器的优化方向,在引擎层面去解决数据同步和数据持久化,数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
- JAVA JSON的解析
darkranger
java
// {
// “Total”:“条数”,
// Code: 1,
//
// “PaymentItems”:[
// {
// “PaymentItemID”:”支款单ID”,
// “PaymentCode”:”支款单编号”,
// “PaymentTime”:”支款日期”,
// ”ContractNo”:”合同号”,
//
- POJ-1273-Drainage Ditches
aijuans
ACM_POJ
POJ-1273-Drainage Ditches
http://poj.org/problem?id=1273
基本的最大流,按LRJ的白书写的
#include<iostream>
#include<cstring>
#include<queue>
using namespace std;
#define INF 0x7fffffff
int ma
- 工作流Activiti5表的命名及含义
atongyeye
工作流Activiti
activiti5 - http://activiti.org/designer/update在线插件安装
activiti5一共23张表
Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。
ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 (图片,规则,等等)。
A
- android的广播机制和广播的简单使用
百合不是茶
android广播机制广播的注册
Android广播机制简介 在Android中,有一些操作完成以后,会发送广播,比如说发出一条短信,或打出一个电话,如果某个程序接收了这个广播,就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播,就是因为它只负责“说”而不管你“听不听”,也就是不管你接收方如何处理。另外,广播可以被不只一个应用程序所接收,当然也可能不被任何应
- Spring事务传播行为详解
bijian1013
javaspring事务传播行为
在service类前加上@Transactional,声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。
Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
- eidtplus operate
征客丶
eidtplus
开启列模式: Alt+C 鼠标选择 OR Alt+鼠标左键拖动
列模式替换或复制内容(多行):
右键-->格式-->填充所选内容-->选择相应操作
OR
Ctrl+Shift+V(复制多行数据,必须行数一致)
-------------------------------------------------------
- 【Kafka一】Kafka入门
bit1129
kafka
这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765),这里把它单独取出来,作为Kafka的入门吧
下载Kafka
http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz
2.10表示Scala的版本,而0.8.1.1表示Kafka
- Spring 事务实现机制
BlueSkator
spring代理事务
Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象,其实是代理对象的实例,并不是我们所写的Service对象实例。既然是两个不同的对象,那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢?为了说明问题,假设有个Service类叫AService,它的Spring事务代理类为AProxyService,AService实现了一个接口
- bootstrap源码学习与示例:bootstrap-dropdown(转帖)
BreakingBad
bootstrapdropdown
bootstrap-dropdown组件是个烂东西,我读后的整体感觉。
一个下拉开菜单的设计:
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
- 读《研磨设计模式》-代码笔记-中介者模式-Mediator
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 中介者模式(Mediator):用一个中介对象来封装一系列的对象交互。
* 中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。
*
* 在我看来,Mediator模式是把多个对象(
- 常用代码记录
chenjunt3
UIExcelJ#
1、单据设置某行或某字段不能修改
//i是行号,"cash"是字段名称
getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false);
//取得单据表体所有项用以上语句做循环就能设置整行了
getBillC
- 搜索引擎与工作流引擎
comsci
算法工作搜索引擎网络应用
最近在公司做和搜索有关的工作,(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了,偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍,我发现这样一个关系(仅仅是猜想)
-----搜索引擎和流程引擎的基础--都是图论,至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
- oracle Health Monitor
daizj
oracleHealth Monitor
About Health Monitor
Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database.
About Health Monitor Checks
Health M
- JSON字符串转换为对象
dieslrae
javajson
作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.
- C语言学习八结构体,综合应用,学生管理系统
dcj3sjt126com
C语言
实现功能的代码:
# include <stdio.h>
# include <malloc.h>
struct Student
{
int age;
float score;
char name[100];
};
int main(void)
{
int len;
struct Student * pArr;
int i,
- vagrant学习笔记
dcj3sjt126com
vagrant
想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant
1. vagrant virtualbox 下载安装
https://www.vagrantup.com/downloads.html
https://www.virtualbox.org/wiki/Downloads
查看安装在命令行输入vagrant
2.
- 14.性能优化-优化-软件配置优化
frank1234
软件配置性能优化
1.Tomcat线程池
修改tomcat的server.xml文件:
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
- 一个不错的shell 脚本教程 入门级
HarborChung
linuxshell
一个不错的shell 脚本教程 入门级
建立一个脚本 Linux中有好多中不同的shell,但是通常我们使用bash (bourne again shell) 进行shell编程,因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash(但是在大多数情况下,这些脚本同样可以在 bash的大姐,bourne shell中运行)。 如同其他语言一样
- Spring4新特性——核心容器的其他改进
jinnianshilongnian
spring动态代理spring4依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- Linux设置tomcat开机启动
liuxingguome
tomcatlinux开机自启动
执行命令sudo gedit /etc/init.d/tomcat6
然后把以下英文部分复制过去。(注意第一句#!/bin/sh如果不写,就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。
#!/bin/bash
#
# /etc/rc.d/init.d/tomcat
# init script for tomcat precesses
- 第13章 Ajax进阶(下)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- Troubleshooting Crystal Reports off BW
blueoxygen
BO
http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE
Quite useful, especially this part:
SAP BW connectivity
For t
- Java开发熟手该当心的11个错误
tomcat_oracle
javajvm多线程单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
- 正则表达式大全
yang852220741
html编程正则表达式
今天向大家分享正则表达式大全,它可以大提高你的工作效率
正则表达式也可以被当作是一门语言,当你学习一门新的编程语言的时候,他们是一个小的子语言。初看时觉得它没有任何的意义,但是很多时候,你不得不阅读一些教程,或文章来理解这些简单的描述模式。
一、校验数字的表达式
数字:^[0-9]*$
n位的数字:^\d{n}$
至少n位的数字:^\d{n,}$
m-n位的数字:^\d{m,n}$