随笔分类 -  JAVASCRIPT

JAVASCRIPT
摘要:http://www.helloweba.com/view-blog-386.html 单页面应用(Single Page Application)简称SPA,使用SPA构建的应用优点有用户体验好、速度快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染,从而相对减轻了服务器压力,SP 阅读全文
posted @ 2017-02-18 16:48 jiangxiaobo
摘要:http://www.helloweba.com/view-blog-385.html WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,如Thinkphp,Wordpress中都应用了路由功能,它能够让请求的url地址变得更简洁。同样前端路由在单 阅读全文
posted @ 2017-02-18 16:46 jiangxiaobo
摘要:LoadJS是一个微小的异步加载器为现代浏览器(711字节). https://github.com/muicss/loadjs 介绍 LoadJS是一个微小的异步加载库的现代浏览器(IE9 +)。 它有一个简单而强大的依赖关系管理系统,它允许并行获取JavaScript和CSS文件,并在满足依赖关 阅读全文
posted @ 2017-02-18 12:44 jiangxiaobo
摘要:基础对象 首先是定义缺省的两个页面片段(缺省页面和出错页面,这两个页面是基础功能,所以放在库里)相关代码,对每个片段对应的url(例如home)定义一个同名的对象,里面存放了对应的 html 片段文件路径、初始化方法。 随后是全局变量,包含了 html 片段代码的缓存、局部刷新所在 div 的 DO 阅读全文
posted @ 2017-01-22 16:06 jiangxiaobo
摘要:(如果对SPA概念不清楚的同学可以先自行了解相关概念) 平时喜欢做点小页面来玩玩,并且一直采用单页面应用(Single Page Application)的方式来进行开发。这种开发方式是在之前一年做的一个创业项目的经验和思考,一直想写篇博客来总结一下。 个人认为单页面应用的优势相当明显: 当然,SP 阅读全文
posted @ 2017-01-22 13:56 jiangxiaobo
摘要:这篇文章主要介绍了JS生成随机字符串的方法,需要的朋友可以参考下 下面的一段代码,整理电脑时,记录备查。 使用方法,就不用说了吧,调用randomString方法,参数len为返回的随机字符串长度。 传参就长度,如果不带参数默认输出32个字符。 JS产生随机数的几个用法! 1.Math.random 阅读全文
posted @ 2017-01-12 17:27 jiangxiaobo
摘要:今天看到一个帖子,处理js中字符串每个单词的首字母大写。 原贴地址:关于字符串中每个单词的首字母大写化问题 受到启发,自己跟着改写了几个版本如下,请大家指正。 1、for循环: 这个逻辑应该说非常常见。 2、for循环+replace: 这个跟第一个差别不大。 3、正则+replace: 思路:用正 阅读全文
posted @ 2017-01-12 09:45 jiangxiaobo
摘要:有时候我们在某些网站上不想用户点击右键进行复制等操作 在body里面处理下就好了 移动端长按会复制等选项可以使用下述的代码屏蔽这个功能,将下述的css加到代码中即可 js代码-效果:防止复制+禁止右键兼容主流浏览器 很多时候我们自己网站上的原创文章不希望被别人直接复制拷贝走 下面我就给大家介绍一个J 阅读全文
posted @ 2017-01-11 14:36 jiangxiaobo
摘要:$1...$9 属性 (RegExp) (JavaScript) 返回在模式匹配期间找到的,所存储的最近的九个部分。只读。 返回在模式匹配期间找到的,所存储的最近的九个部分。只读。 语法 RegExp.$n 语法 RegExp.$n RegExp.$n RegExp.$n RegExp.$n Reg 阅读全文
posted @ 2017-01-05 17:02 jiangxiaobo
摘要:JS中isPrototypeOf 和hasOwnProperty 的区别 1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。 格式如下: object1.isPrototype 阅读全文
posted @ 2017-01-03 10:30 jiangxiaobo
摘要:鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)触发scr 阅读全文
posted @ 2016-11-03 11:48 jiangxiaobo
摘要:DOM0事件模型 事件模型在不断发展,早期的事件模型称为DOM0级别。 DOM0事件模型,所有的浏览器都支持。 直接在dom对象上注册事件名称,就是DOM0写法,比如: 意思就是注册一个onclick事件。当然,它和这种写法是一个意思: 这没什么,只不过是两种访问js对象属性的方法,[]的形式主要是 阅读全文
posted @ 2016-11-03 09:56 jiangxiaobo
摘要:1 (function() { 2 3 // 创建一个全局对象, 在浏览器中表示为window对象, 在Node.js中表示global对象 4 var root = this; 5 6 // 保存"_"(下划线变量)被覆盖之前的值 7 // 如果出现命名冲突或考虑到规范, 可通... 阅读全文
posted @ 2016-11-01 14:16 jiangxiaobo
摘要:8 位无符号整数值的类型化数组。内容将初始化为 0。如果无法分配请求数目的字节,则将引发异常。 语法 参数 uint8Array 必选。 Uint8Array 对象分配到的变量名称。 length 指定数组中元素的数目。 array 该数组中包含的数组(或类型化数组)。内容将初始化为给定数组或类型化 阅读全文
posted @ 2016-10-31 16:49 jiangxiaobo
摘要:javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截 阅读全文
posted @ 2016-10-31 16:45 jiangxiaobo
摘要:常用:JS 获取浏览器窗口大小 详细:关于获取各种浏览器可见窗口大小: 在我本地测试当中: 在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight 即可获得,很简单,很方便。 而在公司项目当中: Ope 阅读全文
posted @ 2016-10-29 19:41 jiangxiaobo
摘要:二、正文 设计师设计了一个图片上传圆环loading进度效果。如下截图: 首先,CSS3是可以实现的,以前写过一篇转大饼的文章:“CSS3实现鸡蛋饼饼状图loading等待转转转”。原理跟这个一模一样,两个半区的矩形,然后不同时机巧妙显隐实现。 但是呢,CSS3实现不太好理解,进度控制也不容易,最好 阅读全文
posted @ 2016-10-25 18:17 jiangxiaobo
摘要:Javascript作为一种语言,有个美誉,开发者可以重新定义任何事情。虽然这在过去的一些javascript可以,但是ECMAScript5中已经开始得到改变,例如,我们可以使用Object.defineProperty创建一个不能被修改的对象的属性。本文中我们将讲述Object.definePr 阅读全文
posted @ 2016-10-25 16:53 jiangxiaobo
摘要:发发牢骚 移动web端里摸爬滚打这么久踩了不少坑,有一定移动web端经验的同学一定被click困扰过。我也不列外。一路走来被虐的不行,fastclick、touchend、iscroll什么的都用过,各有优劣,都不能一步到位。最后实在是被逼无奈,翻阅了不少资料,自定义了一个tap。 效果预览 废话不 阅读全文
posted @ 2016-09-01 17:32 jiangxiaobo
摘要:如果大家将一张网页看成一个form的话,大致上就成了一个web form的模型。在win form 下要想手动触发某一个对象的事件是很简单的,只要发送一条消息即可达成。(PostMessage) 但是网页并不是基于消息机制的,如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢?为大家介绍 阅读全文
posted @ 2016-09-01 15:52 jiangxiaobo