caperxi的博客

需要在单设备上跨浏览器获取相同的标识，可以选择合适的 browser independent component；由于不同系统的显卡在绘制 canvas 时，渲染参数和抗锯齿等算法存在差异，导致绘制成的图片数据的 CRC 校验也各不相同。总之，通过 JavaScript 获取浏览器唯一标识是一个在前端开发中具有一定挑战性但又非常实用的技术。在前端开发中，有时需要获取浏览器的唯一标识。

响应式设计是当今网页开发中至关重要的理念和技术手段，其核心目标是确保同一个网站能够在多种多样的设备上，无论是传统的PC端，还是日益普及的移动端（涵盖平板设备、手机的横屏以及竖屏等不同状态），都展现出高度的兼容性和良好的视觉效果。这意味着用户无论使用何种设备访问网站，都能获得流畅、舒适且一致的浏览体验，无需为不同设备的适配问题而困扰。例如，一个电商网站采用响应式设计后，用户在PC端可以清晰地看到丰富的商品分类、详细的产品介绍和高清的图片展示，方便进行细致的筛选和比较；

在前端开发中，经常需要对数字进行格式化处理，比如给一个数字每三位添加一个逗号。本文将详细介绍如何用 JavaScript 实现这一功能,主要是实现类似于。在现实中添加千位分隔符通常是从后到前，每三位添加一个逗号。在 JavaScript 中，我们可以将输入的数据先转换成字符串，然后利用。通过以上方法，我们可以方便地在 JavaScript 中对数字进行千位分隔符的添加，提升数字的可读性和展示效果。方法的输入负数参数从后取的特点来实现。方法的简化版，不考虑负数和小数，答案不唯一。

js 防抖与节流

PC 端和移动端共用一个域名，避免 CDN 为 PC 端缓存移动端页面

每个公司都不可避免会有一些数据可视化的需求，大数据时代，更是一发不可收拾，各种花里胡哨的大屏效果，让前端既烦恼又有些许刺激，刺激是新的挑战带来的，完成了各种风骚的展示效果，那种成就感让人身心愉悦。。。近日笔者也刚从一个大屏项目中展缓一口气，抽时间将遇到的坑，及一些问题的解决方案记录一下。

shell 脚本 查询当前目录下 js html 文件中是否包含某关键字

js 每日定时任务

git；git操作；git入门

flutter开发中的一些知识点，将会持续更新

Invoke-WCMDump用于从凭据管理器转储 Windows 凭据的 PowerShell 脚本Invoke-WCMDump 在凭据管理器中枚举 Windows 凭据，然后提取有关每个凭据的可用信息。为“通用”类型凭证检索密码，但不能通过相同方法为“域”类型凭证检索密码。仅为当前用户返回凭据。资源下载：Invoke-WCMDumpPS>Import-Module .\Invoke-WCMDump.ps1PS>Invoke-WCMDump Username :

Rsa 加解密使用的插件：JSEncrypt.js加密方式： let encryptor = new JSEncrypt(); encryptor.setPublicKey(pubkey); // 加密公钥 return encryptor.encrypt(data); // data: 要加密的数据解密方式： let decryptor = new JSEncrypt(); decryptor.setPrivateKey(PrivateKey); // 私钥

CEF和Electron都是跨平台客户端方案，CEF和Electron孰优孰劣?来看一下二者的对比。相同点：CEF和Electron都是基于chromium浏览器框架发展而来，核心技术和底层实现基本一致，形成了不同的跨平台技术解决方案，是因为各自进行了不同程度上的开发和扩展。CEF在2011年发布了CEF1的第一个正式版本，Electron在2016年发布了1.0版本，并在同年完成mac商店和windows商店的线上发布。两者安装包都非常大，就算单独开发的页面很小，纯原生的CEF和Electron应

