zlf_j
zlf_j

JS 客户端应用系统运行环境采集

JS 获取浏览器运行环境，系统软件信息，产品信息，设备信息

参考：
https://blog.csdn.net/l2345432l/article/details/109735338
https://blog.csdn.net/weixin_30588729/article/details/100093460
https://www.jb51.net/article/164278.htm

代码

// 获取系统信息
    getSystem () {
        const ua = navigator.userAgent.toLowerCase();
        const testUa = regexp => regexp.test(ua);
        const testVs = regexp => (ua.match(regexp) + "").replace(/[^0-9|_.]/ig, "").replace(/_/ig, ".");

        // 系统
        let system = "unknown";
        if (testUa(/windows|win32|win64|wow32|wow64/ig)) {
            system = "Windows"; // window系统
        } else if (testUa(/macintosh|macintel/ig)) {
            system = "MAC OS"; // MAC OS系统
        } else if (testUa(/x11/ig)) {
            system = "Linux"; // Linux系统
        } else if (testUa(/android|adr/ig)) {
            system = "Android"; // Android系统
        } else if (testUa(/ios|iphone|ipad|ipod|iwatch/ig)) {
            system = "IOS"; // IOS系统
        }

        // 系统版本
        let systemVs = "unknown";
        if (system === "Windows") {
            if (testUa(/windows nt 5.0|windows 2000/ig)) {
                systemVs = "2000";
            } else if (testUa(/windows nt 5.1|windows xp/ig)) {
                systemVs = "xp";
            } else if (testUa(/windows nt 5.2|windows 2003/ig)) {
                systemVs = "2003";
            } else if (testUa(/windows nt 6.0|windows vista/ig)) {
                systemVs = "vista";
            } else if (testUa(/windows nt 6.1|windows 7/ig)) {
                systemVs = "7";
            } else if (testUa(/windows nt 6.2|windows 8/ig)) {
                systemVs = "8";
            } else if (testUa(/windows nt 6.3|windows 8.1/ig)) {
                systemVs = "8.1";
            } else if (testUa(/windows nt 10.0|windows 10/ig)) {
                systemVs = "10";
            }
        } else if (system === "MAC OS") {
            systemVs = testVs(/os x [\d._]+/ig);
        } else if (system === "Android") {
            systemVs = testVs(/android [\d._]+/ig);
        } else if (system === "IOS") {
            systemVs = testVs(/os [\d._]+/ig);
        }

        // 内核和载体
        let engine = "unknow";
        let supporter = "unknow";
        if (testUa(/applewebkit/ig) && testUa(/safari/ig)) {
            engine = "webkit"; // webkit内核
            if (testUa(/edge/ig)) {
                supporter = "edge"; // edge浏览器
            } else if (testUa(/opr/ig)) {
                supporter = "opera"; // opera浏览器
            } else if (testUa(/chrome/ig)) {
                supporter = "Chrome"; // Chrome浏览器
            } else {
                supporter = "Safari"; // Safari浏览器
            }
        } else if (testUa(/gecko/ig) && testUa(/firefox/ig)) {
            engine = "gecko"; // gecko内核
            supporter = "firefox"; // firefox浏览器
        } else if (testUa(/presto/ig)) {
            engine = "presto"; // presto内核
            supporter = "opera"; // opera浏览器
        } else if (testUa(/trident|compatible|msie/ig)) {
            engine = "trident"; // trident内核
            supporter = "iexplore"; // iexplore浏览器
        }

        // 内核版本
        let engineVs = "unknow";
        if (engine === "webkit") {
            engineVs = testVs(/applewebkit\/[\d.]+/ig);
        } else if (engine === "gecko") {
            engineVs = testVs(/gecko\/[\d.]+/ig);
        } else if (engine === "presto") {
            engineVs = testVs(/presto\/[\d.]+/ig);
        } else if (engine === "trident") {
            engineVs = testVs(/trident\/[\d.]+/ig);
        }

        // 载体版本
        let supporterVs = "unknow";
        if (supporter === "Chrome") {
            supporterVs = testVs(/chrome\/[\d.]+/ig);
        } else if (supporter === "Safari") {
            supporterVs = testVs(/version\/[\d.]+/ig);
        } else if (supporter === "firefox") {
            supporterVs = testVs(/firefox\/[\d.]+/ig);
        } else if (supporter === "opera") {
            supporterVs = testVs(/opr\/[\d.]+/ig);
        } else if (supporter === "iexplore") {
            supporterVs = testVs(/(msie [\d.]+)|(rv:[\d.]+)/ig);
        } else if (supporter === "edge") {
            supporterVs = testVs(/edge\/[\d.]+/ig);
        }

        // 外壳和外壳版本
        let shell = "none";
        let shellVs = "unknow";
        if ( (ua.match(/MicroMessenger/i) == 'micromessenger') && (ua.match(/wxwork/i) == 'wxwork') ){
            shell = "企业微信";
            shellVs = ua.match(/wxwork\/([\d.]+)/)[1]
        } else if( ua.match(/micromessenger/i) == 'micromessenger' ){
            shell = "微信";
            shellVs = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i)[1]
        // }
        // if (testUa(/micromessenger/ig)) {
            // shell = "wechat"; // 微信浏览器     
            // shellVs = testVs(/micromessenger\/[\d.]+/ig);
        } else if (testUa(/qqbrowser/ig)) {
            shell = "qq"; // QQ浏览器
            shellVs = testVs(/qqbrowser\/[\d.]+/ig);
        } else if (testUa(/ubrowser/ig)) {
            shell = "uc"; // UC浏览器
            shellVs = testVs(/ubrowser\/[\d.]+/ig);
        } else if (testUa(/2345explorer/ig)) {
            shell = "2345"; // 2345浏览器
            shellVs = testVs(/2345explorer\/[\d.]+/ig);
        } else if (testUa(/metasr/ig)) {
            shell = "sougou"; // 搜狗浏览器
        } else if (testUa(/lbbrowser/ig)) {
            shell = "liebao"; // 猎豹浏览器
        } else if (testUa(/maxthon/ig)) {
            shell = "maxthon"; // 遨游浏览器
            shellVs = testVs(/maxthon\/[\d.]+/ig);
        } else if (testUa(/bidubrowser/ig)) {
            shell = "baidu"; // 百度浏览器
            shellVs = testVs(/bidubrowser [\d.]+/ig);
        } 

        // 获取到system、systemVs、platform、engine、engineVs、supporter、supporterVs、shell、shellVs
        return Object.assign({
            engine, // webkit gecko presto trident
            engineVs,
            supporter, // Chrome Safari firefox opera iexplore edge
            supporterVs,
            system, // Windows MAC OS Linux Android IOS
            systemVs
            }, shell === "none" ? {} : {
            shell, // wechat qq uc 2345 sougou liebao maxthon baidu
            shellVs
        });
    }

