js进阶】

AngularJS进阶(二十二)实现时间选择插件

JS实现时间选择插件引导语   在项目开发过程中，需要实现根据以日期为筛选条件之一，故需要实现时间选择插件。对于未接触的新事物，自己总是感觉不明觉厉。其实，有些实现可以使用很简单的方法即可。以此为例，偶然的一次翻看课本发现HTML5中已经设计到此种实现。其中，设置input元素的type属性为datetime-local即可实现。问题   实际编码过程中，还是出现了问题。$scope.bill_d
sunhuaqiang1·2015-12-25 10:00

AngularJS进阶(二十一)Angularjs中scope与rootscope区别及联系

Angularjs中scope与rootscope区别及联系   scope是html和单个controller之间的桥梁，数据绑定就靠他了。rootscope是各个controller中scope的桥梁。用rootscope定义的值，可以在各个controller中使用。下面用实例详细的说明一下。1.js代码phonecatApp.controller('TestCtrl',['$scope',
sunhuaqiang1·2015-12-16 09:00

RequireJS进阶（三） 转

进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。 但以上两种方式有几个问题1、通过命令手动配置压缩选项显得很呆板2、都仅合并为一个文件对于最后只生成一个文件的库来说，这种方式并无不妥。比如jQuery，它的工程中小文件有20多个，打包后只有一个jquery-1.x.x.js。对于多数实际应用项目来说，可能
前端点靠姆·2015-12-11 16:00

RequireJS进阶（一） 转

为了应对日益复杂，大规模的JavaScript开发。我们化整为零，化繁为简。将复杂的逻辑划分一个个小单元，各个击破。这时一个项目可能会有几十个甚至上百个JS文件，每个文件为一个模块单元。如果上线时都是这些小文件，那将对性能造成一定影响。 RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对整个项目进行打包。r.js的压缩工具使
前端点靠姆·2015-12-11 16:00

RequireJS进阶（二） 转

这一篇来认识下打包工具的paths参数，在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名（jQuery作为AMD模块时id为“jquery”，但文件名可通过paths配置可以不必是“jquery.js”，而是带有版本的如“jquery-1.7.2.js”）。 在入门一中，jquery-1.7.2.js和main.js都在一个域中，即把jquery
前端点靠姆·2015-12-11 16:00

node.js进阶学习

简介如果您听说过Node，或者阅读过一些文章，宣称Node是多么多么的棒，那么您可能会想：“Node究竟是什么东西？”尽管不是针对所有人的，但Node可能是某些人的正确选择。为试图解释什么是Node.js，本文探究了它能解决的问题，它如何工作，如何运行一个简单应用程序，最后，Node何时是和何时不是一个好的解决方案。本文不涉及如何编写一个复杂的Node应用程序，也不是一份全面的Node教程。阅读本
·2015-12-09 17:29

AngularJS进阶(二十)HTML5实现获取地理位置信息并定位功能

HTML5实现获取地理位置信息并定位功能注：请点击此处进行充电!前言   这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如
sunhuaqiang1·2015-12-06 18:00

AngularJS进阶(十九)在AngularJS应用中集成百度地图实现定位功能

在AngularJS应用中集成百度地图实现定位功能注：请点击此处进行充电!前言   根据项目需求，需要实现手机定位功能，考虑到百度业务的强大能力，遂决定使用百度地图第三方服务。   添加第三方模块的步骤与前面介绍的“在AngularJS应用中集成科大讯飞语音输入功能”步骤相同，在此不再赘述。问题   1.有些手机无法实现定位功能(以我的手机为例:MX2，刚开始时可以实现定位，后来就出现无法定位的情
sunhuaqiang1·2015-12-06 18:00

AngularJS进阶(十八)在AngularJS应用中集成科大讯飞语音输入功能

在AngularJS应用中集成科大讯飞语音输入功能注：请点击此处进行充电!前言   根据项目需求，需要在首页搜索框中添加语音输入功能，考虑到科大讯飞语音业务的强大能力，遂决定使用科大讯飞语音输入第三方服务。软件首页截图如下所示：    涉及的源代码如下所示: //语音识别 $rootScope.startRecognize=function(){ varspeech; varoptions=
sunhuaqiang1·2015-12-06 10:00

AngularJS进阶(十七)在AngularJS应用中实现微信认证授权遇到的坑

在AngularJS应用中集成微信认证授权遇到的坑注:请点击此处进行充电!前言      项目开发过程中，移动端新近增加了一个功能“微信授权登录”，由于自己不是负责移动端开发的，但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。最后还得靠自己做进一步的优化工作，谁让自己是负责人呢？原来负责人就是负责最后把所有的BUG解决掉。   首先，熟悉一下微信授权部分的源代码，如下所示:/*---
sunhuaqiang1·2015-12-05 19:00

AngularJS进阶(十六)脏值检查

脏值检查注：请点击此处进行充电!需求  在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。实现  可以利用angualr的脏值检查机制解决。  由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用ng-change内置指令,通过控制业务逻辑实现。Demo如下:V
sunhuaqiang1·2015-12-03 11:00

AngularJS进阶(十五)Cookie 'data' possibly not set or overflowed because it was too large

Cookie 'data' possibly not set or overflowed because it was too large (5287 > 4096 bytes)!注：请点击此处进行充电!故事起源   项目开发过程中遇到以上问题，刚开始以为只是个警告，没太在意。后来发现直接影响到了程序的执行效果。果断寻找解决方法。问题分析  根据Chrome浏览器信息定位，显示以下代码存在错误:$
sunhuaqiang1·2015-12-03 10:00

AngularJS进阶(十四)AngularJS灵异代码事件

AngularJS灵异代码事件注：请点击此处进行充电!事情原委router_sys.js源代码如下: 自己在html路由跳转的代码如下: 但是在实际路由过程中，却路由到了下面的状态，相应的页面中去。诡异的是在UC上第一次路由正常，第二次还是路由到下面的状态！路由命名是没有问题的，却执行到别路由中去了。费解！驱除内鬼内鬼一时还真找不出来。尝试通过编写点击事件在函数内路由至所需页面，结果还是不可达。新
sunhuaqiang1·2015-12-02 21:00

AngularJS进阶(十三)JS利用正则表达式校验手机号

JS利用正则表达式校验手机号注:请点击此处进行充电！绪    由于项目需求，需要在前端实现手机号码的校验。当然了，对于基本的格式校验应该放在客户端进行，而不需要再将待校验的手机号发送至服务端，在服务端完成校验，然后将校验结果返回给客户端，客户端根据返回的结果再进行进一步的处理。如此反而复杂化了处理过程。    其实，处于安全考虑，应该在服务端进行二次校验。以下为在客户端的JS中校验手机号码格式的代
sunhuaqiang1·2015-12-01 20:00

AngularJS进阶(十二)AngularJS常用知识汇总(不断更新中....)

AngularJS常用知识汇总(不断更新中....)注:请点击此处进行充电!app.controller('editCtrl',['$http','$location','$rootScope','$scope','$state','$stateParams',])function($http, $location, $rootScope, $scope, $state, $stateParams
sunhuaqiang1·2015-11-26 17:00

AngularJS进阶(十一)AngularJS实现表格数据的编辑,更新和删除

AngularJS实现表格数据的编辑,更新和删除效果 实现首先，我们先建立一些数据，当然你可以从你任何地方读出你的数据varapp=angular.module('plunker',['ui.bootstrap']); app.controller('MainCtrl',function($scope){ $scope.name='World'; $scope.employees=[{id:101
sunhuaqiang1·2015-11-26 17:00

AngularJS进阶(十)AngularJS改变元素显示状态

AngularJS改变元素显示状态前言本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。控制html元素显示和隐藏有n种方法：html的hidden、css的display、jquery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态。监听函数、
sunhuaqiang1·2015-11-26 17:00

AngularJS进阶(九)控制器controller之间如何通信

AngularJS控制器controller之间如何通信注:请点击此处进行充电!angular控制器通信的方式有三种： 1，利用作用域继承的方式。即子控制器继承父控制器中的内容 2，基于事件的方式。即$on,$emit,$boardcast这三种方式 3，服务方式。写一个服务的单例然后通过注入来使用利用作用域的继承方式由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值
sunhuaqiang1·2015-11-20 19:00

AngularJS进阶(八)实现页面跳转并进行参数传递

angularjs实现页面跳转并进行参数传递注:请点击此处进行充电!Angular页面传参有多种办法，我在此列举4种最常见的:1. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.html）放置了多个producers，点击其中一个目标，页面跳转到对应的producer页，同时将prod
sunhuaqiang1·2015-11-20 19:00

AngularJS进阶(七)实现根据不同条件显示不同控件

AngularJS实现根据不同条件显示不同控件由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示: 即当选择“每单固定减”时，下方只显示“减免金额”一栏；    当选择“每单固定折扣”时，下方只显示“折扣比例”一栏；  当选择“每单满额减”时，下方只显示“满..减..”两栏。根据自己对angular的了解，应该可以很轻松的实现此功能。js设置控件的隐藏与显示，设置控件styl
sunhuaqiang1·2015-11-20 19:00

js进阶

今天上午一群得昊兄指教得来的结果，特记录如下： 1.跨域是一个什么问题，为什么JS不能访问其他域的内容？ 2.那些方法可以解决跨域问题？ 3.当前场景下选择那种方式解决跨域问题？ 限制跨域访问是一个安全机制，是基于浏览器安全的要求，JS在设计之初便把跨域作为一个安全机制引入了。 例如你的js是在 www.google.com的域名下，你需要调用的数据在  
·2015-11-13 05:21

有关js进阶的书

我觉得js进阶的书看《Javascript DOM高级程序设计》和《javascript设计模式》就非常不错。
·2015-11-13 04:44

RequireJS进阶（三）

进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。   但以上两种方式有几个问题 1、通过命令手动配置压缩选项显得很呆板2、都仅合并为一个文件 对于最后只生成一个文件的库来说，这种方式并无不妥。比如jQuery，它的工程中小文件有20多个，打包后只有一个jquery-1.x.x.js。对于
·2015-11-13 04:36

RequireJS进阶（二）

一篇来认识下打包工具的paths参数，在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名（jQuery作为AMD模块时id为“jquery”，但文件名可通过paths配置可以不必是“jquery.js”，而是带有版本的如“jquery-1.7.2.js”）。 在入门一中，jquery-1.7.2.js和main.js都在一个域中，即把jquery
·2015-11-13 04:36

RequireJS进阶（一）

为了应对日益复杂，大规模的JavaScript开发。我们化整为零，化繁为简。将复杂的逻辑划分一个个小单元，各个击破。这时一个项目可能会有几十个甚至上百个JS文件，每个文件为一个模块单元。如果上线时都是这些小文件，那将对性能造成一定影响。 RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对整个项目进行打包。 r.js的压缩
·2015-11-13 04:35

也谈闭包--小白的JS进阶之路

JavaScript当然是会用的，不过没有深入系统的学习罢了。平常还是用JQuery比较多，原生的JS用到的很少。 不过前端时间学习Ruby，被动态语言的强大和魔幻给震惊了一把。了解Ruby后，我把目光转移到了这门很早就伴随我的语言。JQuery是一个华丽的外衣，一把好用的工具，但炫彩背后必有强大的后台，让我稍微掀起这幕布的一角吧。 ###作用域链 闭包这个词想必大家不陌生，可谓是动
·2015-11-13 03:11

node.js进阶学习

简介 如果您听说过 Node，或者阅读过一些文章，宣称 Node 是多么多么的棒，那么您可能会想：“Node 究竟是什么东西？”尽管不是针对所有人的，但 Node 可能是某些人的正确选择。 为试图解释什么是 Node.js，本文探究了它能解决的问题，它如何工作，如何运行一个简单应用程序，最后，Node 何时是和何时不是一个好的解决方案。本文不涉及如何编写一个复杂的 Node 应用程序，也
·2015-11-08 16:23

2014第3周三JS进阶书籍

本来想尝试每天回答或看已解决的3个问题来学习总结今天的知识点，看了下博文里面的问答，在问的和已解决的都提不起兴趣。就看了下知识库里面一些文章，把里面感觉好的段落再摘录一下，为自己再看时备忘。 第一阶段：《JavaScript DOM编程艺术》   　　看这本书之前，请先确认您对Javascript有个基本的了解，应该知道if else之类的语法，如果不懂，先去看看我第二阶段推荐的
·2015-11-08 10:27

RequireJS进阶（三）

进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。   但以上两种方式有几个问题 1、通过命令手动配置压缩选项显得很呆板2、都仅合并为一个文件 对于最后只生成一个文件的库来说，这种方式并无不妥。比如jQuery，它的工程中小文件有20多个，打包后只有一个jquery-1.x.x.js。对于
·2015-11-03 22:44

RequireJS进阶（二）

这一篇来认识下打包工具的paths参数，在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名（jQuery作为AMD模块时id为“jquery”，但文件名可通过paths配置可以不必是“jquery.js”，而是带有版本的如“jquery-1.7.2.js”）。   在入门一中，jquery-1.7.2.js和main.js都在一个域中
·2015-11-03 22:43

RequireJS进阶（一）

为了应对日益复杂，大规模的JavaScript开发。我们化整为零，化繁为简。将复杂的逻辑划分一个个小单元，各个击破。这时一个项目可能会有几十个甚至上百个JS文件，每个文件为一个模块单元。如果上线时都是这些小文件，那将对性能造成一定影响。   RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对整个项目进行打包。
·2015-11-03 22:43

js进阶

　　上篇博客提到js是纯oop思想的语言 也就是在使用js编程的时候注重的是：什么时候 什么东西 做什么。 　　之前提到Js一经加载会马上执行，如果我们要控制的对象在js代码的下面那么网页被打开时js会先被执行然后加载下面的html代码，当js被执行的时候，下面的html代码还没加载到，js控制的对象还没有存在于当前的页面这个时候js就会报错，提示找不到对象，根据这个原理呢，我们编写js代码的时
·2015-11-02 17:50

web前端开发分享-css,js进阶篇

　　一，css进阶篇： 　　等css哪些事儿看了两三遍之后，需要对看过的知识综合应用，这时候需要大量的实践 　　经验， 　　简单的想法：把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html，有无 　　从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信 　　可以自己先写，写完之后在对比，以其来找寻自己的差距。结构是网站的骨架，如果
·2015-10-27 14:36

JS 之Blob 对象类型

[JS进阶]HTML5之文件操作(file)这一篇中用到了File对象，而实际上file对象只是blob对象的一个更具体的版本，blob存储着大量的二进制数据，并且blob的s
自律西红柿·2015-10-15 20:00

JS进阶篇--前端的瑞士军刀Modernizr.js

前言Modernizr.js既能给老版本浏览器打补丁，又能保证新浏览器渐进增强的用户体验。作用：从实际操作来看，Modernizr默认做的事情很少，除了（在你选择的情况下）给不支持html5的标签的浏览器，如IE6，7，8追加一点由RemySharp开发的html5垫片脚本，使其识别、等html5元素之外，它主要做的就是浏览器‘功能检测’。因此，它知道浏览器是否支持各种html5和css3特性。下
weixin_34313182·2015-10-05 11:01

JS进阶篇--前端的瑞士军刀Modernizr.js

前言Modernizr.js既能给老版本浏览器打补丁，又能保证新浏览器渐进增强的用户体验。作用：从实际操作来看，Modernizr默认做的事情很少，除了（在你选择的情况下）给不支持html5的标签的浏览器，如IE6，7，8追加一点由RemySharp开发的html5垫片脚本，使其识别、等html5元素之外，它主要做的就是浏览器‘功能检测’。因此，它知道浏览器是否支持各种html5和css3特性。下
风雨后见彩虹·2015-10-05 00:00

AngularJS进阶(六)AngularJS+BootStrap实现弹出对话框

AngularJS+BootStrap实现弹出对话框参考资料：http://angular-ui.github.io/bootstrap/#/modalhttps://www.zybuluo.com/bornkiller/note/6023http://www.html5jq.com/fe/angular_node/20141127/13.html    若想要实现对话框弹出效果，可以使用angu
sunhuaqiang1·2015-09-17 20:00

AngularJS进阶(五)Angular实现下拉菜单多选

Angular实现下拉菜单多选写这篇文章时，引用文章地址如下：http://ngmodules.org/modules/angularjs-dropdown-multiselecthttp://dotansimha.github.io/angularjs-dropdown-multiselect/#/AngularJS Dropdown MultiselectThis directive give
sunhuaqiang1·2015-09-11 18:00

AngularJS进阶(四)ANGULAR.JS实现下拉菜单单选

ANGULAR.JS: NG-SELECT AND NG-OPTIONSPS:其实看英文文档比看中文文档更容易理解，前提是你的英语基础还可以。英文文档对于知识点讲述简明扼要，通俗易懂，而有些中文文档读起来特别费力，基础差、底子薄的有可能一会就会被绕晕了，最起码英文文档中的代码与中文文档中的代码是一致的，但知识点讲述实在是差距太大。Angular.js has a powerful directiv
sunhuaqiang1·2015-09-11 18:00

AngularJS进阶(三)HTML:让表单、文本框只读，不可编辑的方法

HTML:让表单、文本框只读，不可编辑的方法有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfocus=this.blur()方法2:readonly 方法3: disabled 很简单，但有时候很有用！
sunhuaqiang1·2015-09-11 18:00

AngularJS进阶(二)AngularJS路由问题解决

AngularJS路由问题解决遇到了一个棘手的问题：点击优惠详情时总是跳转到药店详情页面中去。再加一层地址解决了，但是后来发现问题还是来了:Could not resolve 'yhDtlMaintain/yhdetail' from state 'yhMaintain'药店详情http://192.168.1.118:8088/lmapp/index.html#/0  优惠券详情http://1
sunhuaqiang1·2015-09-10 10:00

AngularJS进阶(一)深入理解ANGULARUI路由_UI-ROUTER

深入理解ANGULARUI路由_UI-ROUTER最近在用 ionic写个webapp 看到几个demo中路由有好几种，搞的有点晕，查下资料研究下，做个笔记，其中大部分为摘抄别人的，做个说明免得被人吐槽。Angularjs ui-router - 组件：$state / $stateProvider：管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数，异步解决目标状态的任何依赖项，
sunhuaqiang1·2015-09-07 09:00

JS进阶篇--swfobject.js视频播放插件

在网页中经常会用到视频播放的功能，下面介绍一下swfobject.js的视频播放应用：html代码结构：css样式结构：body{background:#003368}#video_content{width:600px;height:400px;margin:200pxauto;}js代码：functionshowFLV(flvId,flvUrl,imgUrl,w,h){varimgUrl=im
风雨后见彩虹·2015-09-02 00:00

JS进阶篇--ckplayer.js视频播放插件

网页中常见的功能就是播放视频，下面介绍的这个ckplayer.js既可以在pc端播放，也可以在手机网页上播放。可调用flash也可以调用html5播放器：varflashvars={f:'http://movie.ks.js.cn/flv/other/1_0.mp4',c:0,loaded:'loadedHandler'};varvideo=['http://movie.ks.js.cn/flv/
风雨后见彩虹·2015-08-25 00:00

JS进阶篇--ckplayer播放器去掉右边的开关灯分享插件

在上一篇文章中介绍了如何使用ckplayer播放器，但是有的人不需要CK播放器右边的开关灯分享插件，那么就需要把该插件给去掉，方法也很简单。第一步：先打开ckplayer.js里找到下面三行删除掉cpt+='right.swf,2,1,-75,-100,2,0|';//右边开关灯，调整，分享按钮的插件cpt+='share.swf,1,1,-180,-100,3,0|';//分享插件cpt+='a
风雨后见彩虹·2015-08-25 00:00

JS进阶篇--iscroll.js的使用

入门Scroll是一个类，每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。尽可能保持DOM结构的简洁。iScroll使用硬件合成层但是有一个限制硬件可以处理的元素。最佳的HTML结构如下：.........iScroll作用于滚动区域的外层。在上面的例子中，UL元素能进行滚动。只有容器元素的第一个子元素能进行滚动，其他子元
风雨后见彩虹·2015-08-19 00:00

【JS进阶之路】JavaScript之入门初识

    在学习JavaScript之前先来了解一下它的概念以及历史，这些内容我们在开始也都学习到了： JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 在1995年时，由Net
u013058618·2015-08-16 12:00

2015年8月3日工作日志-------赵鑫

学习了W3C上的css基础教程3.完成了JS入门经典前6章1.问题：在对字母进行全排的时候没有考虑效率和内存改善方法：使用阶乘来进行运算，并使用了BigInteger来做数据存储1.做一道算法题2.学习JS
Y_mmmmmmm·2015-08-03 22:38

JS学习--制作一个表格，显示班级的学生信息

题目来源：慕课网JS进阶篇注：此处背景颜色修改尚未完成~~ newdocument window.onload=function(){ //鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色
u014033518·2015-07-02 21:00

[JS进阶] 编写可维护性代码

1可维护性代码的特点可理解性：其他人可以接手代码并理解它的意图，无需原开发人员花太多时间解释！直观性：代码中的东西一看就能明白，尽管其操作过程复杂。可适应性：代码以一种数据上的变化不要求完全重写方法。可扩展性：在代码架构上可对核心功能的扩展。可调式性：出错时，代码可以给你足够的信息来直接确定问题所在。2代码约定由于javascript语言的特点，我们可编写各种编程风格的代码，从传统的面向对象式到声
赵小宾·2015-04-01 10:00
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他