JavaScript
关注
分享
扫一扫
文章平均质量分 50
shenzhenNBA
前端和后端开发工程师, 熟练 B/S 模型开发，熟练Java开发，SpringMVC，Springboot，Spring Cloud，JS，jQuery，Vue，easyUI等；电子爱好开发者，物联网开发者，Arduino，STM32等。
展开
-
JS限制移动端访问
有时我们在希望访问的终端，仅限制在移动端访问，禁止PC端访问这样的需求，我简单可以使用JS来完成，主要是利用 navigator.userAgent 属性来完成，因为这里含有终端的特性特征，根据这些特征从而判断是否为移动端...原创 2023-06-12 01:43:29 · 720 阅读 · 0 评论 -
JS的人体或某个部位识别技术
JS越来越强大，看到牛人写的JS应用，转载一下，转载 2014-05-08 22:32:24 · 4818 阅读 · 0 评论 -
使用HTML5技术控制电脑或手机上的摄像头
HTML5已经火了几个年头，尤其是出现可互动的功能，比如Canvas通过JS代码操作用户设备PC或手机上的摄像头，这将是未来各个互动应用的频繁的操作技术，这里见到转载一下，原文参见 http://www.webhek.com/convert-canvas-image/转载 2014-05-02 22:20:03 · 18776 阅读 · 6 评论 -
用JavaScript将Canvas内容转化成图片的方法
HTML5原文参见 http://www.webhek.com/convert-canvas-image/转载 2014-05-02 22:09:52 · 5039 阅读 · 0 评论 -
黑客007的密码瀑布效果
网友关于黑客007的密码瀑布效果的实现，很酷1,HTML部分2,JS代码var s = window.screen;var width = q.width = s.width;var height = q.height = s.height;var letters = Array(256).join(1).split('');var draw = functio转载 2014-01-17 15:50:02 · 1571 阅读 · 0 评论 -
JavaScript编程风格和一些注意事项
WEB前端开发经常需要些JavaScript程序，写JS程序虽然比较常见，也容易，但如果按专家建议的规范来写JS程序，可以避免或减少一些意想不到的错误；下面是专家总结出来，在写JS程序是应该遵守的一些编写JS规范：规则1：表示区块起首的大括号，不要另起一行，直接在关键字后面写入。规则2：调用函数的时候，函数名与左括号之间没有空格。规则3：函数名与参数序列之间，没有空格。规则4：转载 2013-02-01 13:21:26 · 761 阅读 · 0 评论 -
JS数据类型
JS是web开发经常使用到脚本语言，网上有很多，对于JS的一些数据类型，有个简单了解很有必要；JS中有5种基本数据类型：Undefined、Null、Boolean、Number和String。String类型：string，Number类型：number，Boolean类型：boolean，Undefined类型：undefined，Null类型：null，原创 2014-01-17 15:57:23 · 810 阅读 · 0 评论 -
评分控件
评分是WEB经常使用到功能，网上有很多，这里整理总结出来，做成一个控件方便日后直接参考；//---------about comment score------------function createCmtScoreUI() { var strHTML = ''; strHTML += ''; strHTML += ''; strHTML += '';原创 2014-01-14 16:49:34 · 1116 阅读 · 0 评论 -
图片轮播器
图片轮播器在WEB门户等站点经常用到的，再结合两边有向右或向左按钮移动操作，这里写成一个控件，方便参考；HTML结构： JS代码：function initTopMovie() { if (isLoadedTopMeeting && isLoadedTopCourse) { topListMovie.init('r原创 2014-01-14 16:10:21 · 1136 阅读 · 0 评论 -
Voix.js语音控制JS类库
Voix.js语音控制JS类原文参见： http://www.gbtags.com/gb/share/2580.htm转载 2013-12-18 18:38:15 · 4024 阅读 · 0 评论 -
JS框架AngularJS
JavaScript的使用已经非常普遍，同时也有很多写好的JS框架，比如 jQuery 框架，应用已经非常广泛，最近又出很多新的JS框架，比如 AngularJS 框架，下面就简单认识一下 该框架；一，AngularJS的开发者AngularJS 由 Google 开发；二，什么是AngularJS？在高层次理解之上，AngularJS是一个把HTML(视图)绑定到Java原创 2013-10-18 16:14:41 · 4490 阅读 · 7 评论 -
超实用的JavaScript技巧及最佳实践（下）
在前段时间，优快云研发频道发表了超实用的JavaScript技巧及最佳实践（上），很多开发者都觉得里面所提到的技巧非常实用，基于此，我们再向大家推荐超实用的JavaScript技巧及最佳实践（下），希望对大家有所帮助。文中所提供的代码片段都已经过最新版的Chrome 30测试，该浏览器使用V8 JavaScript引擎（V8 3.20.17.15）。1.使用逻辑符号&&或者||进转载 2014-01-07 13:49:44 · 1146 阅读 · 0 评论 -
20个超实用的JavaScript技巧及最佳实践(上)
众所周知，JavaScript是一门非常流行的编程语言，开发者用它不仅可以开发出炫丽的Web程序，还可以用它来开发一些移动应用程序（如PhoneGap或Appcelerator），它还有一些服务端实现，比如NodeJS、Wakanda以及其它实现。此外，许多开发者都会把JavaScript选为入门语言，使用它来做一些弹出窗口等小东西。在这篇文章中，作者将会向大家分享JavaScript开发的小转载 2013-12-31 13:24:11 · 1393 阅读 · 0 评论 -
requestAnimationFrame
what is requestAnimationFrame？ 什么是 requestAnimationFrame？please see this blog file： http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/转载 2013-12-18 18:35:50 · 928 阅读 · 0 评论 -
使用HTML5中的element.dataset操作自定义data-*数据
HTML5 不断增加新功能，就如转载 2014-04-26 21:02:19 · 3115 阅读 · 0 评论 -
又一HTML编辑器Simditor
web越来越流行，对应HTML编辑器也出现butong又一HTML编辑器Simditor转载 2014-05-08 22:27:45 · 3019 阅读 · 0 评论 -
用HTML5里的window.postMessage在两个网页间传递数据
用HTML5里的 window.postMessage 在两个网页间传递数据转载 2014-04-27 15:16:06 · 2257 阅读 · 0 评论 -
一步一个脚印，vue入门之使用vue-cli新建vue项目
网上看到初学者学习Vue的文章，不错，转发一下，原文参见：https://www.toutiao.com/i6670644998746145292/现在流行的前端框架很多，vue相对于来说较为简单，更容易上手。现在将自己一步步学习过程进行记录，便于以后查阅，也作为积累，同大家分享。一、安装node.js1、在官网中安装nodejs最新版本。地址：https://nodejs.org/en/...转载 2019-03-24 14:46:28 · 405 阅读 · 0 评论 -
构建一个前端的 Vue-cli 项目的基本步骤
如果构建一个前端的Vue项目，基本步骤如下：1，下载 NodeJS 并安装，此步安装成功一次即可；安装成功与否相关验证命令如下：node -v 查看 node 版本，安装成功会显示版本；npm -v 查看 npm 版本，安装成功会显示版本；npm install -g npm，进行最新版本安装，确保网络畅通；如果npm安装慢成功率低可安装cnpm参考如下网址：https://b...原创 2019-03-25 00:49:33 · 540 阅读 · 0 评论 -
JS兼容IE和其它浏览器获取图片大小和预览的实现
JS兼容IE和其它浏览器支持获取图片大小和预览的实现，直接看代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">JS兼容IE和其它浏览器支持获取图片大小和预览的实现function p原创 2016-09-04 16:33:32 · 2827 阅读 · 0 评论 -
seaJS 简要介绍和完整例子
从事前端开发工作的大概都有所耳闻 requireJS 这个框架，除了这个外还有一个相似的就是 seaJS，以前都是使用而已没时间写一些记录，今天有空就写一下，顺便写个例子；什么是 seaJS ？和requireJS相似的，seaJS 是用JavaScript编写的JS框架，主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作，可简单理解为JS文件的加载器，它原创 2016-06-14 01:04:20 · 7799 阅读 · 1 评论 -
requireJS 简要介绍和完整例子
从事前端开发工作的大概都有所耳闻 requireJS 这个框架，以前都是使用而已没时间写一些记录，今天有空就写一下，顺便写个例子；什么是 requireJS ？ requireJS 是用JavaScript编写的JS框架，主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作，可简单理解为JS文件的加载器，它非常适合在浏览器中使用，它可以确保所依赖的JS文原创 2016-06-13 23:43:27 · 15364 阅读 · 1 评论 -
JS加载和读取XML文件
有时在开发时用到 JS 加载和读取XML文件的情况，写下提供参考，这里主要是分两步完成：1，JS加载XML文件步骤一般为（1），建立 XML DOM 对象；（2），设置加载方式，异步（推荐）或同步； （3）提供XML文件URL然后调用 load 方法；大致如下：var xmlFileName="xxFile.xml";var xmlDoc='';if (window.A原创 2012-03-09 20:40:53 · 34739 阅读 · 2 评论 -
可视终端展视设备的宽，高和缩放的设置
随着移动终端的不断出现新产品，WEB页面在不同的可视终端的一些设置需要注意;一，设置方式：1，name="viewport"， 名称为可视设备终端；2，width=device-width， 即宽度等于设备屏幕宽度；3，user-scalable=[no|yes]， 是否可以进行缩放，yes=可缩放，no不能缩放；4，initial-scale=1， 即初始化缩放倍数原创 2015-05-25 01:46:24 · 781 阅读 · 0 评论 -
JS实现对DOM元素事件的绑定
WEB中DOM元素添加事件是很常见的，绑定事件的方式，有多种, 其中一种如下：通过JS的 apply 函数实现对DOM元素事件的绑定，function bindEvent(obj,handlerFun){ return function(){ return handlerFun.apply(obj, arguments); };};这种方式比较独特，充分利用 JavaScri原创 2015-05-25 01:16:34 · 1829 阅读 · 0 评论 -
牛人用HTML5写的3D方块，很不错
牛人用HTML5写的3D方块，很不错，很值得学习http://codepen.io/jonathan/pen/zAFIp转载 2015-03-17 23:46:59 · 2550 阅读 · 0 评论 -
示例简易的jquery插件开发过程
插件开发常见到，这里是在网上看到的写法，大致摘录学习一下，原文见后面链接，首先来了解一下必要的知识。一，首先了解两个概念jquery(function(){})与(function(){}(jQuery)的区别1,jQuery(function(){});全写为jQuery(docunemt).ready(function(){});意义为在DOM加载完毕后执行ready(转载 2013-05-03 18:53:38 · 1181 阅读 · 0 评论 -
jQuery的 ajax 请求模型介绍
jQuery 的出现使 JS 对页面元素的操作变得更简单了, 其中进行 ajax 操作更是经常用到, 方法也有多种, 下面就利用 jQuery 进行 ajax 请求的其中的一种通用模型进行简单介绍:1,通用模型:--------------------------------------------------------------------------------------原创 2012-03-10 11:11:40 · 1456 阅读 · 0 评论 -
用HTML5实现的各种排序算法的动画比较
用HTML5实现的各种排序算法的动画比较转载 2014-05-20 23:53:12 · 4020 阅读 · 0 评论 -
three.js 简介
3D技术，逐步显示它的生命力，有着很强的魅力，不管在游戏，生活，应用，科技，医疗等等方面都可以使用，3D更逼近我们生活的实际，更直观的展现效果，逐步越来越被关注和应用，下面是看到的一下开源WEB 3D JS框架，转载一下。Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者转载 2013-12-18 18:01:00 · 1576 阅读 · 0 评论 -
JS中apply和call的联系和区别
JS中有时常用到 apply 和 call 两个方法，搜索网上很多，整理如下，简单看看这两个联系和区别，联系:网上查到关于apply和call的定义：这两个方法都能劫持另外一个对象的方法，继承另外一个对象的属性.xxxFunction.apply(obj,args) 方法接收两个参数obj:这个对象将代替xxxFunction类里this对象,也即xxxFunction类(函数原创 2013-12-31 16:37:48 · 15104 阅读 · 4 评论 -
HTML5 JavaScript实现图片文字识别与提取
牛人写的东西博客，转载一下，原文见 http://blog.youkuaiyun.com/coolanfei/article/details/11749833HTML5 JavaScript实现图片文字识别与提取思路实现一个算法，思路是最重要的，而实现不过是把思想转化为能够运行的代码。简单地说，要进行文本识别，自然是拿图片的数据与文字的图形数据进行对比，找到与图片数据匹配程度最高的转载 2013-09-18 17:54:19 · 9119 阅读 · 0 评论 -
JS对象的选取函数
在前端开发中, 对象的选取 (通过对象 ID ) 是必备的技能, 下面就用 JS 自定义一个对DOM树中各个对象进行选取的函数, function getObj(objID){ //function $(objID){ //ok return "string" == typeof(objID) ? document.getElementById(objID) : id ;}原创 2012-03-13 17:21:31 · 2114 阅读 · 0 评论 -
关于 compatMode 问题
在开发时, 对于 document.compatMode 问题, 这个对于我们开发兼容性的web页面很有帮助，MS IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks M原创 2012-03-13 10:32:00 · 4849 阅读 · 0 评论 -
JS中遍历函数each的实现
JS中遍历函数操作经常使用到, 遍历就是对数据集合内元素进行某个操作, 因为是对集合内每个元素都进行指定操作, 故称遍历, 数据集合, 我们想到最常用的就是数组; 指定的操作,可以有多样, 最常用的就是利用一个函数来指定所进行的操作; 那么如果以数据集合, 和指定的操作作为某个 [ 即 each ] 函数的参数, 即可对数据集合内每个元素进行指定的操作, 下面看看其实现过程:原创 2012-03-13 10:14:24 · 25595 阅读 · 0 评论 -
标准 ASCII 码表
信息在计算机上是用二进制表示的，这种表示法让人理解就很困难。因此计算机上都配有输入和输出设备，这些设备的主要目的就是，以一种人类可阅读的形式将信息在这些设备上显示出来供人阅读理解。为保证人类和设备，设备和计算机之间能进行正确的信息交换，人们编制的统一的信息交换代码，这就是ASCII码表，它的全称是“美国信息交换标准代码”。这个会时常用到, 懒得记住, 于是写下来, 用到马上查看即可原创 2012-03-10 12:01:10 · 5229 阅读 · 0 评论 -
JS给元素添加事件
给页面的某个元素添加某个事件是前端开发经常遇到的事, 这里就演示利用原始的 JS 动态给页面某个元素添加事件, 兼容MS IE 和 非MSIE 的浏览器情况:1, JS给元素动态添加事件的通用函数function attachEvt(evt,refEventName,refObjID,refFunctionName){ //how use: attachEvt(event,'cli原创 2012-03-12 14:14:58 · 9455 阅读 · 0 评论 -
关于冒泡问题
关于冒泡问题, 这个问题我也不知道怎么说清楚, 有时需要使用到, 就我个人简单的理解就是当父子元素出现包含关系, 子元素包含在父元素中,但在父元素之上(可理解为其 z-Index 高于父元素); 或者可以这样理解, 父子元素出现重叠, 子元素的 z-Index 大于父元素, 当用户行为(如 click事件等)作用于子元素上时, 默认情况下,该事件会同时作用到下面的父元素, 但是有时, 我们希望仅仅原创 2012-03-12 20:49:28 · 1566 阅读 · 0 评论 -
兼容各个浏览器实现键盘响应事件
前端开发中, 响应键盘事件是经常用到的, 而且要求兼容各个浏览器, 方便用到是直接参考就可以了,下面就用 JS 实现一个兼容各个浏览器的通用响应键盘事件的函数:function xKeyEvent(e){ //通用的兼容各个浏览器的响应键盘事件函数//FUNCTION: do the EVENT of KEY var e = e || window.event; //事件处理原创 2012-03-12 15:08:17 · 2328 阅读 · 1 评论 -
JS函数的建立方式
在WEB前端开发时, 函数定义是免不了的事, 函数的定义可以有几种, 大致介绍如下:1，常见(传统)的函数定义方式：function funName (param1, param2 [,...] ) { //可以是多个参数//...function body...}或者var funName= function ( param1, par原创 2012-03-12 14:35:42 · 951 阅读 · 0 评论