webpy
关注
分享
扫一扫
caimouse
在IT行业有20多年的经验。拥有20多年的C和C++开发经验，5年以上Python开发经验,资深数据库开发、上百G数据库优化经验。曾经任职嵌入式工程师、P2P开发工程师、银行信用卡交易系统工程师、全自动化电池测试部门经理。
展开
-
python web py入门（70）- jQuery - 监听键盘事件的方法
在前面实现了通过鼠标点击实现切换不同的字体大小，在本文里将要学会使用键盘来实现字体大小的切换。要从键盘上获得信息，就必须监听键盘。那么在jQuery里怎么样来监听键盘呢？直接来看代码： //键盘事件响应 $(document).keyup(function(event) { var key = String.fromCharCode(even...原创 2018-06-02 17:53:22 · 1025 阅读 · 0 评论 -
python web py入门（56）- jQuery - HTML与JS代码分离
前面学习了检验EMAIL合法性的功能，但是会发现HTML代码已经越来越长了，这时看起来，就不是以前那么好理解了，怎么办呢？人对复杂事物有一个很好的工具，就是分解，把复杂的事物分成简单的事物，这样理解起来就容易多了。同理，对于嵌入JS代码到HTML代码已经很长了，最好的方式是把它从HTML分离出来，把JS代码变成一个文件，纯是JS代码，这样HTML代码里就没有大段大段的JS代码了。按照这样的分离方法...原创 2018-04-15 18:01:34 · 1083 阅读 · 0 评论 -
python web py入门（55）- jQuery - 实现EMAIL地址输入检查
在前面学习了焦点失去事件，学习了输入内容获取，学习了输出内容到页面等等，把前面所有学习过的内容，综合到一起就可以实现EMAIL地址检查了。先来看代码如下：<html> <head> <meta charset="utf-8"> <title> 页面提示的例子 </title> <scr..原创 2018-04-15 13:38:54 · 735 阅读 · 0 评论 -
python web py入门（54）- jQuery - 失去焦点事件
前面学习了获取输入文本框的内容，并且实现在弹出窗口里提示显示出来。接着下来需要对内容进行检查，又学习了使用对象的方式来构造通用的对象。这些内容都准备好了，接着要怎么样做呢？其实可以这样思考，有了内容，有了检验的方法，就剩下什么时候运行，以及运行的动机了。这个时刻非常重要，如果运行过早，内容还没有输入完成，或者效率低下；如果运行过迟，又会导致用户感觉不舒服。在页面进行输入EMAIL地址时，什么时候检...原创 2018-04-15 11:57:23 · 1144 阅读 · 0 评论 -
python web py入门（38）- javascript的for循环语句
在前面学习了条件语句和switch-case语句，有了这些语句，可以说给语言赋与了智能，这是人类思维的转移的基础条件。曾经在电脑的早期发展阶段，只要给电脑足够多的规则，让电脑就可以学会人类的智能，这归功于它的条件判断和选择。但是电脑还有一种事情比人类更擅长的，这就是循环，意思就是重复，电脑的重复能力比人类强很多，它可以执行数百万次，不会出错，但是人即走一条路100次，也会有一次出错的。同时也有一些...原创 2018-03-27 16:51:28 · 849 阅读 · 0 评论 -
python web py入门（53）- javascript - 对象
在前面学习了怎么样在页面里输出内容，后面需要检查邮箱是否正确，这个功能如果放到一个函数定义，那么需要返回一个结果，而返回结果又是一个对象，那么就得来学习js的对象。js的对象定义如下：JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...此外，JavaScript 允许自定义对象。JavaScript 对象JavaScript 提供多个内建对象，比如 String、Date、A...原创 2018-04-14 19:57:07 · 666 阅读 · 0 评论 -
python web py入门（52）- jQuery - $("").html()实现在页面提示信息
在前面学习了获取兄弟级的元素，就是为了方便定位输出位置，这个可以与平面上画图的xy坐标一样。有了位置之后，怎么样输出内容呢？这需要使用jQuery的$("").html()函数。这个函数的作用如下：定义和用法html() 方法返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数，则返回被选元素的当前内容。返回元素内容当使用该方法返回一个值时，它会返回第一个匹配元素的内容。语法$...原创 2018-04-14 19:07:24 · 1049 阅读 · 0 评论 -
python web py入门（51）- jQuery - $("").next()获取同级的下一个元素
在前面学习输入内容进行检查，主要采用正则表达式来判断。如果发现出错了，就采用弹出窗口的方式来提示，这样比较暴力点，有没有温柔一点的方式呢？比如在页面里面提示，不需要用户去点击关闭，这样减少用户操作的次数，提高效率。如果真有出错，弹出100个窗口，那会害死人的。既然想到在页面提示，那么怎么样确定在哪里显示呢？也就是找到输出位置，一般是在输入编辑框的后面进行提示，但是怎么样获取后面的位置呢？其实可以在...原创 2018-04-14 18:01:21 · 1831 阅读 · 0 评论 -
python web py入门（50）- jQuery - 输入内容的检查
在前面学习了从网页上获取输入内容，它是通过jQuery的id选择器来实现的。一般情况之下，获取输入就是为了进行检查数据输入的正确性，那么怎么样判断数据的正确性，就跟你的业务逻辑有关了。比如qq的号码，全是数字；邮箱地址有一个@字符。下面就来学习怎么样检查一个合法的EMAIL地址，在这个例子里使用JS的match函数，它的功能如下：stringObject.match(searchvalue)str...原创 2018-04-14 11:50:59 · 574 阅读 · 0 评论 -
python web py入门（42）- 函数的集合--jquery库
在前面学习了函数，以及事件函数，如果有很多很多函数需要写，这时就大家就会想到一个方法，把这些函数收集起来，形成一个库，给大家共享使用，就不用每一个人都从头写起了，这样可以节省大量工作量。因此，使用成熟的库，就成为JS开发人员必备的知识点了。而在这么多库里，最有名的就是jquery库。它倒底是什么库？有什么样的功能呢？它的官方网站介绍如下：jQuery is a fast, small, and f...原创 2018-04-01 14:06:19 · 734 阅读 · 0 评论 -
python web py入门（43）- jQuery 事件 - ready() 方法
在前面学习了怎么样下载jQuery库，并且进行初步的例子进行运行，在里面使用这样一行代码：jQuery(document).ready( function(){ 在这行代码里，jQuery(document)是表示什么呢？其实它是表示jQuery对象，并且根据参数document来创建一个document的jQuery对象。当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，...原创 2018-04-01 19:13:43 · 721 阅读 · 0 评论 -
python web py入门（45）- jQuery 事件 - preventDefault()方法
在前学习了怎么样使用函数表达式来作为jQuery的函数参数，以便响应各种各样的事情处理。现在来学习一个event.preventDefault()方法，这个方法的作用，就是阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的...原创 2018-04-09 09:34:35 · 526 阅读 · 0 评论 -
python web py入门（41）- 页面事件的onload事件
在前面学习了函数，函数可以在很多地方复用，但是在页面里嵌入JS是由事件触发运行的，因此基于浏览器的JS开发，基本上就是响应事件处理。HTML4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。onload事件会在页面加载完成后触发。下面就来学习onload事件，当窗口加载时就调用我们写的JS函数，如下：<html> <head> ...原创 2018-04-01 12:28:12 · 1301 阅读 · 0 评论 -
python web py入门（40）- javascript的函数
在前面学习了简单和复杂语句，但是这种代码，往往是只能使用一次，循环语句里运行多次。如果有很多代码在一起，就不好管理，不好复用了。比如有很多地方调用同一个函数。在编程里有一个重要的原则，就是当同一段代码调用超过2次，或者一段代码长度超过一屏幕的高度，就要把这些代码分离出来，写成函数。因此，函数是语句的集合，是复用的最基本的单元。现在就来学习javascript的函数，它的定义如下：function ...原创 2018-04-01 10:53:27 · 491 阅读 · 0 评论 -
python web py入门（34）- 在HTML网页里弹出一个窗口
在前面已经学习过怎么样在网页里嵌入JavaScript的代码，现在来学习一个交互的技术，我们知道，人与电脑之间就是一种交互，这种交互是一种规则，一种提醒，或者说是一种智能的表现。比如当你向一个订单里输入-100元时，显然是支付不成功的，那么怎么样才能提醒用户呢？提醒他们，这是一种错误，或者是输入时无意地搞错了。在JS里，可以使用alert()函数来提醒，它就是弹出一个窗口，比如在console进行...原创 2018-03-22 09:35:41 · 5083 阅读 · 0 评论 -
python web py入门（37）- javascript的switch-case语句
在前面学习了if条件语句，它可以判断条件表达式是否成立，现在来学习一个可以根据值来选择不同入口的switch-case语句。比如一周有七天时间，星期一做什么事情，星期二做其它事情，其它每天都有不同的事情处理了。为了解决这种分类的问题，往往采用switch-case语句，就比较有优势。如下：var week = 1;switch(week){ case 0: document.write(...原创 2018-03-25 20:48:34 · 529 阅读 · 0 评论 -
python web py入门（57）- jQuery - 多个JS代码的文件
在前面学习了HTML与JS代码分离的功能，但是会随着项目功能的增加，或者随着时间的增加，维护了代码，新增加的代码不想影响旧的代码，必然会增加更多的JS代码文件。这样多个JS文件是怎么样调用的顺序呢？能不能随便地放置位置呢？依赖的关系是否很复杂？当很多模块代码时，加载页面速度是否会变慢？问题还是很多的，后面再来一一破解。先来看看怎么样分成多个JS文件，以及文件加载的顺序。为此，创建一个add.js文...原创 2018-04-15 19:19:56 · 1557 阅读 · 0 评论 -
python web py入门（46）- jQuery 事件 - $( document ).ready与$( window ).on( "load"的区别
在前面学习了ready方法，这个方法是在当文档准备好时触发运行，因为一个页面是否安全地操作HTML元素，是需要DOM完成，否则会发现有一些元素还没有加载，就去操作，必然会出错。jQuery自动地检测这个DOM完成时刻，省了不少事情。并且只自动地执行一次代码，不会多次执行，导致浪费运行资源。如果把代码放到$( window ).on( "load", function() { ... })，它不是D...原创 2018-04-11 09:58:41 · 2383 阅读 · 1 评论 -
python web py入门（47）- jQuery - 元素选择器
前面学习了jQuery在代码的几种写法，也知道在什么位置写代码，以及在DOM时加载运行一次。jQuery叫这个名称，当你看到时，也起会感觉到很奇怪，为什么会选择Query这个单词呢？我们来看一下，这个单词的意思是：Query，是查询的意思，为了在数据库中寻找某一特定文件、网站、记录或一系列记录，由搜索引擎或数据库送出的消息。对，它就是查询的意思，那么对一个网页里的元素进行查询，就是把网页当作一个数...原创 2018-04-11 15:35:22 · 818 阅读 · 0 评论 -
python web py入门（69）- jQuery - 实现页面显示字体的格式切换
在前面学习按钮点击的事件处理，以及事件处理的顺序，现在继续来学习怎么样切换页面的显示，其实这个过程，就是修改样式的过程。因此，可以把代码修改如下：<html> <head> <meta charset="utf-8"> <title>文章显示系统</title> <link rel="styles原创 2018-05-06 12:24:41 · 1217 阅读 · 0 评论 -
python web py入门（68）- jQuery - 按钮事件的响应顺序
在前面学习了按钮响应函数判断事件的来源，但是js里有一个值得注意的事件响应顺序问题。由于HTML的元素是树形结构排列，导致事件也是按树形发生的，也就是说树叶节点的事件会传送给父接点，依次传递上去，也就是逐级上传。比如HTML文档如下：<!DOCTYPE html><html><head><title>Event Bubbling Example...原创 2018-05-06 10:00:55 · 1634 阅读 · 0 评论 -
python web py入门（67）- jQuery - 按钮的事件里获取按钮的名称
在前面学习了隐藏显示，以便根据需要来显示页面的内容，可以看到页面上有三个按钮，当按下这三个按钮时，就可以处理为三种不同的CSS样式，从而显示内容不一样。当我们把三个按钮的事件作响应时，是绑定三个响应事件的函数，还是只绑定一个函数呢？这里选择只绑定一个事件响应函数，那么这个函数只有一个，怎么样来区分三个不同的按钮呢？如果熟悉响应的函数，可以看到它长得这个样子：$('#switcher').click...原创 2018-05-06 09:10:11 · 3625 阅读 · 0 评论 -
python web py入门（63）- jQuery - 判断浏览器窗口是否发生改变
在前面学习了文本框里内容改变的事件，现在来学习当浏览器窗口发生改变时的事件。当你在页面上进行布局时，常常会遇到浏览器的窗口大小会改变，那么怎么样监听到这个事件呢？其实可以通过$(window).resize()来实现。定义和用法当调整浏览器窗口大小时，发生 resize 事件。resize() 方法触发 resize 事件，或规定当发生 focus 事件时运行的函数。可以使用下面的代码来演示这个功...原创 2018-04-27 17:13:50 · 1171 阅读 · 0 评论 -
python web py入门（62）- jQuery - 判断文本框输入内容是否发生改变
在前面学习文本框输入时，按键按下和弹起的事件响应，现在来学习当文本框的内容发生了改变时触发的事件。定义和用法当元素的值改变时发生 change 事件（仅适用于表单字段）。change() 方法触发 change 事件，或规定当发生 change 事件时运行的函数。注意：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，...原创 2018-04-27 16:43:27 · 1510 阅读 · 0 评论 -
python web py入门（61）- jQuery - 使用keyup()和keydown()函数
在前面已经学会了使用jQuery和RequireJS来分模板开发JS的代码，接着下来继续学习jQuery一些常用的方法。比如你想当用户在输入时，进行一些变化，特别感应用户的按键输入。假如有这样的一个需求，当用户按下键时，输入框变改变背景的颜色为绿色，当用户不输入时改变背景为红色，可以使用按键响应函数：定义和用法与 keyup 事件相关的事件顺序：keydown - 键按下的过程keypress -...原创 2018-04-27 15:30:50 · 1451 阅读 · 0 评论 -
python web py入门（66）- jQuery - 隐藏显示实现界面大小可变布局
在前面学习鼠标位置来显示不同的页面，现在来学习怎么样实现页面内容动态地改变。比如有一些不常用的功能，如果一直放在页面上，显得很占用位置，让用户一眼看上去，找不到聚焦点，这样用户感觉乱乱的，太复杂的感觉。为了保持界面清晰，简单，其实大家都喜欢简单，这样办事情效率才高。因此，设计页面交互时，常常在同一个页面会针对不同的用户，进行不同的内容显示，这样也叫个性设计，也可以叫人功智能自适应。怎么样实现隐藏呢...原创 2018-05-03 10:37:42 · 931 阅读 · 0 评论 -
python web py入门（59）- jQuery - RequireJS库定义模块
在前面学习RequireJS库基本功能，现在来学习使用它定义一个模块，这个模块有依赖别的模块，并且作为参数传递过来使用。先来看看这个工程的目录结构如下：myweb20.html--static\js--static\js--main.js--static\js--app--jquery-3.3.1.min.js--static\js--app--require.min.js--static\js-...原创 2018-04-20 18:21:54 · 647 阅读 · 0 评论 -
python web py入门（60）- jQuery - RequireJS库模块之间调用
在前面学习了RequireJS库模块的定义，这次要来学习模块之间进行相互调用了。比如再添加一个模块叫做common.js， 放在跟register1.js一样的目录下面。common.js的代码如下：define(['jquery'],function($){ return { // 合法的邮件 email_pattern : /^([.a-zA-Z0-9_-])+@([a-...原创 2018-04-24 17:40:47 · 917 阅读 · 0 评论 -
python web py入门（58）- jQuery - RequireJS库
在前面已经学习过多个JS模块，这样方便管理代码，维护代码，但时这样分开时，必须要考虑加载不同文件之间的顺序，这是比较头痛的问题，有没有好的方法解决呢？这时，就要使用RequireJS库了，它是一个JS文件和模块加载器，它是一个在浏览器优化的模块加载器，主要改善了加载的速度和改善你维护的代码质量。它支持以下浏览器：IE 6+ .......... compatible ✔Firefox 2+ ......原创 2018-04-20 11:48:04 · 844 阅读 · 0 评论 -
python web py入门（65）- jQuery - 根据鼠标位置来选择不同的样式显示
在前面学习了窗口滚动事件的响应，现在来学习根据鼠标在不同的位置选择不同的样式显示，这样可以动态地区分鼠标所在区域，也起到提醒的作用。通过例子可以学习到怎么样使用jQuery来操作CSS，以及鼠标的hover() 方法，这个例子的代码如下：<html> <head> <meta charset="utf-8"> <title>文章显...原创 2018-05-01 14:57:30 · 789 阅读 · 0 评论 -
python web py入门（64）- jQuery - 判断窗口滚动条是否滚动？
前面学习了判断窗口大小改变的判断，现在来判断窗口的滚动条是否作出滚动的判断，这时需要使用jQuery的scroll()方法来实现，它的定义如下：当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。使用下面的代码来测试这个方法的使...原创 2018-05-01 11:19:29 · 766 阅读 · 0 评论 -
javascript的V8引擎的初步使用
这段时间在使用javascript，常常地想javascript是怎么样运行呢？又是怎么样从JS代码转换为机器码呢？在深入了解JS运行机制之前，先来运行一下V8引擎也是入门的前奏。由于不能访问chrome浏览器开源网站，因此使用nodejs的代码，Node.js可以看作是javascritp的运行时环境(JsRE)，一方面，它提供了多种可调用的例如读写文件，网络请求，系统信息等API。另一方面，因...原创 2018-04-17 15:33:07 · 2415 阅读 · 0 评论 -
python web py入门（49）- jQuery - 通过id获取输入的内容
前面已经学习过jQuery通过id来选择相应的HTML内容，现在就来使用它来获取用户的输入内容，以便实现交互式的处理。比如你在网站上注册一个用户名时，就需要在页面输入email地址，但是人总是会输错的，比如少输入@字符，如果不在页面上检查，放到服务器那里检查，这个过程会比较漫长，同时时间也慢，导致用户体验不好。因此在浏览器中检查，就很有必要了。为了检查email的格式是否对，那么得获取用户提交时输...原创 2018-04-11 18:38:18 · 1366 阅读 · 0 评论 -
python web py入门（48）- jQuery - #id 选择器
在前面学习了使用元素选择器，比如使用<p>段落元素。接着下来学习#id 选择器，为什么要学习id选择器呢？问得好，因为元素是按类型来区分的，如果是同一类型，可以使用元素，如果想从HTML页面内容里找一个唯一的元素怎么办呢？按HTML的规范，每一个HTML页面里id是唯一的定义，因此通过id来查找相应的元素，就必须唯一了。元素是按批选取，id是按标识唯一选取。在jQuery里使用#来识别...原创 2018-04-11 17:05:52 · 776 阅读 · 0 评论 -
python web py入门（44）- jQuery 事件 - 函数表达式
在前面学习jQuery的事件处理的方法ready()，在这里碰到这样一个语法：$('h1').click( function(event){ alert("jQuery在工作中!"); }); 在这段代码里，可以看到click方法的参数是这样：function(event){ alert("jQuery在工作中!"); }说明函数作...原创 2018-04-07 14:37:32 · 549 阅读 · 0 评论 -
python web py入门（33）- 在HTML网页里嵌入JavaScript脚本
在前面已经学习过在浏览器的console运行JS，那么在网页里又是怎么样运行JS的呢？如果不明白这个，就要跟着本节课来学习了，其实还是蛮简单的。对了，前面已经编辑了一个比较小的网页，并保存成文件了。就以那个网页为基础，在里面写一些脚本来运行。在写脚本之前，需要学习一个HTML的标签：<script> </script>，有了这个标签之后，才可以在网页里嵌入脚本，JS的代码就...原创 2018-03-20 17:40:40 · 8335 阅读 · 0 评论 -
python web py入门（32）- 使用atom编辑器
在前面已经介绍了下载Atom编辑器，现在就要使用它来编辑网页，并且编写JavaScript代码了。接着下来，从桌面上找到atom编辑的图标，然后双击打开它，就出现如下界面：接着按下Ctrl+ N，就可以打开一个新的窗口，如下图：接着在窗口里输入下面的HTML代码，如下图：最后，就可以按Ctrl + Shift + S进行内容到指定的目录，记得后缀名称为.html。就可以使用chrome打开这个页面...原创 2018-03-20 17:01:18 · 1157 阅读 · 1 评论 -
python web py入门（24）- javascript的乘法
在前面已经学习过加法和减法，接着下来我们来学习乘法。乘法是使用星号来进行的，如下例子：var x = 5; //5保存在变量x里面var y = 5.5; //5.5保存变量y里面var z = x * y; //结果保存在变量z里面document.write(z); //把乘法结果显示出来然后这部分输入到console里执行，结果输出如下：在这里使用浮点数5.5来进行乘法，当然也可以是整数的...原创 2018-03-15 21:47:53 · 1418 阅读 · 0 评论 -
python web py入门（12）- 实现用户登录论坛
前面已经介绍了怎么注册用户，当用户注册成功之后，就需要使用帐号进行登录，这个登录过程是怎么样实现的呢？首先是要有一个登录的连接，通过首页点击登录，就会进入登录的URL连接：http://127.0.0.1:8080/login，当你在网页上点击之后，就会在WEBPY的应用处理这个连接：'/login', 'Login', #登录对，就是通过这个地方进行关联，然后进入登录处理类：class Log...原创 2018-02-23 10:32:21 · 6277 阅读 · 0 评论 -
python web py入门（23）- javascript的减法
在前面我们已经学习过加法，在这里来学习减法， 它非常简单，就是把加号变成减号，如下例子：var x = 10; //10保存在变量x里var y = 2; //2保存在变量y里var z = x - y; //这里进行减法计算，结果保存z里。document.write(z); //把减法的结果进行输出接着下来，把这些代码放console里来运行，查看输出结果，如下：这里可以学习到减法，更多的例...原创 2018-03-15 21:31:30 · 1332 阅读 · 0 评论