- 【原生JS】 前端JS字符串最常用 20 道面试题总结（含详细代码解析）
全栈前端老曹
前端javascript开发语言面试vuereact.jsecmascript
原生JavaScript字符串最常用20道面试题总结（含详细代码解析）字符串是前端开发中最常见的数据类型之一，也是各大公司高频考察点。以下是老曹总结的原生JS字符串相关的20道高频面试题，涵盖字符串操作、正则表达式、性能优化、常见陷阱等多个方面，每道题都配有详细的代码示例和讲解。面试题目录序号题目考察点1slice,substring,substr的区别？截取方法2如何判断一个字符串是否包含另一个
- JavaScript AJAX 实现，演示如何将 Token 添加到 Authorization
CATTLECODE
javascriptajaxokhttp
以下是一个完整的原生JavaScriptAJAX实现，演示如何将Token添加到Authorization头部的示例：基础实现html复制代码AJAXToken示例//获取当前用户的Token（实际应用中从安全存储获取）functiongetAuthToken(){//实际项目中应从localStorage/cookie获取return"eyJhbGciOiJIUzI1NiIsInR5cCI6Ik
- 原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境(精简版)
原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境随着Web技术的不断发展，前端开发已经从最初的原生JavaScript和CSS时代，逐步演进到以Vue、React等为代表的现代前端框架时代。对于许多刚入门或正在转型的前端开发者来说，理解原生技术和现代框架之间的联系、区别，以及各自的运行环境和条件，有助于更好地把握前端技术栈的演变趋势和实际应用场景。一、原生
- 【前端】jQuery数组合并去重方法总结
在jQuery中合并多个数组并去重，推荐使用原生JavaScript的Set对象（高效简单）或$.unique()（仅适用于DOM元素，不适用于普通数组）。以下是完整解决方案：方法1：使用ES6Set（推荐）//定义多个数组constarr1=[1,2,3];constarr2=[2,3,4];constarr3=[3,4,5];//合并数组并用Set去重constmergedArray=[...
- 生产级JavaScript深拷贝实现方案
止观止
前端javascript开发语言前端深拷贝
引言在JavaScript开发中，对象拷贝是常见但易错的操作。本文基于原生JavaScript实现支持循环引用、保留属性描述符、处理所有内置对象的生产级深拷贝函数，解决了Lodash等库的局限性。通过详细技术分析和150行完整代码实现，掌握可靠的深拷贝解决方案。一、为什么需要深拷贝？当JavaScript对象包含嵌套引用时，浅拷贝仅复制第一层引用，深层次对象仍与原对象共享内存地址。这会导致数据污染
- 【React】入门概述 - 虚拟DOM与原生DOM - JSX语法 - React基本使用
YK菌
前端框架Reactreact
文章目录1.React入门概述1.1介绍1.2原生JavaScript的缺点【补充】浏览器重绘重排【补充】模块化与组件化1.3React的特点1.4.React高效的原因2.HelloReact2.1相关库介绍【补充】babel.js的作用2.2使用JSX创建虚拟DOM2.3渲染虚拟DOM(元素)2.4页面显示3.创建虚拟DOM的两种方式3.1纯JS方式(一般不用)3.2JSX方式4.虚拟DOM与
- JSON.stringify()的深入学习和理解
渔老师
前端jsonjavascript前端
一、JSONJSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值二、JSON.stringify()JSON.stringify(value[,replacer[,space]])基本用法：JSON.st
- 面试版-前端开发核心知识
一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
- Ajax 入门
凌冰_
JSajax前端javascript
一、Ajax概念Ajax（AsynchronousJavaScriptandXML）是一种在不刷新整个页面的情况下，与服务器进行异步通信并更新部分网页的技术。尽管名称中包含“XML”，但现代Ajax更多使用JSON作为数据格式。二、核心概念异步通信：无需刷新整个页面，可在后台与服务器交换数据。核心技术：XMLHttpRequest（XHR）：原生JavaScriptAPI（旧版）FetchAPI：
- React用户交互事件
在React中处理用户交互事件（如点击、输入、提交等）的方式与原生JavaScript类似，但有一些语法差异和最佳实践。以下是常见交互事件的处理方法及代码示例：一、基本事件处理（点击、输入等）1.点击事件（onClick）importReact,{useState}from'react';constButtonExample=()=>{const[count,setCount]=useState(
- JavaScript基础-常见网页特效案例
咖啡の猫
javascript开发语言ecmascript
一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
- 零基础打造优雅的AI诗词创作助手
BaiYiQingXiang99
html人工智能chatgpt
零基础打造优雅的AI诗词创作助手：一个纯前端实现的智能写诗工具项目介绍大家好，今天要和大家分享我的一个AI项目——AI诗词创作助手。这是一个完全使用原生JavaScript开发的智能写诗工具，不需要复杂的框架，也不需要后端服务器，就能实现专业级的AI诗词创作功能。在线体验地址GitHub地址主要特性1.多样化的创作选项支持多个主流AI模型（Deepseek、Moonshot(Kimi)、通义千问）
- React 和 Vue 项目中集成基于 Svelte 的 `Bytemd` 库 || @bytemd/react` 底层实现原理
GISer_Jinger
中大厂面试项目vue.jsreact.js前端
Bytemd并使用Svelte框架编写的。Svelte是一种不同的前端框架，它的核心思想是在编译时将组件代码转换成高效、原生JavaScript，从而避免运行时虚拟DOM的开销。理解了这一点，我们就可以深入探讨如何在React和Vue项目中适配Svelte编写的Bytemd组件。关于如何在React和Vue项目中集成基于Svelte的Bytemd库关于如何在React和Vue项目中集成基于Svel
- Vue.js 按键修饰符详解：提升键盘事件处理效率
步行cgn
Vuevue.js计算机外设前端
Vue.js按键修饰符详解：提升键盘事件处理效率按键修饰符是Vue.js中处理键盘事件的强大工具，它允许您直接在模板中指定要响应的特定按键，而不需要在方法中编写额外的按键检测逻辑。一、为什么需要按键修饰符？在原生JavaScript中，处理键盘事件通常需要这样写：element.addEventListener('keyup',(event)=>{if(event.key==='Enter'){/
- 使用JavaScript实现复制文本功能：从原生JS到Vue3
Pu_Nine_9
前端学习javascriptecmascript
在现代Web开发中，复制文本到剪贴板是一个常见需求，特别是在AI对话机器人、代码分享平台等场景中。本文将详细介绍如何使用原生JavaScript和Vue3实现复制功能，并提供一个完整的示例。为什么需要复制功能？在AI对话应用中，用户经常需要复制机器人的回复内容以便在其他地方使用。手动选择文本然后按Ctrl+C（或Cmd+C）虽然可行，但提供一键复制按钮能显著提升用户体验。让我们看看如何实现这个功能
- 判断元素是否获取焦点
啃火龙果的兔子
javascript前端react.js
在JavaScript/React中判断一个特定class的元素是否处于焦点状态，可以通过以下几种方式实现：原生JavaScript方法//获取第一个具有overviewUndoBtn类的元素constelement=document.querySelector('.overviewUndoBtn');//检查是否获得焦点if(element&&document.activeElement===e
- SolidJS 深度解析：高性能响应式前端框架
冬冬小圆帽
前端框架
SolidJS是一个新兴的响应式前端框架，以其极致的性能、简洁的语法和接近原生JavaScript的开发体验而闻名。它结合了React的声明式UI和Svelte的编译时优化，同时采用细粒度响应式更新，避免了虚拟DOM（VirtualDOM）的开销。1.SolidJS的核心设计理念1.1细粒度响应式（Fine-GrainedReactivity）无虚拟DOM：直接操作DOM，减少diff计算。依赖追
- 解释一下React事件系统中的事件委托机制
gong19172316967
react.jsjavascript前端
在React的事件系统中，**事件委托（EventDelegation）**是其核心机制之一，它通过将事件统一绑定到根节点（通常是document）来管理所有组件的事件，而非直接绑定到每个具体的DOM元素。这种设计不仅优化了性能，还实现了跨浏览器兼容性和统一的事件处理逻辑。以下是对该机制的详细解析：一、什么是事件委托？事件委托是一种利用事件冒泡机制的模式：原生JavaScript中：将事件监听器绑
- 前端实用工具｜JavaScript 身份证号合法性校验工具类全解析
YD1218
前端javascripttypescript
本文通过原生JavaScript实现一个完整、严谨的身份证号校验函数，支持15位和18位身份证号的判断。校验内容涵盖：格式校验：通过正则判断长度与基本结构；️省份码校验：前两位数字是否为合法的行政区划代码；/***@description校验身份证号是否合规（支持18位、15位）*@param{string|number}value身份证号*@returns{boolean}true合规；fals
- 前端流式输出实现详解：从原理到实践
UIEngineer小羊
前端html5javascriptcss3
前端流式输出实现详解：从原理到实践前言一、流式输出核心原理1.1什么是流式输出？1.2技术优势对比1.3关键技术支撑二、原生JavaScript实现方案2.1使用FetchAPI流式处理关键点解析：2.2处理SSE（Server-SentEvents）三、主流框架实现示例3.1React实现方案3.2Vue实现方案四、高级优化策略4.1性能优化4.2用户体验增强4.3安全注意事项五、实际应用案例5
- AI IDE 硬推框架坑人？优化提示词让它乖乖生成原生 JavaScript 代码！
qq_36591160
开发语言
哈哈，抛开那个硬核的象棋平台文档，直击重点！既然你提到AIIDE硬推React框架配置拉胯，还不如用原生JavaScript实现，咱们就聚焦在“如何优化提示词”，让AIIDE生成更靠谱、更贴合初学者的原生代码，避开框架的坑。毕竟，代码是为解决问题，不是为套框架折腾！以下我会以CSDN博客风格，分析为啥提示词容易让AIIDE生成烂框架代码，分享优化提示词的技巧，针对网页开发（像棋盘交互这类场景）给出
- 自己写个VUE 原生javascript 100行js代码实现一个简单的双向数据绑定的mvvm框架
千年奇葩
Web前后端vuemvvmjs双向数据绑定前端框架
一，基础知识1，何为MVVM（双向数据绑定）双向数据绑定（MVVM）：数据（M）发生变化时立即影响视图（V），而视图（V）发生改变也会立即影响数据（M）2，实现数据绑定的方法实现数据绑定的做法有大致如下几种：1，观察者模式（backbone）发布者发布事件，观察者监听事件。当某些方法被触发时，就通知观察者执行预定操作。观察者可以使用自己写也可以使用es7最新添加的数据绑定方法Object.obse
- 使用HTML5和CSS3实现炫酷的3D立方体动画
木木黄木木
html5css33d
使用HTML5和CSS3实现炫酷的3D立方体动画项目介绍本文将详细介绍如何使用HTML5和CSS3技术实现一个交互式3D立方体动画。这个项目不仅展示了现代Web前端技术的强大功能，还能帮助读者深入理解CSS3的3D变换和动画特性。技术栈HTML5CSS3(transform-style,perspective,transition等)原生JavaScript核心功能3D立方体的构建和渲染自动旋转动
- 前端流式输出实现详解：从原理到实践
设计师晏军
前端
前端流式输出实现详解：从原理到实践前言一、流式输出核心原理1.1什么是流式输出？1.2技术优势对比1.3关键技术支撑二、原生JavaScript实现方案2.1使用FetchAPI流式处理关键点解析：2.2处理SSE（Server-SentEvents）三、主流框架实现示例3.1React实现方案3.2Vue实现方案四、高级优化策略4.1性能优化4.2用户体验增强4.3安全注意事项五、实际应用案例5
- 2025 前端 JS 源码逆向实战：6 种绕过限制查看源码的合法方法
阿贾克斯的黎明
网络安全状态模式
目录引言：为何需要绕过前端JS限制？一、浏览器开发者工具深度用法1.动态断点拦截（Chrome117+增强功能）2.Overrides功能持久化修改二、代理工具拦截与响应篡改1.BurpSuite2025动态解混淆三、浏览器扩展生态应用1.资源嗅探与下载（2025新版插件）四、本地代码劫持与Hook技术1.覆盖原生JavaScript方法五、移动端源码提取方案1.Android混合应用逆向六、源码
- 前端代码中请求参数应该如何封装？
json
在前端开发中，正确封装请求参数是避免414Request-URITooLarge错误的关键步骤之一。当请求参数过多或过长时，应该将它们封装在请求体中，而不是附加在URL中。以下是一些常见的前端框架和库中如何封装请求参数的方法。一、使用POST请求封装参数（一）原生JavaScript在原生JavaScript中，可以使用XMLHttpRequest或fetchAPI来发送POST请求，并将参数封装
- 从零开始：使用原生JS打造简易飞机大战游戏
西域情歌
本文还有配套的精品资源，点击获取简介：在本教程中，我们将探讨如何利用原生JavaScript的特性，包括事件处理、DOM操作、定时器和音频处理，来构建一个基础的“飞机大战”游戏。该游戏的核心元素包括玩家飞机、敌机、子弹和碰撞检测，它们通过HTML和CSS展现在页面上。通过编写JavaScript脚本，我们实现游戏对象的创建与状态管理，响应用户的键盘和点击事件，更新游戏内容，并通过定时器维护游戏循环
- deepseek 对于 Web 前端过去，现在，未来的看法！称未来可能不叫前端工程师...
CoderBin_
与deepseek的对话前端
一、你对于过去的web前端有什么看法？对早期的Web前端开发（大致在2000年代至2010年代初），可以总结出以下几个关键看法：1.技术原始，但充满探索精神基础技术简单：主要依赖HTML、CSS和原生JavaScript，缺乏现代框架和工具链的支持。兼容性噩梦：不同浏览器（尤其是IE6/7）的渲染差异极大，开发者需要大量Hack代码（如条件注释、CSS滤镜）来适配。创新萌芽：AJAX（2005年）
- 原生JavaScript控制页面跳转的几种方式
thinkQuadratic
javascript前端开发语言
在开发一些简单的页面，不需要复杂的单页面应用（SPA）功能的时候。可以使用原生JavaScript的跳转即可满足需求。另外在处理一些需要直接与服务器进行交互的表单提交后跳转，或者在某些浏览器兼容性要求较高的场景下，原生JavaScript的跳转方式更加稳定可靠。正文开始这里本地创建两个html文件进行演示，index.html和home.htmlwindow.location.hrefindex页
- XMLHttpRequest、Fetch、Axios和AJAX的关系
冰镇屎壳郎
前端#JavaScriptajax前端javascript
一、基于http协议用于前后端通信的工具1、XMLHttpRequest（原生JS对象）XMLHttpRequest（XHR）是原生JavaScript对象。通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL，获取数据。特性：浏览器广泛支持功能丰富：可以跟踪请求的状态、支持进度事件、文件上传、同步请求等可同步可异步不支持PromiseAPI2、Fetch（浏览器原生API）（1
- Linux的Initrd机制
被触发
linux
Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
- maven本地仓库路径修改
bitcarter
maven
默认maven本地仓库路径：C:\Users\Administrator\.m2
修改maven本地仓库路径方法：
1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml
2.找到
- XSD和XML中的命名空间
darrenzhu
xmlxsdschemanamespace命名空间
http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml
http://blog.csdn.net/wanghuan203/article/details/9203621
http://blog.csdn.net/wanghuan203/article/details/9204337
http://www.cn
- Java 求素数运算
周凡杨
java算法素数
网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。
第一种：
原理: 6N(+-)1法 任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)
- java 单例模式
g21121
java
想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：
class Singleton {
private static Singleton instance=new Singleton();
private Singleton(){}
static Singleton getInstance() {
return instance;
}
- Linux下Mysql源码安装
510888780
mysql
1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz
(1)创建mysql的安装目录及数据库存放目录
解压缩下载的源码包，目录结构，特殊指定的目录除外：
- 32位和64位操作系统
墙头上一根草
32位和64位操作系统
32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
- 我的spring学习笔记10-轻量级_Spring框架
aijuans
Spring 3
一、问题提问：
→ 请简单介绍一下什么是轻量级？
轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。
- mongodb 环境搭建及简单CURD
antlove
WebInstallcurdNoSQLmongo
一 搭建mongodb环境
1. 在mongo官网下载mongodb
2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db"
3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
- 数据字典和动态视图
百合不是茶
oracle数据字典动态视图系统和对象权限
数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭 数据字典中包含
数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等)
数据库为一
- 多线程编程一般规则
bijian1013
javathread多线程java多线程
如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。
不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
- 将文件或目录拷贝到另一个Linux系统的命令scp
bijian1013
linuxunixscp
一.功能说明 scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下： scp 远程用户名@IP地址：文件的绝对路径
- 【持久化框架MyBatis3五】MyBatis3一对多关联查询
bit1129
Mybatis3
以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。
示例数据：
地址表：
CREATE TABLE ADDRESSES
(
ADDR_ID INT(11) NOT NULL AUTO_INCREMENT,
STREET VAR
- cookie状态判断引发的查找问题
bitcarter
formcgi
先说一下我们的业务背景：
1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩
2.form中action是一个cgi服务
3.后台cgi服务同时供PC，H5，APP
4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题）
问题：（折腾两天。。。。）
1.PC端cgi服务正常调用，cookie判断没
- 通过Nginx,Tomcat访问日志(access log)记录请求耗时
ronin47
一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间
nginx.conf使用配置方式：
log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
- java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。
bylijinnan
java
public class ProbabilityOfDice {
/**
* Q67 n个骰子的点数
* 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。
* 在以下求解过程中，我们把骰子看作是有序的。
* 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况
*/
private stati
- 看别人的博客，觉得心情很好
Cb123456
博客心情
以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:
职业规划:
http://www.iteye.com/blogs/subjects/zhiyeguihua
android学习:
1.http://byandby.i
- [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析
comsci
工作流
我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误
在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
- JS常用的事件及方法
cwqcwqmax9
js
事件 描述
onactivate 当对象设置为活动元素时触发。
onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。
onbeforeactivate 对象要被设置为当前元素前立即触发。
onbeforecut 当选中区从文档中删除之前在源对象触发。
onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
- 正则表达式验证日期格式
dashuaifu
正则表达式IT其它java其它
正则表达式验证日期格式
function isDate(d){
var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i);
if(!v) {
this.focus();
return false;
}
}
<input value="2000-8-8" onblu
- Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证
dcj3sjt126com
yii
public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
- UITextAttributeTextColor = deprecated in iOS 7.0
dcj3sjt126com
ios
In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0."
Ins
- 判断一个数是质数的几种方法
EmmaZhao
Mathpython
质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。
判断一个数是质数的最简单的方法如下：
def isPrime1(n):
for i in range(2, n):
if n % i == 0:
return False
return True
但是在上面的方法中有一些冗余的计算，所以
- SpringSecurity工作原理小解读
坏我一锅粥
SpringSecurity
SecurityContextPersistenceFilter
ConcurrentSessionFilter
WebAsyncManagerIntegrationFilter
HeaderWriterFilter
CsrfFilter
LogoutFilter
Use
- JS实现自适应宽度的Tag切换
ini
JavaScripthtmlWebcsshtml5
效果体验：http://hovertree.com/texiao/js/3.htm
该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。
HTML文件代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
- Hbase Rest API : 数据查询
kane_xie
RESThbase
hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。
启动命令：./bin/hbase rest s
- JQuery实现鼠标拖动元素移动位置（源码+注释）
明子健
jqueryjs源码拖动鼠标
欢迎讨论指正！
print.html代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<title>发票打印</title>
&l
- Postgresql 连表更新字段语法 update
qifeifei
PostgreSQL
下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下：
UPDATE tops_visa.visa_order
SET op_audit_abort_pass_date = now()
FROM
tops_visa.visa_order as t1
INNER JOIN tops_visa.visa_visitor as t2
ON t1.
- 将redis,memcache结合使用的方案?
tcrct
rediscache
公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
- 开发中遇到的诡异的bug
wudixiaotie
bug
今天我们服务器组遇到个问题：
我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
