the_path_of_grace
the_path_of_grace

HTML+CSS+JS综合练习（动态验证版）

HTML+CSS+JS综合练习（动态验证版）_第1张图片

 

 

 

  1 DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>Titletitle>
  6     <script>
  7 
  8 
  9         window.onclick = function () {
 10             document.getElementById("form").onsubmit = function () {
 11                 return checkUsername() && checkPassword() && checkEmail();
 12             }
 13             document.getElementById("username").onblur = checkUsername;
 14 
 15             document.getElementById("password").onblur = checkPassword;
 16 
 17             document.getElementById("email").onblur = checkEmail;
 18 
 19 
 20             document.getElementById("name").onblur=checkName;
 21             document.getElementById("tel").onblur=checkTel;
 22 
 23         }
 24 
 25         function checkUsername() {
 26             var username = document.getElementById("username").value;
 27             var reg = /^\w{6,12}$/;
 28             var flag = reg.test(username);
 29             var s_username = document.getElementById("s_username");
 30             if (flag) {
 31                 s_username.innerHTML = "";
 32             } else {
 33                 s_username.innerHTML = "用户名格式有误！";
 34             }
 35         }
 36 
 37         function checkPassword() {
 38             var password = document.getElementById("password").value;
 39             var s_password = document.getElementById("s_password");
 40             var reg = /^\w{6,12}$/;
 41             var flag = reg.test(password);
 42             if (flag) {
 43                 s_password.innerHTML = "";
 44 
 45             } else {
 46                 s_password.innerHTML = "密码格式有误！";
 47             }
 48 
 49         }
 50 
 51 
 52         function checkEmail() {
 53             var email = document.getElementById("email").value;
 54             var s_email = document.getElementById("s_email");
 55             var reg = /^\w{6,12}/;
 56             var flag = reg.test(email);
 57             if (flag) {
 58                 s_email.innerHTML = "";
 59 
 60             } else {
 61                 s_email.innerHTML = "邮箱输入错误!";
 62             }
 63         }
 64 
 65         function checkName() {
 66             var name = document.getElementById("name").value;
 67             var s_name = document.getElementById("s_name");
 68             var reg = /^\w{1,12}$/;
 69             var flag = reg.test(name);
 70             if (flag) {
 71                 s_name.innerHTML = "";
 72 
 73             } else {
 74                 s_name.innerHTML = "名字输入有误！";
 75             }
 76 
 77 
 78         }
 79 
 80         function checkTel() {
 81             var tel = document.getElementById("tel").value;
 82             var s_tel = document.getElementById("s_tel");
 83             var reg = /^\w{6,12}$/;
 84             var flag = reg.test(tel);
 85             if(flag){
 86                 s_tel.innerHTML="";
 87 
 88             }else{
 89                 s_tel.innerHTML= "邮箱输入有误！";
 90             }
 91         }
 92 
 93     script>
 94 
 95 
 96     <style>
 97         .error {
 98             color: red;
 99         }