分析及了解

一、浏览器运行环境（浏览器+版本）
套壳浏览器 => 外壳，外壳版本，如：“企业微信”
原生浏览器 => 载体，载体版本，如：“Chrome”“Sarari”，“91.0.4472.106”
区分企业微信和微信：https://blog.csdn.net/hrf368246980/article/details/83055671
企业微信版本：https://www.cnblogs.com/websmile/p/13730118.html

  • 原生浏览器与套壳浏览器
    原生浏览器是指火狐、IE、谷歌（Chrome）、Safari、Opera等这一类拥有完整独立内核的浏览器。
    所谓套壳浏览器，是指在某浏览器内核之上增加相应的辅助功能，并改变其名称与外观的浏览器。如360浏览器、QQ浏览器、搜狗浏览器等。
    https://www.jianshu.com/p/67d790a8f221

二、设备信息（做不到 X）

  • 品牌及型号：
    PC端：X
    移动端：https://www.cnblogs.com/alisleepy/p/11200325.html（以下两种结合）
    1、手机型号：https://blog.csdn.net/xiawenyi1234/article/details/105990375/（安卓，IOS仅能精确到iphone）
    2、获取IOS型号：https://segmentfault.com/a/1190000010157682（IOS），仅支持以下型号（不全）
    仅支持这些型号
  • 处理器/芯片/CPU：X
    PC：http://www.blogjava.net/redhatlinux/archive/2009/02/11/254254.html（仅IE支持）
    ActiveXObject is not defined，解决办法：https://www.cnblogs.com/webqiand/p/5948213.html（解决不了局限性）
  • 内存：没看 ？？

