- 手写webpack的babel-loader、url-loader、file-loader
专属男神lbj
Webpackwebpack前端
自定义loader//仿写babel-loader需要下载@babel/core@babel/preset-envnpmi@babel/core@babel/preset-env-Dconstpath=require('path')constHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={mode:'developme
- vue项目页面不同分辨率适配
_初见.
css3vue.jshtml
首先下载lodash插件npmilodash-S然后在App.vue中导入import_from'lodash'给app容器挂上ref=“app”在mounted使用如下方法(其中的1080以及1920为定义的画布尺寸)exportdefault{name:"App",mounted(){this.$nextTick(()=>{const$app=this.$refs.app;//设置屏幕百分比尺
- Vue3中Symbol的使用说明
BillKu
vue.jsjavascript前端
在Vue3中,Symbol主要用于解决命名冲突和实现更安全的依赖注入。以下是详细讲解和示例代码:一、Symbol基础Symbol是ES6引入的原始数据类型,表示唯一的值。常用于:创建唯一的对象属性键避免命名冲突定义私有属性javascript//创建Symbolconstkey1=Symbol('description');constkey2=Symbol('description');conso
- 【嵌入式——C语言】关键字
炯哈哈
c语言开发语言嵌入式硬件物联网iot
【嵌入式——C语言】关键字数字类型相关基本数据类型其他类型存储相关registerstaticautoexternconst控制语句相关其他数字类型相关基本数据类型类型说明占用字节(32位)char声明字符型变量或函数返回值类型1字节unsignedchar声明无符号字符型变量或函数返回值类型1字节signedchar声明有符合字符型变量或函数返回值类型1字节short声明短整型变量或函数2字节u
- React中插槽实现方式
看淡一切yu
前端javascriptreact
默认插槽childrenReact中最基本的"插槽"是通过children属性实现的,相当于Vue中的默认插槽://父组件constCard=({children})=>{return({children});};//使用constApp=()=>{return(标题这是内容);};具名插槽通过props传递JSX元素://父组件constLayout=({header,main,footer})
- and滚动下拉加载
qq_2524963996
javascript前端开发语言
这段代码实现了一个基于IntersectionObserverAPI的无限滚动列表组件,结合ReactHooks和AntDesign组件完成数据分页加载。以下是核心逻辑解析:一、关键功能模块分解1.状态管理const[data,setData]=useState([]);//已加载的数据列表const[loading,setLoading]=useState(false);//加载中状态con
- react slot传递
qq_2524963996
react.jsjavascript前端
子组件(FormContainer)实现功能需求:管理内部状态(如表单输入值)。点击确认按钮时,将状态传递给父组件。点击取消按钮时,执行清理操作。importReact,{useState}from'react';constFormContainer=({children,onConfirm,onCancel})=>{const[inputValue,setInputValue]=useState
- C# 类的成员
chinaherolts2008
C#教程c#教程
1.C#类成员:构造函数、析构函数构造函数c#教程分为:实例构造器和类型构造器2.C#类成员:常量、字段3.C#类成员:属性、索引器4.C#类成员:方法、事件5.C#类成员:运算符重载6.C#类成员:嵌套类1usingSystem;23intelnalsealedclassTest{45//构造函数6publicTest(){}78//析构函数9~Test(){}1011//常量12constin
- C++23中if consteval / if not consteval (P1938R3) 详解
撸码到无法自拔
c++23
引言在C++的发展历程中,编译时计算一直是一个重要的特性,它可以提高程序的性能和安全性。C++20引入了consteval和std::is_constant_evaluated()等特性,前者用于声明必须在编译期间完成调用的立即函数,后者用于检查当前是否处于常量求值上下文。而在C++23中,进一步引入了ifconsteval和ifnotconsteval语法,使得在代码中区分编译时和运行时行为变得
- C++20新特性个人总结
fengqiao1999
c++开发语言
目录1关键字1.1concept1.2requires1.3typename1.4explicit1.5constexpr1.6char8_t1.7consteval1.8co_await、co_yield、co_return1.9constinit2语法2.1位域变量的默认成员初始化2.2修改const限定的成员指针2.3允许lambda表达值按值捕获this2.4指定初始化2.5lambda表
- cJSON中#define cJSON_IsReference 256 和 #define cJSON_StringIsConst 512这定义的大小是?
阿让啊
C语言c语言数据结构开发语言嵌入式硬件算法
在cJSON中,#definecJSON_IsReference256和#definecJSON_StringIsConst512是位掩码(bitmask),它们的值(256和512)是精心选择的,目的是在cJSON结构体的type字段中进行按位操作,以标记不同的对象属性。1.为什么是256和512?这两个值是2的幂,对应二进制表示中的单个位:256=0x100=0000000100000000(
- Tensorflow 基础函数详解
X.H.W
tensorflowTensorflow基础函数使用详解
tensorflow常用基础函数以下函数的用法基于Tensorflow1.4版本1、tf.constanttf.constant方法用来定义一个常量,所谓常量,就是“不变化的量”。我们先看下官方Api是如何对constant函数来定义的:tf.constant(value,dtype=None,shape=None,name='Const',verify_shape=False)其中包括5个输入值
- vue创建时间 年月日时分秒
_大菜鸟_
vue.jsjavascript前端
{{date}}import{dateToString,getCurrMonthDates}from'../utils/moment';consttimer=ref(null);//定时器constdate=ref("");//时间timer.value=setInterval(()=>{date.value=dateToString(newDate(),"YYYY年MM月DD日HH:mm:ss"
- vue3实现防抖和节流
李長庚
前端开发语言vue.js
安装Lodashyarnaddlodashnpminstalllodash--save导入Lodash节流防抖import_from"lodash";exportdefault{name:"",setup(){//节流constbtnClick=_.debounce(function(){//....console.log('节流');},2000);//防抖constbtnClick2=_.th
- 关于uniapp 微信小程序代码过大进行压缩处理
WKK_
uni-app微信小程序小程序
关于uniapp微信小程序代码过大进行压缩处理下载npmiuglifyjs-webpack-plugin;npmiterser-webpack-plugin在vue.config.js中constUglifyJsPlugin=require('uglifyjs-webpack-plugin');constTerserPlugin=require('terser-webpack-plugin');m
- 下载和初步上手Vue3路由
lh_1254
vue.js前端
一、安装路由bash#使用npm安装npminstallvue-router@4#或使用yarnyarnaddvue-router@4二、路由配置与暴露1.路由配置文件router/index.jsjavascriptimport{createRouter,createWebHistory}from'vue-router'//定义路由数组,每个对象代表一个路由配置constroutes=[{//路
- SSM整合报了java.lang.NoSuchMethodException: cn.ssm.entity.User.()
背着蜗牛闯世界的Jillion
JavaSSM整合
java.lang.NoSuchMethodException:cn.ssm.entity.User.()atjava.lang.Class.getConstructor0(Class.java:2730)atjava.lang.Class.getDeclaredConstructor(Class.java:2004)atorg.apache.ibatis.reflection.factory.D
- 图论---LCA(Tarjan 离线做法)
快乐的小涵
图论算法数据结构
#includeusingnamespacestd;typedefpairpii;constintN=20010,M=2*N;//是无向边,边需要见两边intn,m;vectorg[N];intp[N];//求一下每个点到根节点之间的距离intdist[N];intres[N];//存结果//first存查询的另外一个点是谁//second存查询编号vectorquery[N];intst[N];
- Nodejs: redis客户端通过mget方法一次性批量读取多个key的值
pengpengzhou
nodejsnodejsmgetmultiplekey
redis客户端一次性批量读入multiplekeys对应的值可以减少网络操作。代码如下:constredis=require("redis");constclient=redis.createClient();client.on("error",function(error){console.error(error);});client.set("key1","value1",redis.pri
- Vue3父子组件数据同步方法
BillKu
vue.jsjavascript前端
在Vue3中,当子组件需要修改父组件传递的数据副本并同步更新时,可以通过以下步骤实现:方法1:使用v-model和计算属性(实时同步)父组件:vueimport{ref}from'vue';constparentData=ref(initialValue);子组件:vueimport{computed}from'vue';constprops=defineProps(['modelValue'])
- C++11右值引用和移动构造函数
源代码大师
C和C++完整教程c++c语言
该博文为原创文章,未经博主同意不得转载,如同意转载请注明博文出处本文章博客地址:https://cplusplus.blog.csdn.net/article/details/105089274右值引用和移动构造函数对象的拷贝控制移动构造函数(MoveConstructor)和移动赋值运算符(MoveAssignmentoperator)。构造函数与赋值运算符的区别左值与右值的区别类型&&引用名=
- c++初阶--vector的实现
濊繵
c++c++
下面是vector的代码:vector.h#pragmaonce#include#includeusingnamespacestd;namespaceone{templateclassvector{public:typedefT*iterator;typedefconstT*const_iterator;vector()=default;templatevector(InputIteratorfi
- 下面的代码更难阅读
程序员
不好的写法:下面的代码更难阅读(特别是在项目较大时)。constTodoLists=(props)=>({props.todoList?.map((todo,index)=>(props.seeDetail?.(todo)}>{todo?.uuid}:{todo.text}props.handleEdit?.(todo,index)}>编辑props.handleDelete?.(todo,ind
- Vue.js进阶实践:串行请求管理与优雅中断方案
梦的晓析者
vue.js前端javascript
1.串行请求编排constgenerateReportsSerially=async()=>{for(constitemofreportQueue){if(abortController.signal.aborted)break;awaitgenerateSingleReport(item);}}队列控制:通过for循环+await实现真正串行执行状态管理:使用Vue响应式变量跟踪当前处理项中断检
- 前端版本迭代新范式:动态检测、数据持久化与安全更新的协同实践
梦的晓析者
前端
一、优雅的版本更新提示方案实现思路:通过版本号对比触发更新策略,结合用户交互提升体验//src/utils/versionControl.jsimport{version}from'../../package.json';import{ElMessageBox}from'element-plus';constVERSION_KEY='app_version';exportconstcheckVer
- Vue3 实现扫码枪监听与二维码解析
梦的晓析者
typescriptjavascript前端
以下是一个基于Vue3的扫码枪监听与二维码解析的完整实现。通过监听键盘事件,识别扫码枪输入的内容,并对二维码数据进行解析和处理。代码实现import{ref,onMounted}from'vue';import{ElMessage}from'element-plus';//定义扫码结果的响应式变量constscannedBarcode=ref('');//定义全局变量letbarCode='';l
- ECharts 地图开发入门
lh_1254
echarts前端javascript
一、准备工作:环境搭建与数据准备1.引入ECharts库TypeScript取消自动换行复制2.准备容器在HTML中创建一个用于显示地图的容器:TypeScript取消自动换行复制二、绘制基础地图:3步搞定1.初始化ECharts实例TypeScript取消自动换行复制constchart=echarts.init(document.getElementById('mapChart'));2.配置
- 来点小说看看 api
秦璐璐
知识nodejs
//导入依赖包consthttp=require("http");consthttps=require("https");constpath=require("path");consturl=require("url");constfs=require("fs");constsuperagent=require("superagent");constcheerio=require("cheerio
- 前端技术Ajax原理
不秃的开发媛
java开发语言前端
1.1XMLHttpRequest-基础使用目标了解AJAX原理和XMLHttpRequest的基础使用。讲解1.AJAX原理AJAX是浏览器与服务器通信的技术,基于XMLHttpRequest对象。axios是对XHR的封装,简化了接口参数传递。学习XHR可帮助理解axios内部与服务器交互的原理。2.基础语法javascriptconstxhr=newXMLHttpRequest();xhr.
- React-组件和props
小矮马
react.jsjavascript前端
1、类组件importReactfrom'react';classClassAppextendsReact.Component{constructor(props){super(props);this.state={};}render(){return(这是一个类组件接收父组件传过来的值:{this.props.name});}}exportdefaultClassApp;2、函数组件import
- 集合框架
天子之骄
java数据结构集合框架
集合框架
集合框架可以理解为一个容器,该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。
从本质上来说,Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。
简单介绍:
Collection接口是最基本的接口,它定义了List和Set,List又定义了LinkLi
- Table Driven(表驱动)方法实例
bijian1013
javaenumTable Driven表驱动
实例一:
/**
* 驾驶人年龄段
* 保险行业,会对驾驶人的年龄做年龄段的区分判断
* 驾驶人年龄段:01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞)
*/
public class AgePeriodTest {
//if...el
- Jquery 总结
cuishikuan
javajqueryAjaxWebjquery方法
1.$.trim方法用于移除字符串头部和尾部多余的空格。如:$.trim(' Hello ') // Hello2.$.contains方法返回一个布尔值,表示某个DOM元素(第二个参数)是否为另一个DOM元素(第一个参数)的下级元素。如:$.contains(document.documentElement, document.body); 3.$
- 面向对象概念的提出
麦田的设计者
java面向对象面向过程
面向对象中,一切都是由对象展开的,组织代码,封装数据。
在台湾面向对象被翻译为了面向物件编程,这充分说明了,这种编程强调实体。
下面就结合编程语言的发展史,聊一聊面向过程和面向对象。
c语言由贝尔实
- linux网口绑定
被触发
linux
刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4,为了提高网络的可靠性配置双网卡绑定。
一、环境描述
我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡,通过ifconfig -a命令看到eth0和eth1两张网卡。
二、双网卡绑定步骤:
2.1 修改/etc/sysconfig/network
- XML基础语法
肆无忌惮_
xml
一、什么是XML?
XML全称是Extensible Markup Language,可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义,你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。
二、为什么学习XML?
用来解决程序间数据传输的格式问题
做配置文件
充当小型数据库
三、XML与HTM
- 为网页添加自己喜欢的字体
知了ing
字体 秒表 css
@font-face {
font-family: miaobiao;//定义字体名字
font-style: normal;
font-weight: 400;
src: url('font/DS-DIGI-e.eot');//字体文件
}
使用:
<label style="font-size:18px;font-famil
- redis范围查询应用-查找IP所在城市
矮蛋蛋
redis
原文地址:
http://www.tuicool.com/articles/BrURbqV
需求
根据IP找到对应的城市
原来的解决方案
oracle表(ip_country):
查询IP对应的城市:
1.把a.b.c.d这样格式的IP转为一个数字,例如为把210.21.224.34转为3524648994
2. select city from ip_
- 输入两个整数, 计算百分比
alleni123
java
public static String getPercent(int x, int total){
double result=(x*1.0)/(total*1.0);
System.out.println(result);
DecimalFormat df1=new DecimalFormat("0.0000%");
- 百合——————>怎么学习计算机语言
百合不是茶
java 移动开发
对于一个从没有接触过计算机语言的人来说,一上来就学面向对象,就算是心里上面接受的了,灵魂我觉得也应该是跟不上的,学不好是很正常的现象,计算机语言老师讲的再多,你在课堂上面跟着老师听的再多,我觉得你应该还是学不会的,最主要的原因是你根本没有想过该怎么来学习计算机编程语言,记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取,一个刚到大学的就能够去和
- linux下tomcat开机自启动
bijian1013
tomcat
方法一:
修改Tomcat/bin/startup.sh 为:
export JAVA_HOME=/home/java1.6.0_27
export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export PATH=$JAVA_HOME/bin:$PATH
export CATALINA_H
- spring aop实例
bijian1013
javaspringAOP
1.AdviceMethods.java
package com.bijian.study.spring.aop.schema;
public class AdviceMethods {
public void preGreeting() {
System.out.println("--how are you!--");
}
}
2.beans.x
- [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization
bit1129
serialization
enableComplexMapKeySerialization配置项的含义
Gson在序列化Map时,默认情况下,是调用Key的toString方法得到它的JSON字符串的Key,对于简单类型和字符串类型,这没有问题,但是对于复杂数据对象,如果对象没有覆写toString方法,那么默认的toString方法将得到这个对象的Hash地址。
GsonBuilder用于
- 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题
bit1129
Stream
包括Spark Streaming在内的实时计算数据可靠性指的是三种级别:
1. At most once,数据最多只能接受一次,有可能接收不到
2. At least once, 数据至少接受一次,有可能重复接收
3. Exactly once 数据保证被处理并且只被处理一次,
具体的多读几遍http://spark.apache.org/docs/lates
- shell脚本批量检测端口是否被占用脚本
ronin47
#!/bin/bash
cat ports |while read line
do#nc -z -w 10 $line
nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then
echo $line:ok
else
echo $line:fail
fi
done
这里的ports 既可以是文件
- java-2.设计包含min函数的栈
bylijinnan
java
具体思路参见:http://zhedahht.blog.163.com/blog/static/25411174200712895228171/
import java.util.ArrayList;
import java.util.List;
public class MinStack {
//maybe we can use origin array rathe
- Netty源码学习-ChannelHandler
bylijinnan
javanetty
一般来说,“有状态”的ChannelHandler不应该是“共享”的,“无状态”的ChannelHandler则可“共享”
例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是
因为每一次调用decode方法时,可能数据未接收完全(incomplete),
它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据,是“有状态”的
p
- java生成随机数
cngolon
java
方法一:
/**
* 生成随机数
* @author cngolon@126.com
* @return
*/
public synchronized static String getChargeSequenceNum(String pre){
StringBuffer sequenceNum = new StringBuffer();
Date dateTime = new D
- POI读写海量数据
ctrain
海量数据
import java.io.FileOutputStream;
import java.io.OutputStream;
import org.apache.poi.xssf.streaming.SXSSFRow;
import org.apache.poi.xssf.streaming.SXSSFSheet;
import org.apache.poi.xssf.streaming
- mysql 日期格式化date_format详细使用
daizj
mysqldate_format日期格式转换日期格式化
日期转换函数的详细使用说明
DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
- 一个程序员分享8年的开发经验
dcj3sjt126com
程序员
在中国有很多人都认为IT行为是吃青春饭的,如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的,在下从事.NET及JAVA方面的开发的也有8年的时间了,在这里在下想凭借自己的亲身经历,与大家一起探讨一下。
明确入行的目的
很多人干IT这一行都冲着“收入高”这一点的,因为只要学会一点HTML, DIV+CSS,要做一个页面开发人员并不是一件难事,而且做一个页面开发人员更容
- android欢迎界面淡入淡出效果
dcj3sjt126com
android
很多Android应用一开始都会有一个欢迎界面,淡入淡出效果也是用得非常多的,下面来实现一下。
主要代码如下:
package com.myaibang.activity;
import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
- linux 复习笔记之常见压缩命令
eksliang
tar解压linux系统常见压缩命令linux压缩命令tar压缩
转载请出自出处:http://eksliang.iteye.com/blog/2109693
linux中常见压缩文件的拓展名
*.gz gzip程序压缩的文件
*.bz2 bzip程序压缩的文件
*.tar tar程序打包的数据,没有经过压缩
*.tar.gz tar程序打包后,并经过gzip程序压缩
*.tar.bz2 tar程序打包后,并经过bzip程序压缩
*.zi
- Android 应用程序发送shell命令
gqdy365
android
项目中需要直接在APP中通过发送shell指令来控制lcd灯,其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP,APP调用就可以控制了,这是正规流程,但我们项目的方案商用的mtk方案,方案公司又没人会改,只调好了驱动,让应用程序自己实现灯的控制,这不蛋疼嘛!!!!
发就发吧!
一、关于shell指令:
我们知道,shell指令是Linux里面带的
- java 无损读取文本文件
hw1287789687
读取文件无损读取读取文本文件charset
java 如何无损读取文本文件呢?
以下是有损的
@Deprecated
public static String getFullContent(File file, String charset) {
BufferedReader reader = null;
if (!file.exists()) {
System.out.println("getFull
- Firebase 相关文章索引
justjavac
firebase
Awesome Firebase
最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野,于是我做了这个 github 项目。
Firebase 是一个数据同步的云服务,不同于 Dropbox 的「文件」,Firebase 同步的是「数据」,服务对象是网站开发者,帮助他们开发具有「实时」(Real-Time)特性的应用。
开发者只需引用一个 API 库文件就可以使用标准 RE
- C++学习重点
lx.asymmetric
C++笔记
1.c++面向对象的三个特性:封装性,继承性以及多态性。
2.标识符的命名规则:由字母和下划线开头,同时由字母、数字或下划线组成;不能与系统关键字重名。
3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。
4.运算符按其功能开以分为六类:算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。
&n
- java bean和xml相互转换
q821424508
javabeanxmlxml和bean转换java bean和xml转换
这几天在做微信公众号
做的过程中想找个java bean转xml的工具,找了几个用着不知道是配置不好还是怎么回事,都会有一些问题,
然后脑子一热谢了一个javabean和xml的转换的工具里,自己用着还行,虽然有一些约束吧 ,
还是贴出来记录一下
顺便你提一下下,这个转换工具支持属性为集合、数组和非基本属性的对象。
packag
- C 语言初级 位运算
1140566087
位运算c
第十章 位运算 1、位运算对象只能是整形或字符型数据,在VC6.0中int型数据占4个字节 2、位运算符: 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低; 3、位运算符的运算功能: a、按位取反: ~01001101 = 101
- 14点睛Spring4.1-脚本编程
wiselyman
spring4
14.1 Scripting脚本编程
脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行;
如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦;
如果我们的应用不允许重启,这在现实的情况中也是很常见的;
在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean;
spring支持脚本