办公司人员，经常一坐一天，忙到水都忘了喝，写个插件每小时来提醒哈自己，不过图片好像抢风头了，**下面是提醒效果图：**当然还有它的备忘录功能：**下载地址：**https://download.csdn.net/download/caperxi/15732919后期将更新更多功能...

let page = window.open('http://www.baidu.com') setTimeout(function(){page.location.href='http://jd.com'},1000)

背景在开发时，项目启动编译时间过长，平均在120s~140s，观察到最高编译时间190s+;严重影响开发效率，在多需求切换分支时尤为明显。介绍sucrase 是一款 JavaScript/TypeScript 编译器，目标是提供比标准Babel编译器更快的构建速度，在npm 的 sucrase的介绍中，被称之为babel的替代品，号称比babel 快20倍sucrase 允许超快速开发，但它只能在最新node 6 以上及非ie浏览器中使用。sucrase 是从babel派生而来，算是babel的

项目中遇到的需求,文本框输入的内容需要实时匹配并高亮效果如下以下代码直接取至项目中此需求核心代码，未做整理js代码 // 正则匹配 matching(){ let {regex,regexRestCorpus}=this.state; try{ const reg = new RegExp(regex.trim(),'gm'); let result = regexRestCorpus.match(reg);

前端开发时，有些需求，需要得到访问客户的ip地址，大多时候靠后端完成，但其实前端也可以拿到，例如下面三种：第一种：用于仅支持IE的且允许Activex运行，利用ActiveObject来获取。第二种：利用其它平台的接口，在自己程序中使用如：新浪，太平洋等的接口，来给用户返回ip地址第三种：使用WebRTC(Web Real-Time Communications),他的定义是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接

FileZilla是一个免费开源的FTP软件，分为客户端版本和服务器版本，具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具，而FileZillaServer则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件。- - - - 百度百科下载官网地址：https://filezilla-project.org/选择适合自己使用的下载，安装后一直next 就行。链接远程服务器点击打开站点管理器.

作为前端程序员，经常遇到一些“祖传代码”，不放在服务器就没办法调试页面，那么如何在本地顺畅的调试呢？方案之一就是模拟线上环境启一个本地服务。需要掌握的基础知识：1 node.js2 npm3 js在终端中打开文件夹，执行 :npm init终端会提示你配置packge相关的东西，按需要输入就行，一般就 回车回车回车。。。然后安装要使用到的npm包：expressexpress 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种

参考地址var fileName = $("#sectionfileUpload").val(); //C:\fakepath\3.jpeg var exts = fileName.split('.'); var ext = ""; if (exts != undefined) { if (exts.length <= 1 && fileName.indexOf('=')>-

基础选择服务器：阿里云服务器系统: linux 系统web服务器： Tomcat过程安装JDK安装Tomcat使用MobaXterm工具上传web项目代码文件完成网站部署访问网站小干货参考网站Tomcat 服务器部署阿里云服务器部署web项目阿里云服务器Linux常用命令...

react 生命周期有哪些react diff 原理虚拟dom是什么，用来干嘛？vue 响应式（双向绑定）原理vue 计算属性(computed)中能操作localstorage/sessionstorage吗？angular 装饰器的使用方法angular的设计模式是怎样的TS / es6 接口(interface)的使用方法数据结构转换 树形结构转列表数据（尽量使用es6语法或函数）vue/ react 循环的key 是用来干嘛的谈一谈原型链js 堆和栈深拷贝/浅拷贝

近来同事离职，接手一个h5项目，发版在即，遇到了程序员不可避免的烦心问题：“讨厌自己写注释，讨厌别人不写注释”！当然这注不注释的都不重要了，遇到个坑搞了一个通宵，还拖累了其它同事一起熬夜，心里挺难受。。。进入正题：背景此为H5项目，需嵌套在app中使用，并且需要调用ios/android原生拍照，安卓端为拍照后图片上传服务器，成功后返回路径到h5端问题在测试环境中，android的拍照...