06 2017 档案

带你正确了解ES6
摘要：ES6全名是ECMAScript 6，是JavaScript语言的下一代标准。 Babel，可以将ES6代码转为ES5代码，是一个环境执行。 ES6最常用的特性：let, const, class, extends, super, arrow functions, template string, 阅读全文
posted @ 2017-06-30 22:05 hi?* 阅读(222) 评论(0) 推荐(0)
iscroll在谷歌浏览器中bug
摘要：iscroll 在安卓app嵌套html页面时，导致列表页滑动不起来，并且在chorme浏览器中使用手机模式，也滑动不起来。 关闭 PointerEvent 即可 全局关闭 局部关闭 <!-- 将这段代码放在 head 标签内 --> 2 <script>window.PointerEvent = 阅读全文
posted @ 2017-06-28 21:53 hi?* 阅读(204) 评论(0) 推荐(0)
angular中的用到的几种方法总结
摘要：Angular的方法不在于多，在于是否能够用得着。下面会详细讲解angular中的一些方法。 如果原生的JS写在head里经常用到 window.onload ，意思是页面加载完成后执行，在angular中有不同的写法 angular.element(document).ready() angula 阅读全文
posted @ 2017-06-27 17:42 hi?* 阅读(1550) 评论(0) 推荐(0)
grunt前端自动化(压缩)工具
摘要：grunt非常强大的自动压缩代码，使用代码更加轻量、简洁，所以grunt是非常值得学习的。 安装grunt是基于nodeJS，打开cmd框，我们可以输入node -v 检测是否在node服务下 。 需要npm包管理工具安装grunt，检测npm参考上面，安装好是会提示版本号。 然后全局安装grunt 阅读全文
posted @ 2017-06-26 20:55 hi?* 阅读(264) 评论(0) 推荐(0)
gulp略完整的前端代码打包
摘要：安装gulp-cli npm install gulp-cli -g安装gulp: npm install gulp 需要:另存命名为：gulpfile.js package.json（团队开发）npm init下载 一路回车,最终选择yes; 安装gulp-uglify插件 npm install 阅读全文
posted @ 2017-06-25 21:59 hi?* 阅读(384) 评论(0) 推荐(0)
Node.js服务框架
摘要：Node.js是一个非常强大的基于JavaScript的框架/平台，是一个基于Google Chrome浏览器的JavaScript引擎（V8 Engine）的服务器端平台。简单的说 Node.js 就是运行在服务端的 JavaScript。 介绍一下如何把url解析成对象 node文件系统 1、加 阅读全文
posted @ 2017-06-25 21:27 hi?* 阅读(226) 评论(0) 推荐(1)
利用canvas画布画出一个钟表
摘要：context是一个封装了很多绘图功能的对象。不支持低版本的IE。 思路是获取到时分秒渲染到页面 创建画布路径 画布的时间刻度 因为每次都会更新新的时间，需要清除画布 cxt.clearRect(0,0,500,500); 创建一个函数 定时器让画布每秒动一次 setInterval(drawClo 阅读全文
posted @ 2017-06-23 21:58 hi?* 阅读(263) 评论(0) 推荐(0)
angularJS可以实现常常看到购物车中的升序降序效果
摘要：获取到数组的内容显示页面 打开页面就可以看到效果了。 阅读全文
posted @ 2017-06-22 22:21 hi?* 阅读(325) 评论(0) 推荐(0)
angular中的$watch()
摘要：在angular中，通常我们用input创造数据。获取数据用ng-model，但当数据发生变化时，常常用ng-change来获取数据，但是ng-change有一个严重的缺点，不会把新的数据及时刷新到页面上。这里，我们就要使用$watch()了。 我们做一个实验。 app.controller('te 阅读全文
posted @ 2017-06-21 23:11 hi?* 阅读(282) 评论(0) 推荐(0)
为表单验证更加简便的validate.js
摘要：大家一定很熟悉jquery.js了,jquery使代码更加简洁。而validate.js是jquery团队开发的jquery.js的验证插件。 validate可以验证用户名，密码，确认密码。 //先写html表单 引入js文件: 其实还可以自动义验证规则：自定义名在调用到需要验证的那个元素里，tr 阅读全文
posted @ 2017-06-20 23:15 hi?* 阅读(188) 评论(0) 推荐(0)
灵活实用require.js，让JS加载速度更流畅
摘要：当一个网页引入很多js文件，网页加载会变得很慢，并且js文件存在依赖性，有时候颠倒顺序就不能运行了，这很影响用户体验。 require.js解决了异步加载，提高网页的加载，同时依赖顺序的js可以用数组排序。 第一部加载require.js放到目录的js子目录下: <script src="js/re 阅读全文
posted @ 2017-06-19 20:33 hi?* 阅读(2121) 评论(0) 推荐(1)
【cookie】实现保存、读取、删除功能
摘要：假设有这样一种情况，需要在A页面输入一条数据，使用JS变量保存这条数据，同时B页面引用，使用这条变量，由于JS代码有局限性，即无法达成传递数据的效果。 那么我们使用cookie来存放 读取数据。 cookie是name=value的格式。各个cookie之间一般是以“;”分隔。 文本框输入数据： 使 阅读全文
posted @ 2017-06-15 17:40 hi?* 阅读(889) 评论(0) 推荐(0)
了解jQuery Validate.JS后不用再为正则验证头疼
摘要：jQuery Validate 是功能丰富的正则验证插件，为客户端提供了强大的验证功能，同时提供了大量的正则选项，满足应用程序各种需求。该插件捆绑了一整套有用的验证方法，同时包括URL验证和电子邮件验证，为客户端带来更加便捷的用户体验。 通过实例来说明一下，更易于理解。 定义完正则规则并且提示信息， 阅读全文
posted @ 2017-06-14 19:03 hi?* 阅读(743) 评论(0) 推荐(0)
Javascripty(数组字符串篇)
摘要：在数组中，元素之间用逗号隔开，数组的下标从0开始。 length用来测试数组的长度，typeof 检测是哪种数据类型。 声明数组的方式： var arr=[1,2,3]; var arr1=new Array(); 数组的方法有: 字符串的创建： var str="hello Javastring" 阅读全文
posted @ 2017-06-13 08:30 hi?* 阅读(205) 评论(0) 推荐(0)
Javascripty(中篇)
摘要：Javascript的数据类型: 运算符： 语句： 函数： 学好Javascript在与多看多写多练，祝大家学习生活愉快，谢谢O(∩_∩)O~ 阅读全文
posted @ 2017-06-11 20:36 hi?* 阅读(197) 评论(0) 推荐(0)
javascript（入门篇）
摘要：一、为什么要学javascript？ 1、因为你别无选择！只有javascript可以控制所有常用的浏览器，而且javascript是世界上最重要的编程语言之一，学习web技术必须学会javascript。 二、JavaScript语言的特点: 1、脚本编写语言 2、基于对象的语言 3、简单性 4、 阅读全文
posted @ 2017-06-10 20:41 hi?* 阅读(206) 评论(0) 推荐(0)
Git与Github（初基础）
摘要：很多初学者看到Git、Github，很多人都不清楚这些名词到底指的是什么。看到此文希望能对你有许帮助。 Git-命令 在桌面右击会弹出 Git Bash Here 显示小黑框，启动Git $ mkdir 创建一个文件夹 $ touch 创建一个文件 $ cd 切换磁盘 $ cd .. 返回上一级 $ 阅读全文
posted @ 2017-06-09 20:30 hi?* 阅读(139) 评论(0) 推荐(0)
解释ajax的工作原理
摘要：1、创建ajax对象（XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp)） 2、打开链接 open(请求方式,'请求路径',同步/异步) 3、发送 send() 4、当ajax对象完成第四步（onreadystatechange）数据接收完成，判断对象状态 阅读全文
posted @ 2017-06-08 22:25 hi?* 阅读(874) 评论(0) 推荐(0)
rem是什么
摘要：我们已知px是固定值像素单位，em是相对于当前父级的字体大小定义的。而rem是根元素的字体大小定义的，相对于前两位，rem是比较好用和使用最多的单位。 阅读全文
posted @ 2017-06-08 14:47 hi?* 阅读(865) 评论(0) 推荐(0)