- 博客(18)
- 收藏
- 关注
RSS订阅转载 前端Js框架汇总
概述： 有些日子没有正襟危坐写博客了，互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。 Web、无线、物联网、VR、PC从不同方向推
2017-08-26 14:30:56
411
转载 React入门实例
学习React不是一蹴而就的事情，入门似乎也没那么简单。但一切都是值得的。今天给大家带来一个详细的React的实例，实例并不难，但对于初学者而言，足够认清React的思考和编写过程。认真完成这个实例的每一个细节会让你受益匪浅。接下来我们开始吧！ 代码下载 预览 首先说明一下，本例究竟做了什么。本文实现了一个单页面人员管理系统的前台应用。包括以下功能：人员基本信息列表； 人员的录入及删除；
2017-08-16 14:20:15
356
转载 jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。<body><div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素</div><div id="msg"></div></body><script type="text/javascript">$(function(){ // 为span元素
2017-08-08 14:23:21
424
转载 JavaScript对象之正则表达式-RegExp
正则表达式在很多地方都会用到，应用最多的就是JS的表达验证，下面来学习怎么使用正则表达式。在JavaScript中用RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。RegExp正则表达式语法new RegExp(pattern, attributes);参数 1.参数pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。 2.参数 attributes 是一
2017-08-07 10:50:11
298
转载 Ajax核心对象 XMLHTTPRequest
首先还是先了解Ajax AJAX = Asynchronous JavaScript andXML（异步的 javascript 和 XML）。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。Ajax的核心思想在于异步交互。 要明白异步交互可以通过同步和异步的对比很容易明白： －同步交互，就是最常见的click-refresh模式，点一个连接或提交一个表单，然后就
2017-07-29 19:51:20
320
转载 JS闭包可被利用的常见场景
闭包的一个通常的用法是为一个在某一函数执行前先执行的函数提供参数。例如，在web环境中，一个函数作为setTimeout函数调用的第一个参数，是一种很常见的应用。setTimeout将要执行的函数(或者一段javascript代码，但这不是我们要讨论的情况)作为它的第一个参数，下一个参数是需要延迟执行的时间。如果一段代码想通过setTimeout来调用，那么它需要传递一个函数对象的引用来作为第一个参
2017-07-21 14:43:48
196
转载 ES6学习——Promises：API介绍
Promise的API并不是很多，下面一个一个简单看一下：1.构造函数Promise ( executor )let promise = new Promise( function (resolve, reject) { if (...) { resolve(value); // success } else {
2017-07-20 14:33:28
223
转载 webpack + react + redux + es6 开发组件化前端项目
因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。 项目结构规划 每个模块相关的 css、img、js 文件都放在一起，比较直观，删除模块时也会方便许多。测试文件也同样放在一起，哪些模块有没有写测试，哪些测试应该一起随模块删除，一目了然。build|-- webpack.con
2017-07-19 14:20:58
455
原创 Node.js 使用 child_process 实现多进程
nodejs是一种单线程模型，但是，使用nodejs的child_process模块可以实现多进程任务。利用child_process可以创建子进程，实现子进程和主进程之间的通信。nodejs v0.12.7版本child_process提供以下同步和异步的方式创建进程：异步创建： child_process.spawn(command[, args][, options]) opt
2017-07-18 14:14:39
874
转载 js,jquery then,angular.js $q 异步编程
我们知道,JavaScript语言的执行环境是单线程的。所谓”单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），
2017-07-17 14:19:50
573
转载 Angular 2的12个经典面试问题汇总（文末附带Angular测试）
Angular作为目前最为流行的前端框架，受到了前端开发者的普遍欢迎。不论是初学Angular的新手，还是有一定Angular开发经验的开发者，了解本文中的12个经典面试问题，都将会是一个深入了解和学习Angular 2的知识概念的绝佳途径。在文中，我们将会接触到很多Angular 2的重要概念，并附扩展阅读资料和自查小测试，供大家评估自己对Angular的了解程度。Angular 经典面试问题及扩
2017-07-17 14:11:24
426
原创 AngularJS实际项目应用——Service层介绍
所谓的Service层就是如何调用后台的rest api，你可能觉得这有什么可设计的？不就是用http或者http或者resource直接调用就行了吗？如果这样写，在简单的应用中还行，但程序一旦复杂起来，http调用会散落在各种controller或者directive中，会有很多重复的代码。如果后台restapi的路径设计不好的话，那通过http调用会散落在各种controller或者direct
2017-07-11 14:25:41
803
转载 jquery隐藏、显示、切换，滑动，淡入淡出，以及动画
通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：$("#hide").click(function(){ $("p").hide();});$("#show").click(function(){ $("p").show();});隐藏标签：<head> <title>jquery1.html</title> <meta
2017-07-10 14:30:09
365
转载 让 Bootstrap 轮播效果支持左右滑动手势
// 本文所使用的 Bootstrap 版本为 v3.0.3因为最近开发的项目涉及到移动设备上的 HTML5 开发，其中需要实现轮播效果。然后最快捷的方式，你知道的（Bootstrap），然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势。然后……自己想办法呗，再然后，就有下面3种解决方案 ：jQuery Mobile (http://jquerymobile.com/d
2017-07-10 14:17:50
1541
转载 jquery 实现导航栏滑动效果
精简的代码实现导航栏滑动效果，实现详解：1.滑块位置：通过父节点position=fixed，子节点position=absolute方式，实现子节点浮动；2.导航栏居中：通过left=0px，right=0px，margin-left=auto，margin-right=auto实现；3.通过jQuery动态改变滑块的Left和Width，然后通过animate实现动画效果。<!DOCTYPE h
2017-07-10 14:14:11
1012
转载 正则表达式
正则表达式——古老而又强大的文本处理工具。仅用一段简短的表达式语句，就能快速地实现一个复杂的业务逻辑。掌握正则表达式，让你的开发效率有一个质的飞跃。正则表达式经常被用于字段或任意字符串的校验，比如下面这段校验基本日期格式的JavaScript代码：var date = "1994/03/05"; var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$
2017-07-07 13:17:56
185
转载 jQuery性能优化指南
1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码：<div id="content"><form method="post" action="#"><h2>交通信号灯</h2><ul id="traffic_light"><li><input type="radio"
2017-07-06 14:21:07
198
转载 JQuery中$.ajax()方法参数详解
<pre name="code" class="javascript">url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。timeout: 要求为Number类型的参数，设置请求超时时间（毫秒
2017-07-06 13:48:33
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人