目录
一、Select 下拉框
（一）下拉选项，初始化赋值（Django 模板语）
（二） 获取下拉框已有值、某个下拉选项的值
1. 获取已赋值的下拉框的值
2. 获取某个下拉选项的值
（三）清除下拉框已有值、清空所有下拉选项
1. 清除下拉框已有值
2. 清空所有下拉选项
（四）更新下拉框已选值、更新所有下拉选项值
1. 重新赋予所有下拉选项值
2. 联动更新下拉框所选值（通过自定义给值，而非change事件）
二、CheckBox 复选框
（一）全选/多选、取消全选
（二）全选/多选、取消全选、事件清空 CheckBox
（三）切换 All CheckBox 状态（4种方法）
（四）JS 添加某个 CheckBox（而不是在HTML中添加）
（五）点击任意位置，触发其所在的 CheckBox
（六）操作单个 CheckBox
（七）获取勾选的值
1. 不包含 CheckBox 值
2. 包含 CheckBox 值
三、Radio 单选框
（一）单选（input 的 name 名需一致）
（二）清空单选
（三）获取选中的行值
1. 不包含 radio 值
2. 包含 radio 值
四、Table 表格
（一）table tr 行数据的获取
1. 获取某行的某个单元格值
2. 获取所有行值（二维列表）
3. 获取有 select 格式的所有行值（二维列表）
4. 获取CheckBox勾选中行值（二维列表）
5. 获取Radio勾选中的行值（二维列表）
（二）添加某行
（三）清除整个table、某行
1. 删除某行
2. 删除所有行（清除整个table）
一、Select 下拉框
（一）下拉选项，初始化赋值（Django 模板语）
请选择
{% for b in book_list %}
{{ b }}
{% endfor %}
（二） 获取下拉框已有值、某个下拉选项的值
1. 获取已赋值的下拉框的值
$('#id_select').val();2. 获取某个下拉选项的值
$('#id_select').children().eq(0); // 获取第一个下拉选项（三）清除下拉框已有值、清空所有下拉选项
1. 清除下拉框已有值
$("#id_sel option:selected").prop("selected", false); // 最好用prop，而不是attr
2. 清空所有下拉选项
$('#id_sel').empty();（四）更新下拉框已选值、更新所有下拉选项值
1. 重新赋予所有下拉选项值
let book_sel = '#id_book_sel'; // 下拉框的ID
let coloropt = ['请选择', 'blue', 'pink', 'red'] // 新的下拉选项
let clearopt = true; // 是否清空之前的所有下拉选项
// 第一种：
function init_sel(coloropt, book_sel, clearopt) {
if (clearopt) {
$(coloropt).empty();
}
let default_opt = '' + coloropt[0] + ' '
$(book_sel).append(default_opt)
for (let idx in range(1, coloropt.length)) {
let bookopt = '' + coloropt[idx] + ' ';
$(book_sel).append(bookopt)
}
}
// 第二种：设置默认选项，也可以用js实现
function init_sel(coloropt, book_sel, clearopt) {
if (clearopt) {
$(coloropt).empty();
}
for (let idx in coloropt) {
let bookopt = '' + coloropt[idx] + ' ';
$(book_sel).append(bookopt)
}
$(book_sel).children().eq(0).prop('selected', true);
}2. 联动更新下拉框所选值（通过自定义给值，而非change事件）
let newval = 'newbook'
let sel = '#id_select'
function change_selected_opt(newval, sel) { // 不是通过下拉框的change事件，通过自定义给值
$(sel+" option:selected").prop("selected", false);
$(sel+" option[value=" + newval + "]").prop("selected", true);
}
二、CheckBox 复选框
（一）全选/多选、取消全选
// Script代码
（二）全选/多选、取消全选、事件清空 CheckBox
// Script代码
（三）切换 All CheckBox 状态（4种方法）
// 切换复选框状态（checkall是boolean值）
// 第一种
let id_all_checkbox = "#id_tb_tbody tr > td:nth-child(1) > input[type='checkbox']";
$(id_all_checkbox).prop('checked', checkall);
// 第二种
$('#id_tb_tbody tr').each(function () {
$(this).find('input[type="checkbox"]').prop('checked', checkall); //取消复选框
})
// 第三种
$("#id_tb_tbody").find('input[type="checkbox"]').each(function () { // 执行全选or取消全选
this.checked = checkall;
});
// 第四种
let allbox = document.querySelector("#id_tb_tbody").querySelectorAll('input[type="checkbox"]'); // 或者.querySelectorAll('input: checkbox')
for (let i=0;i
（四）JS 添加某个 CheckBox（而不是在HTML中添加）
// 2. 在js代码：var tb_dt = $('#id_tb').DataTable(set_checkbox_tb);处后面补充如下逻辑
$('#id_tb_thead > tr > th:nth-child(1)').html('（五）点击任意位置，触发其所在的 CheckBox
// 单击表格某行，改变当行的 CheckBox 状态
$('table tbody tr').click(function() {
$(this).find('input[type=checkbox]').click();
});（六）操作单个 CheckBox
// 单个复选框选中or取消（checkall是boolean值）
// 第一种
$('#id_checkall').prop("checked", checkall);
// 第二种
document.querySelector('#id_checkall').checked = false;
（七）获取勾选的值
1. 不包含 CheckBox 值
$("#id_btn").on("click", function () { // 获取选中的行值（排除 CheckBox 复选框值）
let all_tr_list = [];
$("#id_tb_tbody").find('input[type=checkbox]').each(function () {
let tr_data = [];
if ($(this).is(':checked')) {
$(this).parent().prevAll().each(function () { // prevAll() 返回被选元素之前的所有同级元素
tr_data.push($(this).html());
})
$(this).parent().nextAll().each(function () { // nextAll() 返回被选元素之后的所有同级元素
tr_data.push($(this).html());
})
all_tr_list.push(tr_data);
}
})
console.log('选中的行值：', all_tr_list)
});2. 包含 CheckBox 值
$("#id_btn").on("click", function () { // 获取选中的行值（包括 checkbox 复选框值）
let all_tr_list = [];
$("#id_tb_tbody tr").each(function () {
if ($(this).find('input[type=checkbox]').is(':checked')) {
all_tr_list.push(tb_dt.row($(this)).data());
}
})
console.log('选中的值：', all_tr_list);
});三、Radio 单选框
相同name的radio为一组。
// Script代码
（二）清空单选 $("#id_btn").on("click", function () { // id_btn 是按钮的 ID
$("#id_tb_tbody tr").find('input[type="radio"]').prop("checked", false);
});（三）获取选中的行值 1. 不包含 radio 值 $("#id_btn").on("click", function () { // 获取选中的行值（排除 radio 单选值）
let all_tr_list = [];
$("#id_tb_tbody").find('input[type=radio]').each(function () {
let tr_data = [];
if ($(this).is(':checked')) {
$(this).parent().prevAll().each(function () { // prevAll() 返回被选元素之前的所有同级元素
tr_data.push($(this).html());
})
$(this).parent().nextAll().each(function () { // nextAll() 返回被选元素之后的所有同级元素
tr_data.push($(this).html());
})
all_tr_list.push(tr_data);
}
})
console.log('选中的行值：', all_tr_list)
});2. 包含 radio 值 $("#id_btn").on("click", function () { // 获取选中的行值（包括 radio 单选值）
let all_tr_list = [];
$("#id_tb_tbody tr").each(function () {
if ($(this).find('input[type=radio]').is(':checked')) {
all_tr_list.push(tb_dt.row($(this)).data());
}
})
console.log('选中的值：', all_tr_list);
});四、Table 表格 （一）table tr 行数据的获取 1. 获取某行的某个单元格值 // 获取表格tbody中, 被双击的该行的第一个单元格值
// 第一种
$("#id_tb_tbody").on("dblclick", "tr", function () {
let td1 = $(this).find("td").eq(1).html(); // 下标从0开始
});
// 第二种
$("#id_tb_tbody").on("dblclick", "tr", function () {
let td1 = $(this).find("td:nth-child(1)").html(); // 下标从1开始
});
// 第三种
$("#id_tb_tbody").on("dblclick", "tr", function () {
let td1 = $(this).children(':first').text();
});2. 获取所有行值（二维列表） let tb_data = get_alltr('#id_tb_tbody');
function get_alltr(tb_tbody) {
let alltr_list = []; // 所有行（二维列表）
$(tb_tbody).find('tr').each(function () {
let tr_list = []; // 单行（一维列表）
$(this).find('td').each(function () {
if ($(this).find("input").length == 1) { // 如果td内容是input类型（比如number、text）
tr_list.push($(this).find('input').val());
} else {
tr_list.push($(this).html());
}
})
if (tr_list.length > 0) {
alltr_list.push(tr_list)
}
})
return alltr_list
}3. 获取有 select 格式的所有行值（二维列表） 有判定整个表格是否为空；下拉框是否选值
// tbody_id是表格body的ID(如：#id_tboby)、dt是DataTable、sel_idx_list是每行的下拉框格式单元格的下标位置集合
function get_rows_data(tbody, dt, sel_idx_list) {
let table_list = []; // 表格的内容
if ($(tbody + ' tr:nth-child(1) > td:nth-child(1)').html() != 'No data available in table') { // table不为空
$(tbody + ' tr').each(function () {
let tr_list = [...dt.row($(this)).data()]; // 获取当前整行
for (let i = 0; i < sel_idx_list.length; i++) { // 循环下拉框格式的下标
let sel_val = $(this).find("td").eq(sel_idx_list[i]).find('select').val(); // 获取当前行的下拉框格式单元格的值
if (sel_val == '请选择') { // 代表下拉框没有选值
table_list = []; // 清空当前表格的内容
return false; // 直接跳出each循环，不仅仅是跳出for循环
} else {
tr_list[sel_idx_list[i]] = sel_val;
}
}
table_list.push(tr_list);
})
console.log('针对上面直接跳出each循环后，下一步就会走该处')
}
return table_list;
}4. 获取CheckBox勾选中行值（二维列表） 在第二节中有讲到。
5. 获取Radio勾选中的行值（二维列表） 在第三节中有讲到。
（二）添加某行 $("#id_btn").click(function () {
tb_dt.row.add(['', 11, 12, 13, 14, 15]).draw();
})（三）清除整个table、某行 1. 删除某行 $('#id_tb_tbody').on("dblclick", "tr", function () { // 双击某行，删除改行
if (confirm('Delete?')) {
tb_dt.row($(this)).remove().draw();
}
})2. 删除所有行（清除整个table） $("#id_btn").click(function () {
tb_dt.clear().draw();
})
你可能感兴趣的:(javascript,Django模板,jquery,select,checkbox,radio,table)
Python pyecharts 模块
ONE_PUNCH_Ge
python
pyecharts是一个基于ECharts的Python数据可视化库，它允许用户使用Python语言生成各种类型的交互式图表和数据可视化。ECharts是一个使用JavaScript实现的开源可视化库，而Pyecharts则是ECharts的Python封装，使得在Python中使用ECharts变得更加方便。pyecharts提供了一组简单而灵活的API，使用户能够轻松地创建各种图表，包括但不限
Python 用 Selenium & DataFrame 提取网页内表格数据
solosoft
python selenium
提取的数据导入DataFrame，方便后期处理frompandas.core.frameimportDataFramefromseleniumimportwebdriverdriver=webdriver.Edge();driver.get("http://data.eastmoney.com/hsgt/index.html")table_content=driver.find_element_b
Python爬虫库Selenium
.NET跨平台
Selenium库是一个自动化测试工具，支持多种浏览器。在爬虫中主要解决JavaScript渲染的问题。用法讲解：0.基本用法fromseleniumimportwebdriverfromselenium.webdriver.common.byimportByfromselenium.webdriver.common.keysimportKeysfromselenium.webdriver.sup
Python selenium 库
ONE_PUNCH_Ge
python
Selenium是一个用于自动化Web浏览器操作的强大工具，广泛应用于Web应用程序测试、网页数据抓取和任务自动化等场景。Selenium为各种编程语言提供了API，用作测试。目前的官方API文档有C#、JavaScript、Java、Python、Ruby。安装Selenium和WebDriver安装Selenium要开始使用Selenium，首先需要安装selenium库，并下载适用于你浏览器
强化学习与网络安全资源-论文和环境
AI拉呱
web安全 安全
TableofContentsRL-EnvironmentsPapersBooksBlogpostsTalksMiscellaneous↑EnvironmentsPentestingTrainingFrameworkforReinforcementLearningAgents(PenGym)TheARCDPrimary-levelAITrainingEnvironment(PrimAITE)CSL
BUG之路1——Ubuntu安装pycharm报python package tools not found错误
DH小碧池
Python之路 pycharm 报错 ubuntu 安装
心路历程：真的想死啊，搞了我三天，就想在linux上架个django的服务器，然后安装个pycharm就出了一个占用我三天时间的BUG。最后终于在stackoverflow上看到国外的大神了。最后的解决方法真的是想死，简单的不能再简单，但是就是没注意到。系统：ubuntu16工具：pycharm报错描述：在安装完pycharm之后设置项目python版本时，报错：pythonpackagetool
Django-DocxTemplate生成word文档的简单使用
羊羊是条咸鱼
python-工作 django DocxTemplate
导包fromdocxtplimportDocxTemplate,InlineImagefromdocx.sharedimportMm指明文件路径url='test_模版.docx'filename=f'test_report'tpl=DocxTemplate(url)填充内容并生成word文档now_time='2022-1-10'last_time='2022-1-09'image_path=f
浅析TypeScript setTimeout语法
yangguosheng
TypeScript typescript 前端 setTimeout 语法
偶遇TypeScriptsetTimeout语法问题，百度没有结果。所以自己研究了一下正常是这样的结构setTimeout(function(){...},interval)第一个参数是回调函数，第二个参数是间隔时间。意思是interval毫秒后，执行回调函数。不过因为JavaScript是单线程函数，所以可能会有顺延，今天不讨论这个。与JavaScript不同，第一个参数不能是字符串。今天遇到的
JavaScript+CSS2+CSS3中文手册大全
远方之巅
本文还有配套的精品资源，点击获取简介：JavaScript是一种用于网页动态效果和交互功能的脚本语言，与HTML和CSS共同构建富互联网应用。CSS2和CSS3作为网页样式的语言，增强了网页设计的布局控制和用户体验。本手册集提供了这三种技术的详细指南，包括基本语法、函数、对象操作、DOM操作、事件处理、BOM、AJAX以及ES6的新特性，同时深入介绍了CSS2的盒模型、布局技巧和CSS3的媒体查询
django +StreamingHttpResponse文件下载
花开花落与云卷云舒
django开发
一、StreamingHttpResponse可以实现文件按流下载，在下载大文件时，StreamingHttpResponse下载是一个比较高效，迭代下载的过程，这减轻了内存的压力。二、代码实现importosfromdjango.httpimportStreamingHttpResponsefromdjango.shortcutsimportrender,get_object_or_404#Cr
django model生成docx数据库设计文档
徒余途
django python 后端
django项目数据库设计文档生成直接上代码使用说明按照步骤TODO1、TODO2、TODO3之后运行文件，数据库设计文档生成在当前目录下#Desc:django项目生成doc文档#TODO注：model的Meta属性和字段属性记得添加verbose_name属性，apps.py需要添加verbose_name#TODO1.复制项目DJANGO_SETTINGS_MODULE的值#TODO2.在项
Django在线预览docx格式的word文档
hard_coding_wang
python django python 预览word 预览docx
Django在线预览docx格式的word文档第一步明确功能是：预览word的docx文件。具体实现是：在Django的模板文件中，定义预览方法：read_word2htmlfrompydocximportPyDocXdefread_word2html(request):#Passinapathhtml=PyDocX.to_html('C:/Users/Administrator/Desktop/
w238光影视频平台
卓怡学长
计算机毕业设计 java spring spring boot 数据库 课程设计 maven
作者简介：多年一线开发工作经验，原创团队，分享技术代码帮助学生学习，独立完成自己的网站项目。代码可以查看文章末尾⬇️联系方式获取，记得注明来意哦~赠送计算机毕业设计600个选题excel文件，帮助大学选题。赠送开题报告模板，帮助书写开题报告。作者完整代码目录供你选择：《Springboot网站项目》400套《ssm网站项目》800套《小程序项目》300套《App项目》500套《Python网站项目
LVGL -------矩阵3
weixin_44799641
LVGL的学习 开发语言
staticvoidevent_cb(lv_event_t*e){lv_obj_t*obj=lv_event_get_target(e);uint32_tid=lv_btnmatrix_get_selected_btn(obj);boolprev=id==0?true:false;boolnext=id==6?true:false;if(prev||next){/Findthecheckedbut
青少年编程与数学 02-010 C++程序设计基础 22课题、自定义类型
明月看潮生
编程与数学 第02阶段 青少年编程 c++ 编程与数学 开发语言
青少年编程与数学02-010C++程序设计基础22课题、自定义类型一、类（Class）定义类使用类二、结构体（Struct）定义结构体使用结构体三、枚举（Enum）定义枚举使用枚举四、联合体（Union）定义联合体使用联合体五、类模板（ClassTemplate）定义类模板使用类模板六、类型别名（TypeAlias）使用`typedef`定义类型别名使用`using`定义类型别名七、异构类型（Va
【硬核教程】DeepSeek 70B模型微调实战：打造工业级AI开发专家（附完整代码+案例）
爱吃青菜的大力水手
人工智能 自动化 半导体
——基于LoRA+GRPO算法，显存直降10倍，手把手教你训练行业大模型为什么这篇内容值得收藏？直击工业软件开发6大痛点：代码规范、性能优化、多约束条件处理等难题一次性解决显存消耗降低90%：4×A100全参数微调显存需求从320GB→32GB，中小企业也能玩转大模型实战案例全覆盖：包含PLC代码生成、产线控制优化等典型场景，代码可直接复现附赠工业数据集模板：JSONL格式对话模板+预处理脚本，快
强大的自动化工具，Playwright与Xray的模块化测试
程序员的世界你不懂
playwright 压力测试 运维 自动化 新浪微博 百度
1.为什么选择Playwright？1.1关键特性跨浏览器支持：支持Chromium、WebKit和Firefox，涵盖Chrome、Edge、Firefox、Opera和Safari。跨平台执行：可以在Windows、Linux和macOS上运行。多语言支持：支持JavaScript、TypeScript、Python、.NET、C#和Java。自动等待机制：内置智能断言，元素查找时会自动重试，
Python博客搭建入门教程
带你玩遍北海道
本文还有配套的精品资源，点击获取简介：本项目可能是关于创建个人博客的教程，使用Python语言并可能结合Django或Flask框架。博客创建涉及到Web开发的多个重要概念和步骤，比如HTTP协议、数据库操作和用户认证等。适合初学者通过实践提升编程和Web开发技能，并逐步扩展项目功能。1.PythonWeb开发简介Python凭借其简洁的语法、强大的库支持和广泛的社区资源，已成为Web开发领域中备
C++STL之散列表
Cold_Sun_
C++ C++ STL
散列表（哈希表）是普通数组概念的推广。在散列表中，不是直接把关键字作为数组的下标，而是根据关键字计算出相应的下标。一个散列表中重要的是他的散列函数以及解决冲突的方法。这里试着自己模仿网上STL中hash表的实现写了一个，记在这里以便以后查看。这里散列函数选择的是除法散列法，解决冲突的方法选用的是链接法，表基于vector实现。代码如下：//hashtable.h#ifndefHASHTABLE_H
C++STL---＜utility＞
kyle~
C++ STL c++ 开发语言
C++标准库的头文件提供了一组通用的工具函数、类型和模板，主要用于简化开发中的常见操作。1.概述主要功能库包含以下内容：类型辅助工具：如std::pair、std::tuple的支持。移动语义支持：如std::move和std::forward。交换操作：如std::swap。类型特性：如std::declval。其他工具：如std::make_pair、std::exchange等。头文件#in
【CSDN模板分享03】基于Markdown编辑的适合技术/学习分析型文章通用模板（含框图等多种美观示例）
触角01010001
Essays 学习 stm32 单片机 模板方法模式
[博客标题]-基于STM32的[具体应用场景/技术点]实现作者：[你的ID] 更新时间：YYYY-MM-DD关键词：STM32HAL库嵌入式开发[技术关键词]点击在线复制—技术分析通用模板摘要用100字简要说明项目目标、使用硬件、实现功能及技术亮点。示例：本设计基于STM32F407ZGT6开发板，通过HAL库实现[具体功能]。系统整合[传感器/模块A]、[通信协议B]等模块，采用[算法/架构]优
关于trino中date_diff函数的说明
三生暮雨渡瀟瀟
SQL presto hadoop big data
工作中遇到了一个问题，就是关于trino中的date_diff函数用来求两个timestamp类型(格式：2022-05-0100:00:00)的时间相减后的天数，当时不知道，数据对不上，后来才发现是这个原因导致的。希望对大家有帮助。请看示例：示例1：这种情况没有问题，天数是对的selectdate_diff('day',cast('2022-05-0123:45:09'asTIMESTAMP),
使用DataX将ClickHouse数据导入Hive
MYH516
clickhouse hive hadoop
在将ClickHouse数据导入Hive时，如果字段中包含回车符（\n）或换行符（\r），会导致Hive在读取数据时将其误认为是行分隔符，从而导致数据错列的问题。为了解决这个问题，可以采取以下方法：解决方法1：在ClickHouse中清洗数据在导出数据之前，先对ClickHouse表中的数据进行清洗，将回车符和换行符替换为其他字符（如空格或空字符串）。示例SQL：SELECTcol1,col2,r
跨平台开发技术的探索：从 JavaScript 到 Flutter
109702008
编程 # javascript javascript flutter 人工智能
随着多平台支持和用户体验一致性在应用程序开发中变得越来越重要，开发者面临的挑战是如何在不同平台上保持代码的可维护性和高效性。本文将探讨如何利用现代技术栈，包括Flutter、JavaScript、HTML5、WebAssembly、TypeScript和Svelte，在统一的平台上进行高效的跨平台开发。JavaScript和它的生态系统JavaScript是一种运行于浏览器中的编程语言，通过Nod
深入解析 Svelte：下一代前端框架的革命
赵大仁
技术 前端 大语言模型 开发语言 人工智能 前端 前端框架
深入解析Svelte：下一代前端框架的革命1.Svelte简介Svelte是一款前端框架，与React、Vue等传统框架不同，它采用编译时（Compile-time）方式来优化前端应用。它不像React或Vue依赖虚拟DOM，而是在编译阶段直接生成高效的原生JavaScript代码，使其拥有更小的包体积、更快的渲染速度和更低的运行时开销。1.1Svelte的核心特点特性说明无虚拟DOM直接生成高效
HTML/CSS/JavaScript 如果你需要创建一个简单的网页可以使用:
一一代码
python
我的网页body{font-family:Arial,sans-serif;background-color:#f0f0f0;text-align:center;padding:50px;}h1{color:#333;}button{padding:10px20px;font-size:16px;background-color:#007BFF;color:white;border:none;cu
html + thymeleaf 制作邮件模板
你的万花筒
thymeleaf css html css spring boot vscode 前端
背景：有一个接口流量超限自动给客户发邮件展示接口访问量错误码等的需求，前后端不能分离的，本来是交给后端同学做，但是领导觉得后端同学做的样式太丑，所以交给了我，框架是后端同学搞好的，我直接从在html用thymeleaf语法编写开始的。思路：需要接入数据库，所以使用了后端的thymeleaf模板，在html标签中可以通过$符合直接访问后端透出的变量，比如下图的request可以直接来访问。thyme
邮箱html邮件显示不全,制作邮箱能正常显示的HTML邮件的方法
weixin_39812577
邮箱html邮件显示不全
制作邮箱能正常显示的HTML邮件的方法发送html邮件的建议：用style写内联的CSS；少用图片；用table实现左右布局或者更复杂的布局；用background元素设置背景图片等。几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST
如何在MySQL中计算两个日期的间隔天数
m0_74824552
面试 学习路线 阿里巴巴 mysql 数据库
目录1.DATEDIFF函数2.TIMESTAMPDIFF函数3.PERIOD_DIFF函数4.函数对比在MySQL5.7中，计算两个日期之间的间隔天数是一项常见的任务。1.DATEDIFF函数DATEDIFF函数可以直接计算两个日期之间的天数差异。--计算2024年1月1日和2024年1月10日之间的天数差异SELECTDATEDIFF('2024-01-10','2024-01-01')ASd
我的创作纪念日
几何心凉
前端小常识 前端 html5
如何处理前端表单验证，确保用户输入合法？文章目录如何处理前端表单验证，确保用户输入合法？1.引言2.前端表单验证的类型2.1HTML5原生验证**示例****优点****缺点**2.2JavaScript基础验证**示例****优点****缺点**2.3正则表达式（Regex）验证**常见正则表达式****示例**2.4使用第三方库（如Yup、Validator.js）**使用`Yup`进行表单验
Spring的注解积累
yijiesuifeng
spring 注解
用注解来向Spring容器注册Bean。
需要在applicationContext.xml中注册：
<context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。
如：在base-package指明一个包
<context:component-sc
传感器
百合不是茶
android 传感器
android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件
下面就以重力传感器为例;
1,在onCreate中获得传感器服务
private SensorManager sm;// 获得系统的服务
private Sensor sensor;// 创建传感器实例
@Override
protected void
[光磁与探测]金吕玉衣的意义
comsci
这是一个古代人的秘密:现在告诉大家
信不信由你们:
穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星
这就是为什么古代
精简的反序打印某个数
沐刃青蛟
打印
以前看到一些让求反序打印某个数的程序。
比如：输入123，输出321。
记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。
似乎最后是用到%和/方法解决的。
而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）
代码如下：
long num, num1=0;
PHP：6种方法获取文件的扩展名
IT独行者
PHP 扩展名
PHP：6种方法获取文件的扩展名
1、字符串查找和截取的方法
1
$extension
=
substr
(
strrchr
(
$file
,
'.'
), 1);
2、字符串查找和截取的方法二
1
$extension
=
substr
面试111
文强chu
面试
1事务隔离级别有那些 ，事务特性是什么（问到一次）
2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问）
3 struts默认提供了那些拦截器 （一次）
4 过滤器和拦截器的区别 （频率也挺高）
5 final，finally final
XML的四种解析方式
小桔子
dom jdom dom4j sax
在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 预 备 测试环境： AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
wordpress中常见的操作
aichenglong
中文注册 wordpress 移除菜单
1 wordpress中使用中文名注册解决办法
1)使用插件
2)修改wp源代码
进入到wp-include/formatting.php文件中找到
function sanitize_user( $username, $strict = false
小飞飞学管理-1
alafqq
管理
项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。
今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。
结合我自己经历写下心得
对于公司选拔和培养项目经理的制度有什么毛病呢？
1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。
2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。
3，公司对项目经理的工作缺乏进行指
IO输入输出部分探讨
百合不是茶
IO
//文件处理 在处理文件输入输出时要引入java.IO这个包；
/*
1，运用File类对文件目录和属性进行操作
2，理解流，理解输入输出流的概念
3，使用字节/符流对文件进行读/写操作
4，了解标准的I/O
5，了解对象序列化
*/
//1，运用File类对文件目录和属性进行操作
//在工程中线创建一个text.txt
getElementById的用法
bijian1013
element
getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。
返回具有指定ID属性值的第一个对象的一个引用。
语法：
&n
励志经典语录
bijian1013
励志 人生
经典语录1:
哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
[MongoDB学习笔记三]MongoDB分片
bit1129
mongodb
MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。
本篇介绍MongoDB的切片(Sharding)
1.何时需要分片
&nbs
【Spark八十三】BlockManager在Spark中的使用场景
bit1129
manager
1. Broadcast变量的存储，在HttpBroadcast类中可以知道
2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的
3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
yum方式部署zabbix
ronin47
yum方式部署zabbix
安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
Hibernate4和MySQL5.5自动创建表失败问题解决方法
byalias
J2EE Hibernate4
今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤：
①创建hibernate.cfg.xml文件
②创建持久化对象
③创建*.hbm.xml映射文件
④编写hibernate相应代码
在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
Netty源码学习-FrameDecoder
bylijinnan
java netty
Netty 3.x的user guide里FrameDecoder的例子，有几个疑问：
1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received.
为什么每次有新数据到达时，都会调用decode方法？
2.Dec
SQL行列转换方法
chicony
行列转换
create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int)
insert into tb values('三星' , '0-5' , 74)
insert into tb values('三星' , '10-15' , 83)
insert into tb values('苹果' , '0-5' , 93)
中文编码测试
ctrain
编码
循环打印转换编码
String[] codes = {
"iso-8859-1",
"utf-8",
"gbk",
"unicode"
};
for (int i = 0; i < codes.length; i++) {
for (int j
hive 客户端查询报堆内存溢出解决方法
daizj
hive 堆内存溢出
hive> select * from t_test where ds=20150323 limit 2;
OK
Exception in thread "main" java.lang.OutOfMemoryError: Java heap space
问题原因： hive堆内存默认为256M
这个问题的解决方法为：
修改/us
人有多大懒，才有多大闲 (评论『卓有成效的程序员』)
dcj3sjt126com
程序员
卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒， 懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。
在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。
不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
Eclipse简单有用的配置
dcj3sjt126com
eclipse
1、显示行号 Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers
2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
在tomcat上面安装solr4.8.0全过程
eksliang
Solr solr4.0后的版本安装 solr4.8.0安装
转载请出自出处：
http://eksliang.iteye.com/blog/2096478
首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了
第一步：当然是下载去官网上下载最新的solr版本，下载地址
Android APP通用型拒绝服务、漏洞分析报告
gg163
漏洞 android APP 分析
点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。
0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。
针对序列化对象而出现的拒绝服务主要
HoverTree项目已经实现分层
hvt
编程 .net Web C# ASP.ENT
HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
Google Maps API v3: Remove Markers 移除标记
天梯梦
google maps api
Simply do the following:
I. Declare a global variable:
var markersArray = [];
II. Define a function:
function clearOverlays() {
for (var i = 0; i < markersArray.length; i++ )
jQuery选择器总结
lq38366
jquery 选择器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
基础数据结构和算法六：Quick sort
sunwinner
Algorithm Quicksort
Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作
刘星宇
html Web
今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。
让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。
方法如下：
Mybatis实用Mapper SQL汇总示例
wdmcygah
sql mysql mybatis 实用
Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。
不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