100 
101 
102         * {
103             margin: 0px;
104             padding: 0px;
105             box-sizing: border-box;
106         }
107 
108         body {
109             background: url("img/register_bg.png");
110             padding: 30px;
111         }
112 
113         .BigBox {
114             width: 900px;
115             height: 500px;
116             border: 8px solid #EEEEEE;
117             background-color: white;
118             /*让div水平居中*/
119             margin: auto;
120         }
121 
122         /**/
123         .left_layout {
124             margin: 15px;
125             float: left;
126         }
127 
128         #txt_reg1 {
129             color: #FFD026;
130             font-size: 20px;
131 
132         }
133 
134         #txt_reg2 {
135             color: #A6A6A6;
136             font-size: 22px;
137         }
138 
139         /**/
140         .center_layout {
141             float: left;
142             margin: 15px;
143         }
144 
145         .center_layout table {
146             /*合并边框模型*/
147             border-collapse: separate;
148             /*相邻单元的边框之间的距离*/
149             border-spacing: 2px;
150             border-color: gray;
151         }
152 
153         .td_left {
154             width: 100px;
155             text-align: right;
156             height: 45px;
157         }
158 
159         .td_right {
160             padding-left: 50px;
161         }
162 
163         #username, #password, #email, #name, #tel, #birthday, #verify_code {
164             width: 250px;
165             height: 32px;
166             border: 1px solid #A6A6A6;
167             border-radius: 5px;
168             padding-left: 10px;
169         }
170 
171         #verify_code {
172             width: 110px;
173         }
174 
175         #img_verify_code {
176             height: 32px;
177             /*垂直居中*/
178             vertical-align: middle;
179         }
180 
181         #btn_submit {
182             width: 130px;
183             height: 40px;
184             background-color: #FFD026;
185             border: 1px solid #FFD026;
186         }
187 
188         /**/
189         .right_layout {
190             float: right;
191             margin: 15px;
192         }
193 
194         a:link {
195             color: pink;
196         }
197 
198         a:hover {
199             color: green;
200         }
201 
202         a:active {
203             color: yellow;
204         }
205 
206         a:visited {
207             color: red;
208         }
209 
210         .right_layout div {
211             float: left;
212         }
213     style>
214 head>
215 <body>
216 <div class="BigBox">
217     
218     <div class="left_layout">
219         <div id="txt_reg1">新用户注册div>
220         <div id="txt_reg2">USER REGISTERdiv>
221     div>
222     
223     <div class="center_layout">
224         
225         <form action="#" method="post" id="form">
226             <table>
227                 <tbody>
228                 <tr>
229                     <td class="td_left">
230                         <label for="username">用户名label>
231 
232                     td>
233                     <td class="td_right">
234                         <input type="text" name="username" id="username" placeholder="请输入用户名">
235                         <span id="s_username" class="error">span>
236                     td>
237 
238                 tr>
239 
240                 <tr>
241                     <td class="td_left">
242                         <label for="password">密码label>
243                     td>
244                     <td class="td_right">
245                         <input type="password" name="password" id="password" placeholder="请输入密码">
246                         <span id="s_password" class="error">span>
247                     td>
248                 tr>
249 
250                 <tr>
251                     <td class="td_left">
252                         <label for="email">Emaillabel>
253 
254                     td>
255                     <td class="td_right">
256                         <input type="email" name="email" id="email" placeholder="请输入邮箱">
257                         <span id="s_email" class="error">span>
258                     td>
259                 tr>
260 
261                 <tr>
262                     <td class="td_left">
263                         <label for="name">姓名label>
264                     td>
265                     <td class="td_right">
266                         <input type="text" name="name" id="name" placeholder="请输入姓名">
267                         <span id="s_name" class="error">span>
268                     td>
269                 tr>
270 
271                 <tr>
272                     <td class="td_left">
273                         <label for="tel">手机号label>
274                     td>
275                     <td class="td_right">
276                         <input type="text" name="tel" id="tel" placeholder="请输入手机号">
277                         <span id="s_tel" class="error">span>
278                     td>
279                 tr>
280 
281                 <tr>
282                     <td class="td_left">
283                         <label>性别label>
284                     td>
285                     <td class="td_right">
286                         <input type="radio" name="gender" value="male" checked> 男
287                         <input type="radio" name="gender" value="female"> 女
288                     td>
289                 tr>
290 
291                 <tr>
292                     <td class="td_left">
293                         <label for="birthday">出生日期label>
294                     td>
295                     <td class="td_right">
296                         <input type="date" name="birthday" id="birthday">
297                     td>
298                 tr>
299 
300                 <tr>
301                     <td class="td_left">
302                         <label for="verify_code">验证码label>
303                     <td class="td_right">
304                         <input type="text" name="verify_code" id="verify_code">
305                         <img src="img/verify_code.jpg" id="img_verify_code">
306                     td>
307                 tr>
308                 <tr>
309                     <td colspan="2" align="center">
310                         <input type="submit" value="注册" id="btn_submit">
311                 tr>
312 
313                 tbody>
314             table>
315         form>
316     div>
317     
318     <div class="right_layout">
319         <div>已有账号?div>
320         <div><a href="#">立即登录a>div>
321 
322     div>
323 div>
324 body>
325 html>

 

 

 

 

