gaoshanyangzhi_1999
gaoshanyangzhi_1999

nodejs简易httpserver搭建--注册登录

用户注册登录

定接口

/*注册*/
/user?act=reg&name=aaa&pass=123
{"ok":"false","msg"="失败原因"} 
/*登录*/
/user?act=login&name=aaa&pass=123
{"ok":"false","msg"="失败原因"}

访问方式

  • 访问文件
    • 例如：http:localhost:8080/1.html
  • 访问接口
    • 例如：http:localhost:8080//user?act=reg&name=aaa&pass=123

例子代码

const http = require('http');
const urlLib = require('url');
const fs = require('fs');
const querystring = require('qureystring');
var users = { "aaa": "123", "bbb": "456" };
var server = http.createServer(function (req, res) {
    //解析数据    
    var str = "";    
    req.on('data', function (data) {
            str += data;   
    });    
    req.on('end', function () { 
           var obj = libLib.parse(req.url, true);
           const url = obj.pathname;        
           const GET = obj.query;       
           const POST = querystring.parse(str);
        //区分接口文件        
        if (url == "/user") {  
           switch (GET.act) {    
                  case 'reg':        //检查用户是否存在             
                    if (users[GET.user]) {  
                        res.write('{"ok":false,"msg":"该用户已注册"}'
                    } else {//简易                        
                         users[GET.user] = GET.pass;                        
                         res.write('{"ok":true,"msg":"注册成功"}')                    
                    }                
                   case 'login':                    //检查用户是否存在，密码是否正确                    
                     if (users[GET.user]==null) {                
                          res.write('{"ok":false,"msg":"该用户未注册"}');                   
                        } else if (users[GET.user] != GET.pass) {             
                                   res.write('{"ok":false,"msg":"用户名或密码错误"}');                   
                        } else {               
                                  res.write('{"ok":true,"msg":"登录成功"}')          
                        }                
                   default:          
                                res.write('{"ok":false,"msg":"未知act"}');           
            }  
                       res.end();   
          } else {       
               //读取文件返回        
                var fileName = "./www" + url;            
                fs.readFile(fileName, function (data, err) {      
                          if (err) {            
                                  res.write('404');               
                          } else {          
                                    res.write(data);                
                         }            
               });      
          }
    });
});server.listen(8080);

HTML


<html lang="en"><head>   
 <meta charset="UTF-8">    
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documenttitle>head><body>    
 <form id="myfrom" onsubmit="return false;">       
      用户：<input type="text" id="user" name="user" ><br>  
      密码：<input type="password" id="pass" name="pass"><br>       
     <input type="button"  value="注册" id="regbnt">       
     <input type="button"  value="登录" id="loginbnt">   
form>    
<script>        
      var regBnt = document.getElementById('regbnt');      
      var subBnt = document.getElementById('loginbnt');              
      function register(){ 
             const name =document.getElementById('user');        
             const pass = document.getElementById('pass');            
             var xhr = new XMLHttpRequest();            
             xhr.open('get', "http://localhost:8080/user?act=reg&user="+name.value+"&pass="+pass.value, false);            
             xhr.onreadystatechange = function(e) {  
                            if(xhr.readyState==4){         
                                       if((this.status >= 200 && this.status < 300) || this.status == 304){                    //alert(this.responseText);             
                                          var json= JSON.parse(this.responseText);                    
                                          console.log(json);                    
                                          if(json.ok){               
                                                   alert("注册成功");               
                                          }else{           
                                                  alert('注册失败:'+json.msg);       
                                          }               
                            }else{            
                                    alert("通信错误！");          
                                          }         
                                     };    
                            }           
                             xhr.send(null); 
   }        
   regBnt.onclick = function(){         
      register();      
 }         
  function login(){        
      const name =document.getElementById('user');       
      const pass = document.getElementById('pass');            
      var xhr = new XMLHttpRequest();            
      console.log(name.value);            
      xhr.open('get', "http://localhost:8080/user?act=login&user="+name.value+"&pass="+pass.value, false);//直接用Alt+B打开时需加localhost            
      xhr.onreadystatechange = function(e) {      
                 if(xhr.readyState==4){              
                       if((this.status >= 200 && this.status < 300) || this.status == 304){            
                               var json= JSON.parse(this.responseText);//转换                   
                                console.log(json);                    
                                if(json.ok){                  
                                      alert("登录成功");                    
                                }else{            
                                     alert('登录失败:'+json.msg);            
                                }              
                        }else{               
                             alert("通信错误！");       
                         }           
                     };      
      }           
  xhr.send(null);        
 }      
  subBnt.onclick = function(){        
       login();     
     }  
       script>
       body>
       html>

你可能感兴趣的:(nodejs)

  • 使用node-addon-api实现从c到nodejs模块全流程 lxkj_2024 c语言linux
    目录1前言2安装nodejs3安装开发工具链3.1安装node-gyp3.2安装编译工具链（C/C++编译器）4初始化Node.js项目4.1创建项目目录4.2初始化package.json4.3安装必要的库5编写代码5.1创建项目结构5.2编写动态库代码5.3编写Node.js原生模块代码5.4配置binding.gyp6编译模块7测试模块1前言我们的客户端是使用electron打包的前端程序，
  • 用Github+hexo搭个人博客遇到的坑 hamster2021 githubnpmnode.jsgit
    我搭博客看的是知乎上这个教程：从零开始搭建个人博客（超详细）-知乎(zhihu.com)当我按教程第5篇在Blog文件夹里用gitbash输入以下命令时：npminstallhexo-deployer-git--save报出了以下错误：npmERR!codeEPERMnpmERR!syscallopennpmERR!pathD:\nodejs\node_cache\_cacache\tmp\5c2
  • npm、cnpm、pnpm、yarn包管理工具别傻傻分不清楚了 青苔猿猿 nodejsnpm前端node.jspnpmyarncnpmnode包管理器
    干啥的：nodejs的包管理工具。用于自动化处理包的安装、更新、配置和管理。它们之间的主要区别在于它们各自的实现方式、性能优化、以及一些特有的功能。怎么用：1、npm1.1、描述NodePackageManager默认包管理器从npm公共仓库中安装、共享和分发代码包npm在项目中创建一个node_modules文件夹，其中包含所有的依赖项。每个项目的依赖都是独立安装的，这可能会导致重复的包和较大的
  • 记录一次nvm\node\npm安装，ubuntu18.04 imomsc_csdn npm前端node.js
    问题：安装nvm时，curl或wget出现443连接失败；且用apt安装的nodejs出现GLIBC_2.28notfound。但网络好使，外网也能上。前提：nvm安装教程如下：Ubuntu安装NVM及简单使用-CSDN博客一、443连接失败——大佬原文如下：ubuntu18.04安装nvm、node.js、npm-简书(jianshu.com)二、nodejs不能用——大佬原文如下：(解决方案)
  • nodejs应用ogg转换mp3格式 热情仔 jsffmpegogg
    首先你要安装ffmpeg三选一npminstallffmpegcnpminstallffmpegyarninstallffmpeg看下目录constffmpeg=require('ffmpeg')constfs=require("fs");constpath=require('path');//先读取所有的ogg文件constfiles=fs.readdirSync("./ogg");letcou
  • nodejs常用组件 weixin_34348174 javascript数据库ViewUI
    mssql用途：连接SqlServer数据库node-excel-export用途：导出excel表格nodegrass用途：模拟用户进行get/post请求，下载文件等uuid用途：生成全球唯一标识的.官网：https://npm.taobao.org/package/uuid示例：12345importuuidfrom'uuid';console.log("36位uuid:",uuid.v4(
  • nodejs架构部署 沙漠好乘凉 前端javascript开发语言
    1、nodejs官网下载二进制源码包wgethttps://nodejs.org/dist/v16.20.2/node-v16.20.2-linux-x64.tar.xz2、解压tarxfnode-v16.20.2-linux-x64.tar.xz3、查看版本./node-v16.20.2-linux-x64/bin/node-v4、换到/opt路径下mvnode-v16.20.2-linux-x
  • 使用PM2实现python flask后台保活、进程管理
    项目背景：由于某些功能简单的脚本文件并不需要写图形化界面；或者没有时间或精力开发和维护图形化界面（但是这些脚本代码又需要在后台运行，就比如在windows直接运行代码需要cmd前台窗口界面或者vscode启动；关掉前台窗口就无法后台运行代码；不关闭前台窗口程序又占用大量内存）所以这使得PM2成为一个既高效又易于管理的解决方案。简单介绍：PM2基于nodejs，但是它又可以管理其他类型的代码脚本。并
  • nodejs 06.npm的使用以及package.json详解 摆烂式编程 node.jsnpmjson前端
    一.npm(npm|Home)的介绍npm(NodePackageManager)是一个node.js的包管理工具,允许用户下载安装更新分享node.js包二.npm相关命令以及作用1.npminit-y这条命令主要是当项目中没有package.json这个文件的时候生成package.json这个文件2.npmi/npminstall(包名)这条命令主要是当项目中没有node_module这个包
  • package.json依赖包漏洞之nodejs-glob-parent正则表达式拒绝服务漏洞 漏洞安全前端
    背景有个安全扫描的流水线，扫描了负责的项目之后，发现一些漏洞。需要说明的是，这个扫描只是针对package.json文件，扫的是依赖树，而不是项目源代码，也不是打包后的代码。但既然是漏洞，都是可以好好学习下的。nodejs-glob-parent正则表达式拒绝服务漏洞(CVE-2020-28469)被扫描出来的是下面这样的：从阿里云漏洞库中可以知道具体是什么漏洞。CVE-2020-28469漏洞的
  • Serverless Plugin Optimize 使用指南 舒林艾Natalie
    ServerlessPluginOptimize使用指南serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh_mirr
  • 项目推荐：Serverless优化插件 —— 提升您的云函数性能与效率 井队湛Heath
    项目推荐：Serverless优化插件——提升您的云函数性能与效率serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh
  • FastAPI介绍 -zZR fastapipython
    1.fastapi介绍一个用于构建API的现代、快速（高性能）的web框架。​特点快速：可与NodeJS和Go并肩的极高性能（归功于Starlette和Pydantic）。最快的Pythonweb框架之一。高效编码：提高功能开发速度约200％至300％。更少bug：减少约40％的人为（开发者）导致错误。智能：极佳的编辑器支持。处处皆可自动补全，减少调试时间。简单：设计的易于使用和学习，阅读文档的时
  • 【自动化】使用PlayWright+代理IP实现多环境隔离 青塬科技 Python
    Playwright是由微软公司2020年初发布的新一代自动化测试工具，相较于目前最常用的Selenium，它仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作。对各种开发语言也有非常好的支持。常用的NodeJs、Java、python都有支持，且有丰富的文档参考。Python环境下的安装使用1、安装依赖库pipinstallplaywright2、安装
  • [Centos/Jupyterhub] 多用户远程登录 Jupyter 详细配置 風の唄を聴け CentosJupyterjupyterhub多用户登录jupyterhub常用配置
    目录1.安装环境配置1.1安装jupyter1.2安装npm/nodejs1.4安装configurable-http-proxy1.5安装认证插件1.3安装jupyterhub2.Jupyterhub配置2.1用户登录设置2.2URL设置2.3启动/关闭的初始设置2.4关闭空闲servers3.启动jupyterhub3.1添加环境变量3.2使用root权限启动4.常见问题4.1无法多用户同时登
  • CentOS 中安装高版本 nodejs 问题小记 赵大仁 js技术学习linuxcentosnodejs
    问题如果你在CentOS中安装最新版本NodeJS时碰到如下报错，尝试按照下面的步骤升级一下glibc吧node:/usr/lib64/libstdc++.so.6:version`GLIBCXX_3.4.14'notfound(requiredbynode)node:/usr/lib64/libstdc++.so.6:version`GLIBCXX_3.4.18'notfound(require
  • 基于数据可视化SpringBoot+Vue+Uniapp的学生活动管理系统设计与实现（毕业设计实战项目+源码+部署） Java开源领先者 #Java网站项目#微信小程序毕设#Java精品毕设信息可视化springbootvue.js毕业设计javauni-app学生活动管理
    博主介绍CSDN毕设辅导第一人、靠谱第一人、全网粉丝50W+,csdn特邀作者、博客专家、腾讯云社区合作讲师、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可
  • nodejs启动项目报错 Error: listen EACCES: permission denied 0.0.0.0:5000 BiuBiu__A 后端node.js运维javascriptnode.js后端
    nodejs启动项目报错Error:listenEACCES:permissiondenied0.0.0.0:5000，截图如下：解决方法在管理员权限下打开CMD（命令行）并运行：netstopwinnatnetstartwinnat执行完成后在此通过nodejs启动项目即可成功！
  • 基于数据可视化+SpringBoot+Vue的医院综合管理平台设计和实现(源码+论文+部署讲解等) java李杨勇 Java精品毕设实战案例Java毕业设计实战案例信息可视化springbootvue.js医院综合管理平台Java毕业设计
    博主介绍：✌全网粉丝50W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等
  • python爬取电影天堂beautiful_Python爬虫 -- 抓取电影天堂8分以上电影 carafqy
    看了几天的python语法，还是应该写个东西练练手。刚好假期里面看电影，找不到很好的影片，于是有个想法，何不搞个爬虫把电影天堂里面8分以上的电影爬出来。做完花了两三个小时，撸了这么一个程序。反正蛮简单的，思路和之前用nodejs写爬虫一样。爬虫的入口从分页的列表开始，比如美剧的列表第一页地址这样：http://www.ygdy8.net/html/gndy/oumei/list_7_1.html，
  • 搭建vue项目 LYy0 vue.js前端javascript
    一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l
  • uniapp 小程序目录搭建以及 pages.json 配置 YZRHANYU uniapp+微信小程序jsonuni-app小程序
    uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys
  • Vue教程｜搭建vue项目｜Vue-CLI新版脚手架 cnsxjean vue.jsjavascript前端框架npmui
    一、安装Node环境安装Node及Npm环境Node下载地址：Node.js—RunJavaScriptEverywhereNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en/安装完成后，检查安装是否成功，并检查版本，命令如下：node-vnpm-vmac@MacdeMacBook-
  • nodeJS 系统学习（模块-章节1） BYh_blog js基础node.jsjavascript
    module（模块）1.概念（理论）利用模块化，根据代码功用将应用拆分为不同的模块。增强代码的可读性，可迭代性等一切具有客观良性的作用。一般情况下每个文件就是一个模块。文件路径则是模块名。2.实践（操作）CODE模块之间可以相互引用。通过require、exports、module三个预先定义好的node环境变量module.js测试模块代码console.log(module);module.e
  • NPM 与 Node.js 版本兼容问题：npm warn cli npm does not support Node.js 我命由我12345 前端-问题清单node.jsnpm前端前端框架jsjavascripthtml5
    问题描述与处理策略1、问题描述npmwarnclinpmv10.9.2doesnotsupportNode.jsv18.16.1.Thisversionofnpmsupportsthefollowingnodeversions:`^18.17.0||>=20.5.0`.Youcanfindthelatestversionathttps://nodejs.org/.#翻译npmwarnclinpmv
  • 【Node.js] ADFVBM 面试学习路线阿里巴巴node.js
    一、概述Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。官网地址：https://nodejs.org/zh-cnNode.js学习路线：JavaScript基础语法+Node.js内
  • elasticSearch数据的导入和导出 ZNineSun 大数据elasticsearchelasticdumpnode
    es数据的导入和导出需要借助于elasticdump工具，这是一个nodejs的插件，安装方式直接使用npm即可，安装指令如下：npminstallelasticdump-g如果您的电脑还未安装Node环境，请移步此处：《npm安装教程》1.导出指定索引的数据到本地elasticdump--input=http://localhost:9200/demo--output=D:/ES/date/de
  • Redis实战之Jedis使用技巧详解 小马不敲代码 实战redis缓存
    一、前言基于redis开放的通信协议，大神们纷纷开发了各种语言的redis客户端，有c、c++、java、python、php、nodeJs等等开发语言的客户端，准确来说其实这些客户端都是基于redis命令做了一层封装，然后打包成工具以便大家更佳方便的操作redis，以Java项目为例，使用最广的就是以下三种客户端：JedisLettuceRedisson二、JedisJedis是老牌的Redis
  • Mac下nvm无法安装node问题 可爱发 macos
    背景最近换用mac开发，然后使用nvm（版本0.40.1）进行node安装的时候出现了一些问题使用nvmls-remote发现只有iojs版本原因可能是nodejs升级了某个协议导致的解决方案可以使用NVM_NODEJS_ORG_MIRROR=http://nodejs.org/distnvmls-remote，安装的时候同样使用NVM_NODEJS_ORG_MIRROR=http://nodej
  • Node.js超详细教程！ 刘大本尊 前端技术node.js
    0.基础概念Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台。官方地址：https://nodejs.org/en中文地址：https://nodejs.org/zh-cn代码初体验：console.log("helloNodeJS")//1.进入到对应js文件的目录下//2.执行nod
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他