随笔分类 - [10]JS
-
用jQuery写了一个模态框插件
摘要:用jQuery写了一个模态框插件大家觉得下面的框框好看么, 水印可以去掉(这个任务交给你们了(~ o ~)~zZ);"info"框$("div").confrimModal("成功! ", {type:"info", themeColor: "#008B8B"}, true);"alert"框$("... 阅读全文
-
理解jquery的$.extend()、$.fn和$.fn.extend()
摘要:理解jquery的$.extend()、$.fn和$.fn.extend()jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。jquery的全局函数就是属于jquery命名空间的函数。另一种是对象级别的插件开发,即给jque... 阅读全文
-
写jQuery插件
摘要:手把手教你怎么写jQuery插件 这次随笔,向大家介绍如何编写jQuery插件。啰嗦一下,很希望各位IT界的‘攻城狮’们能和大家一起分享,一起成长。点击左边我头像下边的“加入qq群”,一起分享,一起交流,当然,可以一起吹水。哈,不废话,进入正题。 jQuey是一个非常好用的javascript类... 阅读全文
-
React实践
摘要:React实践(一)该实践取自官方教程:https://github.com/reactjs/react-tutorial主要是自实现的过程以及一些心得体会该实践是实现一个评论框。一个展示所有评论的视图一个提交评论的表单与后台的接口hook特点:评论提交之前就先显示在列表中,提高体验其他用户的评论实... 阅读全文
-
jQuery插件
摘要:jQuery插件的点点滴滴说起jQuery插件,很多人的脑海种已经有了一定的雏形,仿佛感觉仅仅就是那样子,事实呢?当你看了Bootstrap.js,品读了slidesjs,观摩了jquery.cycle2.js,不禁发现,原来插件的世界千变万化,细微之处总是不容易让人发觉,世界那么大,那么我们就一起... 阅读全文
-
TypeScript 基本语法
摘要:TypeScript 基本语法TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括:加入注释,让编译器理解所支持的对象和函数,编译器会移... 阅读全文
-
React-Native
摘要:React-Native入门指南——第4篇react-native布局实战(二)摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用,释放Na... 阅读全文
-
用grunt搭建自动化的web前端开发环境
摘要:用grunt搭建自动化的web前端开发环境 jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用!1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的o... 阅读全文
-
作用域和控制器
摘要:AngularJS笔记---作用域和控制器什么是作用域. 什么是控制器, 作用域包含了渲染视图时所需的功能和数据,它是所有视图的唯一源头。可以将作用域理解成试图模型(ViewModel). 作用域之间可以是包含关系也可以是独立关系.可以通过设置不同的ng-Controller来让$scope处于不同... 阅读全文
-
OOP 创建对象的7种方式
摘要:JavaScript OOP 创建对象的7种方式我写JS代码,可以说一直都是面向过程的写法,除了一些用来封装数据的对象或者jQuery插件,可以说对原生对象了解的是少之又少。所以我拿着《JavaScript高级程序设计 第3版》恶补了一下,这里坐下总结笔记,属于菜鸟级别,大神请直接无视。1、工厂模式... 阅读全文
-
jQuery.extend()方法和jQuery.fn.extend()方法
摘要:jQuery.extend()方法和jQuery.fn.extend()方法源码分析这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子:html代码如下: ... 阅读全文
-
TagHelper
摘要:TagHelper在新版的MVC6中,微软提供了强大的TagHelper功能,以便让我们摆脱如下的臃肿代码:@Html.LabelFor(model => model.FullName)@Html.EditFor(model => model.FullName)@Html.ValidationMes... 阅读全文
-
AlloyRenderingEngine
摘要:AlloyRenderingEngine燃烧的进度条写在前面Github:https://github.com/AlloyTeam/AlloyGameEngineHTML 5新增了progress标签,那么再去使用AlloyRenderingEngine去模拟进度条是否多余?不多余。有四大好处:样式... 阅读全文
-
jquery.validate1.13
摘要:jquery.validate新的写法(jquery.validate1.13.js)1234567891011121314151617181920212223242526272829303132333435363738394041用户名密码确认密码邮箱有推荐人请勾选推荐人看了之前的别人写的文章,貌... 阅读全文
-
JS模块化编程
摘要:JS模块化编程世面上有好多JavaScript的加载器,比如sea.js,require.js,yui loader, labJs...., 加载器的使用范围是一些比较大的项目, 个人感觉如果是小项目的话可以不用, 我用过seaJS和requireJS, 在项目中用过requireJS, requi... 阅读全文
-
ReactJS-render
摘要:ReactJS分析之入口函数renderReactJS分析之入口函数render前言 在使用React进行构建应用时,我们总会有一个步骤将组建或者虚拟DOM元素渲染到真实的DOM上,将任务交给浏览器,进而进行layout和paint等步骤,这个函数就是React.render()。首先看下该函数的接... 阅读全文
-
结婚电子
摘要:转载jquery版结婚电子请帖 老姐看了jquery版小型婚礼(可动态添加祝福语),觉得还不错,就让我给他们做一个电子请帖。已经做了大半年了,懒着一直没发……趁现在想起来了,就赶紧放上来让大家看看。 一、图片展示 1.开场动画 新人开着小轿车缓缓向我们驶来,从这头到那头,其中的滋味醉在心头。 ... 阅读全文
-
JS编程
摘要:JS编程常识一.UI层的松耦合松耦合就是要求各层遵循“最少知识原则”,或者说是各层各司其职,不要越权:HTML:结构层CSS:表现层JS:行为层对于各层的职能,有一句比较贴切的解释:HTML是名词(n),CSS是形容词(adj)和副词(adv),JS是动词因为三层联系紧密,实际应用中很容易越权:1.... 阅读全文
-
ReactJs入门思路
摘要:ReactJs入门思路小指南原文http://segmentfault.com/blog/fakefish/1190000002449277React是怎么搞的?React中,把一切东西都看成组件,而且所有组件有其状态。什么是状态?简单来说,一个组件有多种有限的状态,但同时只能是一种状态,不过条件处... 阅读全文
-
nodejs学习之实现简易路由
摘要:转载nodejs学习之实现简易路由此前实现了个数据转发功能,但是要建本地服务器,还需要一个简易的路由功能。因为只是用于本地服务器用于自己测试用,所以不需要太完善的路由功能,所以也就不去使用express框架,而是自己实现一个简易路由,可以针对自己的需求来定制路由功能。 在制作路由功能之前,我先写了... 阅读全文