js本身的局限性 别让javascript做太多事
甚至有个人问我“页面上有5个文本框,每个文本框只能输入一个字符,怎么用js实现用户输入第一个文本框的后焦点自动跳到第二个。”。
我说这个功能不是应该是Tab做的吗?用户输入后只要按一下Tab键就可以了,而且,这样用户还可以控制是否切换到下一个(因为用户也有输入错误的可能)。
但他执意坚持,说是老板要求的。我最后只好帮他把这个功能实现了。但就是感觉怪怪的。
以前刚刚会用js时,感觉js好神奇,可以把一些很复杂的功能变得简单而轻松。后来慢慢知道js有很多事情不能做,像操作客户端的文件等。
那时还经常报怨为什么别的语言可以实现的功能偏偏js不能实现,于是自己做了很多一些本不应该是js做的事情。
有一次,我为了读取一个资源文件,用js洋洋洒洒的写了几百行代码,结果只是读取了xml中的一行内容,后来返回去改时发现之前写的代码用vb.net或C#实现不超过5行就可以实现。
我觉得js不宜做太多额外的事件还有原因一个是js本身的局限性--js是在客户端运行的,所有代码都是发到客户机器执行的。如此一来,一些像加密用户数据的逻辑就更不应该在js里实现了。
相关推荐
-
js本身的局限性 别让javascript做太多事
甚至有个人问我"页面上有5个文本框,每个文本框只能输入一个字符,怎么用js实现用户输入第一个文本框的后焦点自动跳到第二个.". 我说这个功能不是应该是Tab做的吗?用户输入后只要按一下Tab键就可以了,而且,这样用户还可以控制是否切换到下一个(因为用户也有输入错误的可能). 但他执意坚持,说是老板要求的.我最后只好帮他把这个功能实现了.但就是感觉怪怪的. 以前刚刚会用js时,感觉js好神奇,可以把一些很复杂的功能变得简单而轻松.后来慢慢知道js有很多事情不能做,像操作客户端的文件等.
-
为何JS操作的href都是javascript:void(0);呢
一.我是一只小白 下半年浮躁多了,得好好静心学习,告别小白.果断买了几本书: 其中,最先看的是<javascript模式>--不少人认为很shi的一本书.--评价观后感等500字省略--当我看到第二章要结束的时候,又一次看到了"JS中避免使用void"的观点,于是,勾起了身为小白的我困扰已久的一个问题:"既然JS中void不推荐,那为何新浪微博,淘宝之流的首页JS操作的href都是javascript:void(0);呢?" 截图为证! 为什么?为什么?
-
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
请注意example2.html 在firefox下效果没有在ie下圆润,其原因来源于兼容性. 以及触发动作过快会导致每一个li递增两次到三次的情况,这个原因跟类(Action.js)本身无关.原因来源于example2.html中的演示代码. 目前正在极力修改中. 咨询改版升级信息请关注 我的blog http://auntion.blogbus.com 或者加我QQ询问:82874972action.js 复制代码 代码如下: /* * 效果类 By Auntion QQ:82874972
-
使用javascript做在线算法编程
基于node的readline一样可以使用标准流的输入输出 对于大学生在刚开始学习c ,c++, java的时候,写着hello word的代码,然后在命令框中输入输出: 基于很多算法的学习,在我短浅的认识中,身边的同学都是使用 c, c++,甚至是java去写: 很多算法题目中的输入描述和输出描述 例如牛客网上的算法题: 类似于这种的东西,在杭州acm的算法题目也是. 诀窍------使用nodejs内置封装好的readline模块:[kbd][/kbd] 1.readline 模块 [逐行读
-
HTML+CSS+JavaScript做女朋友版的刮刮乐(一看就会)
刮刮乐想必大家都玩过,小时候兜里一有钱,就喊上小伙伴兴冲冲的跑去家旁边的小卖部,用那稚嫩地小手递给老板那被捏的皱巴巴的五毛钱,满眼期待的刮着买来的刮刮乐,心里早已想好中了100块钱大钞要去买好多好多辣条.卡片.陀螺.奥迪双钻的悠悠球- 认认真真看完本文,你就可以用你女朋友的美照实现一个独属于你的刮刮乐哦!(当然如果你没有女朋友的话,也可以用你珍藏多年的美女图片哦!) ⛳️使用HTML.CSS和JavaS实现刮刮卡/刮刮乐 ♥️别着急,先看演示
-
如何利用javascript做简单的算法
目录 1 问题 2 方法 3 实验结果与讨论 1 问题 众所周知,无论是Pycharm或是IDLE.java都可以计算简单的算法,比如加减乘除.然而在Hbuilder中,javascript也可以用来计算数值的加减乘除. 比如,我们计算:假设 y=5,计算 x=y+2,并显示结果. 2 方法 首先利用<p></p>标签写算法题题目.然后利用<button></button>标签创造一个事件,其中标签里面onclick后面的命名一定要加().再然后写一个<
-
利用JavaScript做数独的完整实现过程
目录 前言 怎么解数独 填第一个格子 填第二个格子 填第三个格子 填第九个格子 综上所述 通过代码来实现 动态展示做题过程 九宫格样式 做题逻辑 总结 前言 最近看到老婆天天在手机上玩数独,突然想起 N 年前刷 LeetCode 的时候,有个类似的算法题(37.解数独),是不是可以把这个算法进行可视化. 说干就干,经过一个小时的实践,最终效果如下: 怎么解数独 解数独之前,我们先了解一下数独的规则: 数字 1-9 在每一行只能出现一次. 数字 1-9 在每一列只能出现一次. 数字 1-9 在每一
-
用JavaScript做简易的购物车的代码示例
下面是我做的一个超简单的购物车,全部都是用原生js做的 css <style> table{ text-align: center; } table img{ width: 50px; } a { text-decoration: none; color: red; } </style> body <table border="1" cellspacing="0"> <thead> <tr> <th&
-
原生javaScript做得动态表格(注释写的很清楚)
最近看了3本o'reilly的书,我们一般称为禽兽书(跟我一同学的名字很像大笑),然后一直想做一个列子来练练手,因为看公司好多用动态表格的,所以,我就试着用js做了动态表格,用firfox浏览器来调试的,因为firbug插件用着比较好,本来就是想实现一个很小的功能,没想做那么多,就点击按钮能够增加一行就行了,后来越加越多,也越来越好看了.把源码贴出来,大家共同学习,有问题也可以指正出来,js初学者,忘大神笔下留情. ps:不知道上面为什么不显示行号,好久没用了. 注释写的很清楚,大家共同学习.
-
JS完成代码前最好对其做5件事
写在前面 我们不得面对这样一个事实:许多程序员不会规划他们的JS代码.我们经常快速写完代码.运行.提交.但当我们继续开发遇到变量和函数时不得不再次回头查看它们代表的含义,麻烦就从这里开始了.同样当我们在其他程序员手中获取脚本也会遇到类似的错误.因此,当我们说"this is done, I can go on"时最好对脚本做下列5件事情. 问题描述 现在我们想给每一个带有class属性为collapsible的DIV内部添加超链接A,来显示和隐藏DIV. 下面是用模块函数编写的实现代码
随机推荐
- Oracle正则表达式使用介绍
- 基于C#的音乐播放器主Form实现代码
- 查询json的数据结构的8种方式简介
- Java 线程死锁的问题解决办法
- iOS使用UIBezierPath实现ProgressView
- Java语言中cas指令的无锁编程实现实例
- Oracle 数据库导出(exp)导入(imp)说明
- 基于hashlib模块--加密(详解)
- JavaScript中点击事件的写法
- JS自定义功能函数实现动态添加网址参数修改网址参数值
- 简单谈谈Python中的闭包
- asp之自动闭合HTML/ubb标签函数附简单注释
- vue父组件中获取子组件中的数据(实例讲解)
- 读写xml文件的2个小函数
- jquery一句话全选/取消全选
- 測試代碼真方便
- Spring Boot中使用Redis做缓存的方法实例
- JS调试必备的5个debug技巧
- C++11中lambda、std::function和std:bind详解
- android 中viewpager+fragment仿微信底部TAG完美渐变