三、系统软件信息：
类型：如“Android”“EMUI”“MAC OS”“IOS”“Windows”
https://blog.csdn.net/l2345432l/article/details/109735338
版本：如“11.0.0”“10”
windows版本：https://blog.csdn.net/marke_huang/article/details/83094762
企业微信windows版本：https://blog.csdn.net/u012708193/article/details/110881738

四、产品信息：
类型：PC / H5 / 小程序（固定）
产品名称：（固定）
版本：（固定，不能接口获取）

调试代码（部分代码不可用，仅用于调试）

  • 引入文件
import MobileDetect from '../../static/js/mobile-detect.js';
import MobileDevice from '../../static/js/iphone-device.js';
  • 使用：
this.systemDetail = this.getSystem()
  • 方法
getSystem () {
        const ua = navigator.userAgent.toLowerCase();
        const testUa = regexp => regexp.test(ua);
        const testVs = regexp => (ua.match(regexp) + "").replace(/[^0-9|_.]/ig, "").replace(/_/ig, ".");

        // 系统
        let system = "unknown";
        if (testUa(/windows|win32|win64|wow32|wow64/ig)) {
            system = "Windows"; // window系统
        } else if (testUa(/macintosh|macintel/ig)) {
            system = "MAC OS"; // MAC OS系统
        } else if (testUa(/x11/ig)) {
            system = "Linux"; // Linux系统
        } else if (testUa(/android|adr/ig)) {
            system = "Android"; // Android系统
        } else if (testUa(/ios|iphone|ipad|ipod|iwatch/ig)) {
            system = "IOS"; // IOS系统
        }

        // 系统版本
        let systemVs = "unknown";
        if (system === "Windows") {
            // if (testUa(/windows nt 5.0|windows 2000/ig)) {
            //     systemVs = "2000";
            // } else if (testUa(/windows nt 5.1|windows xp/ig)) {
            //     systemVs = "xp";
            // } else if (testUa(/windows nt 5.2|windows 2003/ig)) {
            //     systemVs = "2003";
            // } else if (testUa(/windows nt 6.0|windows vista/ig)) {
            //     systemVs = "vista";
            // } else if (testUa(/windows nt 6.1|windows 7/ig)) {
            //     systemVs = "7";
            // } else if (testUa(/windows nt 6.2|windows 8/ig)) {
            //     systemVs = "8";
            // } else if (testUa(/windows nt 6.3|windows 8.1/ig)) {
            //     systemVs = "8.1";
            // } else if (testUa(/windows nt 10.0|windows 10/ig)) {
            //     systemVs = "10";
            // }
            systemVs = ua.substr(ua.indexOf('windows nt ') + 11,4)
        } else if (system === "MAC OS") {
            systemVs = testVs(/os x [\d._]+/ig);
        } else if (system === "Android") {
            systemVs = testVs(/android [\d._]+/ig);
        } else if (system === "IOS") {
            systemVs = testVs(/os [\d._]+/ig);
        }

        // 内核和载体
        let engine = "unknow";
        let supporter = "unknow";
        if (testUa(/applewebkit/ig) && testUa(/safari/ig)) {
            engine = "webkit"; // webkit内核
            if (testUa(/edge/ig)) {
                supporter = "edge"; // edge浏览器
            } else if (testUa(/opr/ig)) {
                supporter = "opera"; // opera浏览器
            } else if (testUa(/chrome/ig)) {
                supporter = "Chrome"; // Chrome浏览器
            } else {
                supporter = "Safari"; // Safari浏览器
            }
        } else if (testUa(/gecko/ig) && testUa(/firefox/ig)) {
            engine = "gecko"; // gecko内核
            supporter = "firefox"; // firefox浏览器
        } else if (testUa(/presto/ig)) {
            engine = "presto"; // presto内核
            supporter = "opera"; // opera浏览器
        } else if (testUa(/trident|compatible|msie/ig)) {
            engine = "trident"; // trident内核
            supporter = "iexplore"; // iexplore浏览器
        }

        // 内核版本
        let engineVs = "unknow";
        if (engine === "webkit") {
            engineVs = testVs(/applewebkit\/[\d.]+/ig);
        } else if (engine === "gecko") {
            engineVs = testVs(/gecko\/[\d.]+/ig);
        } else if (engine === "presto") {
            engineVs = testVs(/presto\/[\d.]+/ig);
        } else if (engine === "trident") {
            engineVs = testVs(/trident\/[\d.]+/ig);
        }

        // 载体版本
        let supporterVs = "unknow";
        if (supporter === "Chrome") {
            supporterVs = testVs(/chrome\/[\d.]+/ig);
        } else if (supporter === "Safari") {
            supporterVs = testVs(/version\/[\d.]+/ig);
        } else if (supporter === "firefox") {
            supporterVs = testVs(/firefox\/[\d.]+/ig);
        } else if (supporter === "opera") {
            supporterVs = testVs(/opr\/[\d.]+/ig);
        } else if (supporter === "iexplore") {
            supporterVs = testVs(/(msie [\d.]+)|(rv:[\d.]+)/ig);
        } else if (supporter === "edge") {
            supporterVs = testVs(/edge\/[\d.]+/ig);
        }

        // 外壳和外壳版本
        let shell = "none";
        let shellVs = "unknow";
        if ( (ua.match(/MicroMessenger/i) == 'micromessenger') && (ua.match(/wxwork/i) == 'wxwork') ){
            shell = "企业微信";
            shellVs = ua.match(/wxwork\/([\d.]+)/)[1]
        } else if( ua.match(/micromessenger/i) == 'micromessenger' ){
            shell = "微信";
            shellVs = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i)[1]
        // }
        // if (testUa(/micromessenger/ig)) {
            // shell = "wechat"; // 微信浏览器     
            // shellVs = testVs(/micromessenger\/[\d.]+/ig);
        } else if (testUa(/qqbrowser/ig)) {
            shell = "qq"; // QQ浏览器
            shellVs = testVs(/qqbrowser\/[\d.]+/ig);
        } else if (testUa(/ubrowser/ig)) {
            shell = "uc"; // UC浏览器
            shellVs = testVs(/ubrowser\/[\d.]+/ig);
        } else if (testUa(/2345explorer/ig)) {
            shell = "2345"; // 2345浏览器
            shellVs = testVs(/2345explorer\/[\d.]+/ig);
        } else if (testUa(/metasr/ig)) {
            shell = "sougou"; // 搜狗浏览器
        } else if (testUa(/lbbrowser/ig)) {
            shell = "liebao"; // 猎豹浏览器
        } else if (testUa(/maxthon/ig)) {
            shell = "maxthon"; // 遨游浏览器
            shellVs = testVs(/maxthon\/[\d.]+/ig);
        } else if (testUa(/bidubrowser/ig)) {
            shell = "baidu"; // 百度浏览器
            shellVs = testVs(/bidubrowser [\d.]+/ig);
        }

        let locator,service
        if(window.ActiveXObject){
            //支持-通过ActiveXObject的一个新实例来创建XMLHttpRequest对象            
            locator = new ActiveXObject("WbemScripting.SWbemLocator"); 
            service = locator.ConnectServer("."); 
            //CPU信息 
            var cpu = new Enumerator (service.ExecQuery("SELECT * FROM Win32_Processor")).item(); 
            var cpuType=cpu.Name,hostName=cpu.SystemName; 
            //内存信息 
            var memory = new Enumerator (service.ExecQuery("SELECT * FROM Win32_PhysicalMemory")); 
            for (var mem=[],i=0;!memory.atEnd();memory.moveNext()) mem[i++]={cap:memory.item().Capacity/1024/1024,speed:memory.item().Speed} 
            //系统信息 
            var system2=new Enumerator (service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item(); 
            var physicMenCap=Math.ceil(system2.TotalPhysicalMemory/1024/1024),curUser=system2.UserName,cpuCount=system2.NumberOfProcessors 
            console.log({cpuType:cpuType,cpuCount:cpuCount,hostName:hostName,curUser:curUser,memCap:physicMenCap,mem:mem}) 
        }            
        //不支持        
        else if(window.XMLHttpRequest){
            locator = new XMLHttpRequest()        
        }
        console.log(locator)
        console.log(service)

         // 获取手机型号
         Array.prototype.contains = function(needle) { // 判断数组中是否包含某字符串
            for (i in this) {
                if (this[i].indexOf(needle) > 0)
                    return i;
            }
            return -1;
        }
        var device_type = navigator.userAgent; //获取userAgent信息
        console.log(device_type)
        var md = new MobileDetect(device_type); //初始化mobile-detect
        var os = md.os(); // 获取系统版本
        var model = "";
        if (os == "iOS") { //ios系统的处理
            os = md.os() + md.version("iPhone");
            //再通过iphone-device.js获取具体的苹果手机型号
            model = MobileDevice.getModels().join(' or ');
            if(model == 'unknown'){
                model = md.mobile(); // iPhone
            }
        } else if (os == "AndroidOS") { //Android系统的处理
            os = md.os() + md.version("Android");
            var sss = device_type.split(";");
            var i = sss.contains("Build/");
            if (i > -1) {
                model = sss[i].substring(0, sss[i].indexOf("Build/"));
            }
        }
        console.log(os, model)


        // 获取到system、systemVs、platform、engine、engineVs、supporter、supporterVs、shell、shellVs
        return Object.assign({
            engine, // webkit gecko presto trident
            engineVs,
            supporter, // Chrome Safari firefox opera iexplore edge
            supporterVs,
            system, // Windows MAC OS Linux Android IOS
            systemVs,
            model,
            device_type
            }, shell === "none" ? {} : {
            shell, // wechat qq uc 2345 sougou liebao maxthon baidu
            shellVs
        });
    }