你可能感兴趣的:(HTML+CSS+JS综合练习（动态验证版）)

  • 从零实现B站视频下载器：Python自动化实战教程 木觞清 #编程语言自动化运维
    一、项目背景与实现原理1.1B站视频分发机制Bilibili的视频采用音视频分离技术，通过以下方式提升用户体验：动态码率适配（1080P/4K/HDR）分段加载技术（基于M4S格式）内容保护机制（防盗链/签名验证）1.2技术实现路线graphTDA[模拟浏览器请求]-->B[获取加密播放信息]B-->C[解析音视频地址]C-->D[多线程下载]D-->E[FFmpeg合并]二、代码逐层解析2.1请
  • java for循环内执行多线程 m0_74823434 面试学习路线阿里巴巴资料职业发展javapython开发语言后端
    目录一、java用多线程来加快循环效率（推荐第3种！！！！）?第一种：线程池搭配闭锁?第二种：分页概念执行线程?第三种：分页概念执行线程进阶版！！！！一、java用多线程来加快循环效率（推荐第3种！！！！）第一种：线程池搭配闭锁涉及知识：Executors（线程池）、CountDownLatch（闭锁）优点：代码简洁，方便阅读，性能稳定；缺点：Executors创建的线程池是公用的，如果多个地方使
  • 使用 Redis 实现手机号验证码登陆功能，实际开发中使用 Token 实现登录校验又是如何做的？ 程序猿ZhangSir JavaSpring全家桶微服务javabootstrap开发语言
    目录一.使用Redis实现短信登陆功能1.1前言1.2简要分析短信登陆的业务流程1.3代码书写1.4页面展示效果1.5代码优化1.6优化之后的代码二.登录Token2.1JWT简介2.2JWT的使用方式2.3返回token2.4JWT的校验方式一.使用Redis实现短信登陆功能1.1前言对于我们用户来讲，我们在登陆一个APP的时候，有很多种登陆方式，比如"微信扫码"、"手机号登陆"、"支付宝扫码"
  • AIGC时代品牌突围战：10招玩转DeepSeek内容推荐（深度扩展版） 白雪讲堂 人工智能大数据机器学习
    一、认知革命：从SEO到GEO的生死迭代案例对比：传统SEO困境：某家电品牌2023年投入200万SEO优化，关键词排名TOP3但流量下降42%（SEMrush数据）GEO突破案例：某母婴品牌通过结构化数据改造，AI推荐量从日均300次飙升至1.2万次（来源：DeepSeek官方案例库）实战要点：内容形态改造：将产品参数表升级为JSON-LD格式（某手机品牌实现参数类问题100%引用）流量分配逻辑
  • Java开发者必看！零成本集成DeepSeek-R1打造AI办公神器，源码级实战教程让你效率翻倍！ Leaton Lee java人工智能开发语言
    目录开篇互动一、为什么是DeepSeek-R1？它凭什么碾压传统AI工具？二、手把手部署DeepSeek-R1本地环境（附避坑指南）步骤1：Docker一键部署步骤2：下载模型步骤3：验证部署三、Java整合DeepSeek-R1：从理论到实战1.添加HTTP客户端依赖（以SpringBoot为例）2.封装AI工具类（核心代码解析）3.实战场景1：自动生成周报（附Prompt技巧）四、高阶玩法：A
  • eNSP-DHCP服务 2022级计算机网络一班何宏超 网络服务器linux
    DHCP：动态主机配置协议DHCP（DynamicHostConfigurationProtocol，动态主机配置协议）DHCP用途：用来分配IP地址等网络参数一、基于全局地址池的DHCP服务器1、在R1上配置G0/0/1的IP地址[R1]intg0/0/1[R1-GigabitEthernet0/0/1]ipadd192.168.100.254242、创建全局地址池[R1]ippoolpool1
  • 动态规划 31. 股票问题总结（类别解析） Mophead_Zarathustra Mophead的小白刷题笔记leetcodepython代码随想录动态规划
    动态规划31.股票问题总结（类别解析）股票问题给我做的有一些混乱，因此本总结主要是借助GPT的帮助帮我解决下面的核心问题，也希望能通过这些示例与讲解，帮助各位快速厘清各种“股票问题”的通用DP思路。经典股票问题：动态规划25.买卖股票的最佳时机-CSDN博客动态规划26.买卖股票的最佳时机II-CSDN博客动态规划27.买卖股票的最佳时机III（多状态转换初遇）-CSDN博客动态规划28.买卖股票
  • 仓库可视化管理有哪几个点： wms系统
    在现代仓库管理的广阔议题中，仓库可视化无疑是一个无法绕过的关键话题。无论是对现场管理进行深度优化，还是在数字化系统的选择上，企业都致力于实现仓库整体运营数据的直观展现与高效管理，以推动仓库管理水平的全面提升。仓库可视化的内涵丰富，主要包括以下几个方面：仓库运营可视化：通过智慧大屏的融入，仓库的动态数据得以生动呈现。这包括但不限于已处理订单数量、待处理订单数量、实时库存等核心运营指标。库存可视化：这
  • PDCA循环：从目标设定到持续改进的流程图 数据可视化
      通过图形天下的关系数据可视化，PDCA循环关系清晰地展现了从目标设定到改进措施的动态流程。通过计划制定、任务分解与资源配置，再到执行控制、监控调整，直至评估反馈，每个阶段紧密相连，形成持续优化的闭环。通过这种可视化方式，用户可以更容易地理解PDCA循环的本质，并应用到实际工作中去。                    PDCA循环图  PDCA循环，即计划（Plan）、执行（Do）、检查（C
  • 06.动态代理设计模式 java
    06.动态代理设计模式目录介绍01.为何要动态代理1.1为何要动态代理1.2动态代理思考02.动态代理的概念2.1动态代理定义2.2动态代理类比理解2.3动态代理参与者2.4动态代理步骤03.动态代理的实现3.1罗列一个场景3.2用一个例子理解代理3.3基于接口动态代理3.4基于类动态代理3.5动态代理模版代码04.动态代理案例4.1动态代理和反射4.2Java中代理4.3Retrofit核心思想
  • windows下使用vscode+cline插件体验MCP，体验使用AI控制浏览器，踩坑记录（至少让你节省3个小时弯路版）（喂饭级别） 几道之旅 人工智能智能体及数字员工windowsvscodeide人工智能
    为什么网上天天说MCP，你这儿却一点动静都没有？1️⃣人家很早之前就用上了制定标准的Claudedesktop，这玩意儿在咱这儿用不了。对策：使用vscode+cline+deepseek（或其它同级别国产大模型deepseek-V3其实有时比R1效果还好）2️⃣人家也Claude，但人家能用Cursor，咱太穷了，用不了。对策：使用vscode+cline+deepseek（或其它同级别国产大模
  • 扩展 MyBatis-Plus 支持的查询条件 drebander mybatis-plus数据库mybatispythonMybatis-Plus
    MyBatis-Plus是一个强大的MyBatis增强工具，提供了丰富的查询条件构造器和便捷的CRUD操作。然而，在实际开发中，我们可能会遇到一些复杂的查询需求，需要扩展MyBatis-Plus的功能。本文将详细介绍如何扩展MyBatis-Plus支持的查询条件，包括自定义SQL查询、Lambda查询与条件构造器扩展、动态查询条件的实现，以及扩展自定义查询方法与接口。1.自定义SQL查询1.1使用
  • 【css酷炫效果】纯CSS实现动态云雾效果 冰夏之夜影 css前端
    【css酷炫效果】纯CSS实现动态云雾效果缘创作背景html结构css样式完整代码效果图想直接拿走的老板，链接放在这里：上传后更新缘创作随缘，不定时更新。创作背景刚看到csdn出活动了，赶时间，直接上代码。html结构css样式body{margin:0;min-height:100vh;}.cloud-bg{position:relative;height:100vh;background:ra
  • 【css酷炫效果】实现鱼群游动动态效果 冰夏之夜影 web前端css前端
    【css酷炫效果】实现小鱼游动动态效果缘创作背景css代码创建div容器引入jquery引入鱼群js完整代码效果图成品资源下载链接：点击下载缘在开发系统功能的时候，无意间看到了小鱼游动特效，感觉很有意思，就在网上找了相关教程，分享给大家。创作背景刚看到csdn出活动了，赶时间，直接上代码。css代码.container{background-color:transparent;position:f
  • 智能形状匹配技术全解析：从经典算法到深度学习与神经形态计算【超级详细版】 AI筑梦师 计算机视觉算法深度学习人工智能机器学习计算机视觉python
    智能形状匹配技术全解析：从经典算法到深度学习与神经形态计算1.引言1.1研究背景在计算机视觉、模式识别、医学影像分析和自动驾驶等领域，形状匹配是核心任务之一。然而，现实世界的形状往往存在可变性（Variability），主要体现在以下几个方面：形变（Deformation）：物体可能由于柔性材料、外力作用或生物运动发生非刚性形变。尺度变化（ScaleVariation）：目标形状在不同场景下可能大
  • mysql8.4.4+keepalived高可用部署 平山海D mysql
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、安装mysql（两节点都安装）二、安装keepalived（两节点都安装）三、修改mysql配置四、修改keepalived配置五、验证备注前言内网环境下，mysql8.4.4+keepalived高可用部署，仅作备份记录一、安装mysql（两节点都安装）从mysql官网离线下载mysql-8.4.4-1.el8.x8
  • 使用 Vue 2.x + Element UI 搭建后台管理系统详解 不知名靓仔 vue.jsui前端
    引言Vue.js是一个非常流行的前端框架，而ElementUI是基于Vue2.x的一套完整的UI组件库，非常适合用来构建企业级的后台管理系统。本文将详细介绍如何使用Vue2.x和ElementUI来搭建一个后台管理系统，包括项目初始化、路由配置、状态管理、权限验证等关键步骤。vue2后台管理项目源码合集下载地址见最下方1.环境准备确保你的开发环境中已安装Node.js和npm。接下来，我们将使用V
  • 使用LangChain实现大规模语言模型自发现推理结构 VYSAHF langchain语言模型人工智能python
    使用LangChain实现大规模语言模型自发现推理结构在现代自然语言处理(NLP)的研究中，大规模语言模型（LLMs）已经展示了强大的能力。然而，在应对复杂的推理问题时，传统的提示方法常常力不从心。这篇文章将带您了解SELF-DISCOVER，一种新兴的框架，如何通过LangChain来实现自动化、动态化的推理结构构建，以提高LLMs的性能。技术背景介绍大规模语言模型（如GPT-4和PaLM2）已
  • 成为编程大佬！！-----＞数据结构与算法（2）——顺序表！！ Elnaij 算法数据结构c语言
    前言：线性表是数据结构与算法的重中之重，所有具有线性逻辑结构的数据结构，都能称为线性表。这篇文章我们先来讨论线性表中的顺序表，顺序表和线性表都是后续实现栈，树，串和图等等结构的重要基础。目录❀简单介绍线性表❀顺序表❀顺序表的存储❀动态存储❀静态存储❀静态存储与动态存储的优缺点❀顺序表操作❀1.初始化顺序表❀2.销毁顺序表❀3.插入数据❀插入数据之判断已满否❀插入操作之尾插❀插入操作之头插❀插入数据
  • 基于C语言的数据结构之串——带你熟练掌握串的基本操作！！超级详细！！ Elnaij 数据结构c语言算法
    目录前言1.数据结构——串1.1基本知识主串、子串、模式串1.2对几个字符串库函数的简单介绍1.2.1strcmp1.2.2strcpy1.2.3strlen1.2.4strcat1.3串的分类1.3.1静态分配内存的串1.3.2动态分配内存的串2.串的基本操作2.1初始化串2.2输出字符2.3插入子串2.4删除子串2.5取子串操作2.6撤销删除操作结束语前言掌握串之前最好先去学习好顺序表和单链表
  • linux Redhat9.5采用DNS主从实现跨网段解析 梨涡~陌然 linux运维服务器
    文章目录主从服务器DNS实现跨网段解析一、服务器规划二、主服务器配置1、安装`bind`2、修改主配置文件3、配置区域配置文件4、配置正向解析文件5、配置反向解析文件6、检查并启动服务三、从服务器配置1、安装`bind`2、配置主配置文件3、修改区域配置文件4、检查并启动服务四、路由器配置五、客户端验证主从服务器DNS实现跨网段解析一、服务器规划服务器IP地址网关DNS-Master192.168
  • 基于PyTorch和ResNet18的花卉识别实战（附完整代码） 意.远 pytorch人工智能python深度学习
    一、项目背景与效果花卉分类是计算机视觉的经典任务。本文使用PyTorch框架，基于ResNet18模型实现了102种花卉的分类任务。完整代码可直接复制运行，最终验证集准确率达8.2%，文中同步分析性能瓶颈与优化方案。二、环境配置与数据准备1.环境要求#主要依赖库importtorchfromtorchimportnn,optimfromtorchvisionimporttransforms,dat
  • 银河麒麟（kylin）下载 张太行_ kylinlinux
    银河麒麟版本：（1）银河麒麟V4桌面版ARM64：Kylin-4.0.2-desktop-sp4-20200728.J1-arm64.iso（2）银河麒麟V4桌面版X86_64：Kylin-4.0.2-desktop-sp4-20200728.J1-x86_64.iso（3）银河麒麟V10桌面版ARM64：Kylin-Desktop-V10-SP1-General-Release-2303-arm
  • Python列表与元组的深度剖析 jijihusong006 程序pythonwindows开发语言
    Python列表与元组的深度剖析：从底层实现到应用场景的全方位对比一、核心差异概览Python教程https://pan.quark.cn/s/7cefe3163f45传送代资料库https://link3.cc/aa99特性列表(List)元组(Tuple)可变性可变(Mutable)不可变(Immutable)语法表示方括号[]圆括号()内存占用较大(动态数组结构)较小(静态数组结构)哈希支持
  • 2023计算机组成原理考研知识点：哈佛结构 计算机考研 考研资料计算机网络哈佛结构数据结构
    2023年计算机考研初试科目一般分四门，基本都考政治、英语一、数学一和计算机基础(计算机综合)，报考院校不同专业课考试内容一般不同，建议考生下正式备考2023年研考时先确认报考院校计算机研招科目内容，避免无效备考。计算机组成原理：哈佛结构将指令和数据放在两个独立的存储器，允许在一个机器周期内同时获得指令和操作数，提高了执行速度。2023年计算机组成原理复习题示例(来源于网络，如有侵权，请联系删除)
  • 【含文档+PPT+源码】基于微信小程序农家乐美食餐厅预约推广系统 编程毕设 微信小程序美食小程序
    项目介绍本课程演示的是一款基于微信小程序农家乐美食餐厅预约推广系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。1.包含：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用该系统功能架构图如下：技术栈说明技术栈：后端：SpringBoot+Vue+ElementUI（后端是前后端分离的）前端：Un
  • Python常用的库讲解（易懂版） 不辉放弃 python开发语言
    NumPy：用于科学计算的基础库，提供多维数组对象、各种派生对象和对数组执行操作的工具。importnumpyasnp#创建一个numpy数组arr=np.array([1,2,3,4,5])print(arr)Pandas：数据处理库，提供数据结构和数据分析工具，特别适合处理结构化数据。importpandasaspd#创建一个Pandas数据帧df=pd.DataFrame({'A':[1,2
  • 斩获 44K 星！让 DeepSeek 控制你的浏览器，绝了 开源项目精选 人工智能
    Browser-Use的开源框架，是一个能让电脑自动操作网页的智能工具。能处理动态加载的内容（比如广告弹窗、实时更新的图表），遇到网页元素位置变化还会自己调整策略，减少人工干预。Stars数46046Forks数4735主要特点强大的浏览器自动化功能：BrowserUse将先进的AI能力与强大的浏览器自动化技术相结合，为AI智能体实现流畅无缝的网页交互体验。视觉感知与HTML结构提取：将视觉理解能
  • 开源的 AntDesignVue 表单设计器使用教程 低代码研究员 FormCreate开源FormCreatevue.js表单设计器ant-design-vue
    FcDesigner版是一款基于Vue3.0的低代码可视化表单设计器工具，通过数据驱动表单渲染。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。并广泛应用于在政务系统、OA系统、ERP系统、电商系统、流程管理等领域。源码地址:Github|Gitee|文档|在线演示本项目采用Vue3.0和AntDesignVue进行页面构建，内置多语言解决方案，支持二次扩展开发，支持
  • Niushop开源微信商城+小程序商城源码 喵喵源码 微信小程序小程序微信前端
    Niushop开源微信单商户V4Niushop单商户V4版，微信商城、小程序商城，支持分销、团购、直播、秒杀、优惠券、自定义页面等众多营销功能，插件化开发，全开源，更适合二开。做最牛、功能最强大的开源商城快速搭建专属店铺，迅速展开线上业务NIUSHOP开源商城B2C单商户V4,功能强大，安全便捷，框架成熟稳定便于扩展，源码100%开源，支持二次开发定制，让企业用更低的成本、更少的人力，更快的速度构
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他