你可能感兴趣的:(JS 客户端应用系统运行环境采集)

  • QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
    功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 高级编程--XML+socket练习题 masa010 java开发语言
    1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • 关于提高复杂业务逻辑代码可读性的思考 编程经验分享 开发经验java数据库开发语言
    目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • docker igotyback eureka云原生
    Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
  • nosql数据库技术与应用知识点 皆过客，揽星河 NoSQLnosql数据库大数据数据分析数据结构非关系型数据库
    Nosql知识回顾大数据处理流程数据采集(flume、爬虫、传感器)数据存储(本门课程NoSQL所处的阶段)Hdfs、MongoDB、HBase等数据清洗(入仓)Hive等数据处理、分析(Spark、Flink等)数据可视化数据挖掘、机器学习应用(Python、SparkMLlib等)大数据时代存储的挑战(三高)高并发(同一时间很多人访问)高扩展(要求随时根据需求扩展存储)高效率(要求读写速度快)
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • TDengine 签约前晨汽车，解锁智能出行的无限潜力 涛思数据（TDengine） tdengine汽车大数据
    在全球汽车产业转型升级的背景下，智能网联和新能源技术正迅速成为商用车行业的重要发展方向。随着市场对环保和智能化需求的日益增强，企业必须在技术创新和数据管理上不断突破，以满足客户对高效、安全和智能出行的期待。在这一背景下，前晨汽车凭借其在新能源智能商用车领域的前瞻性布局和技术实力，成为行业中的佼佼者。前晨汽车采用整车数据采集和全车数据打通策略，能够实时将数据推送至APP端客户。然而，这导致整体写入和
  • 网络编程基础 记得开心一点啊 网络
    目录♫什么是网络编程♫Socket套接字♪什么是Socket套接字♪数据报套接字♪流套接字♫数据报套接字通信模型♪数据报套接字通讯模型♪DatagramSocket♪DatagramPacket♪实现UDP的服务端代码♪实现UDP的客户端代码♫流套接字通信模型♪流套接字通讯模型♪ServerSocket♪Socket♪实现TCP的服务端代码♪实现TCP的客户端代码♫什么是网络编程网络编程，指网络上
  • JVM、JRE和 JDK：理解Java开发的三大核心组件 Y雨何时停T Javajava
    Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
  • Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选javakafka
    一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • Python入门之Lesson2:Python基础语法 小熊同学哦 Python入门课程python开发语言算法数据结构青少年编程
    目录前言一.介绍1.变量和数据类型2.常见运算符3.输入输出4.条件语句5.循环结构二.练习三.总结前言欢迎来到《Python入门》系列博客的第二课。在上一课中，我们了解了Python的安装及运行环境的配置。在这一课中，我们将深入学习Python的基础语法，这是编写Python代码的根基。通过本节内容的学习，你将掌握变量、数据类型、运算符、输入输出、条件语句等Python编程的基础知识。一.介绍1
  • Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 errorreactmongodb数据库
    背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
  • 基于STM32与Qt的自动平衡机器人：从控制到人机交互的的详细设计流程 极客小张 stm32qt机器人物联网人机交互毕业设计c语言
    一、项目概述目标和用途本项目旨在开发一款基于STM32控制的自动平衡机器人，结合步进电机和陀螺仪传感器，实现对平衡机器人的精确控制。该机器人可以用于教育、科研、娱乐等多个领域，帮助用户了解自动控制、机器人运动学等相关知识。技术栈关键词STM32单片机步进电机陀螺仪传感器AD采集电路Qt人机界面实时数据监控二、系统架构系统架构设计本项目的系统架构设计包括以下主要组件：控制单元:STM32单片机传感器
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • 深入浅出 -- 系统架构之负载均衡Nginx的性能优化 xiaoli8748_软件开发 系统架构系统架构负载均衡nginx
    一、Nginx性能优化到这里文章的篇幅较长了，最后再来聊一下关于Nginx的性能优化，主要就简单说说收益最高的几个优化项，在这块就不再展开叙述了，毕竟影响性能都有多方面原因导致的，比如网络、服务器硬件、操作系统、后端服务、程序自身、数据库服务等，对于性能调优比较感兴趣的可以参考之前《JVM性能调优》中的调优思想。优化一：打开长连接配置通常Nginx作为代理服务，负责分发客户端的请求，那么建议开启H
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
    npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
  • COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLOpython
    """--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
  • 计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php课程设计vue.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
  • NPM私库搭建-verdaccio（Linux） Beam007 npmlinux前端
    1、安装nodelinux服务器安装nodea)、官网下载所需的node版本https://nodejs.org/dist/v14.21.0/b)、解压安装包若下载的是xxx.tar.xz文件，解压命令为tar-xvfxxx.tar.xzc)、修改环境变量修改：/etc/profile文件#SETPATHFORNODEJSexportNODE_HOME=NODEJS解压安装的路径exportPAT
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他