前端
jerome_s
靠谱。
展开
-
Select标签 根据value值默认选中 Jquery
网上找了很多都是错的,不行的。 下面方法可以的 $(document).ready(function(){ $("#status").attr("value",'${requestScope.status}'); }) ${requestScope.status}是后台传的值 请选择 未用 试原创 2014-08-06 18:49:53 · 8342 阅读 · 1 评论 -
AngularJS Directive 隔离 Scope 数据交互
什么是隔离 ScopeAngularJS 的 directive 默认能共享父 scope 中定义的属性,例如在模版中直接使用父 scope 中的对象和属性。通常使用这种直接共享的方式可以实现一些简单的 directive 功能。当你需要创建一个可重复使用的 directive,只是偶尔需要访问或者修改父 scope 的数据,就需要使用隔离 scope。当使用隔离 scope 的时候,dire转载 2016-09-14 08:16:35 · 592 阅读 · 0 评论 -
AngularJS介绍
AngularJS 是什么? google动态web应用设计的一个js框架,是为了克服HTML在构建应用上的不足而设计的。AngularJS 的四个核心思想 1. 依赖注入(MVC) 2. 模块化 3. 双向数据绑定 4. 语义化标签(指令系统)AngularJS原创 2016-09-11 10:30:30 · 564 阅读 · 0 评论 -
使用DWR实现自动补全 类似百度搜索框的自动显示效果
使用DWR实现自动补全 类似百度搜索框的自动显示效果自动补全:是指用户在文本框中输入前几个字母或汉字的时候,自动在存放数据的文件或数据库中将所有以这些字母或汉字开头的数据提示给用户供用户选择在日常上网过程中,我们经常使用搜索引擎,当我们输入想要检索的关键字时,搜索引擎会提示我们相关的关键字原创 2014-06-13 19:20:12 · 1932 阅读 · 0 评论 -
1. React介绍 React开发环境搭建 React第一个程序
什么是 React React 是 Facebook 发布的 JavaScript 库,以其高性能和独特的设计理念受到了广泛关注。React的开发背景 Facebook需要解决的问题:构建数据不断变化的大型应用。 数据变化 1. 大量DOM操作 (方案:自动DOM操作 ) 2. 逻辑极其复杂 (方案:状态对应内容 )React的原创 2016-10-25 23:12:31 · 1693 阅读 · 0 评论 -
2. React JSX语法及特点介绍
什么是JSX JSX 是一种类 XML 语言,全称是 JavaScript XML 。React 可以不使用 JSX来编写组件,但是使用JSX可以让代码可读性更高、语义更清晰、对 React 元素进行抽象等等。 JSX不是XML或者HTML,不是一种限制,是基于ECMAScript的一种新特性,一种定义带属性树结构的语法。JSX是JS的一中语法糖,类似CoffeeScr原创 2016-10-26 19:22:56 · 2170 阅读 · 0 评论 -
3. React 组件生命周期介绍
React 中的每个组件都有三个阶段,这三个阶段构成了组件完整的生命周期。组件的生命周期为初始化→运行中→销毁,每个阶段都可以有开发者自定义的函数,执行不同的行为。下面介绍不同阶段的特点、不同阶段可以触发的函数以及触发条件。 组件本质上是状态机,输入确定,输出一定确定。状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出响应。可以用事件的思路来理解状态。初始化阶段介绍原创 2016-10-26 19:59:31 · 557 阅读 · 0 评论 -
4. React 属性和状态介绍
React 中的属性和状态初看之下可以互相替代,但是在 React 的设计哲学中两者有着截然不同的使用方式和使用场景。属性的含义和用法 props = properties 属性往往是与生俱来、无法自己改变的 第一种使用方式:{this.state.name}type="text/babel"> var HelloWorld = React.crea原创 2016-10-26 20:23:43 · 890 阅读 · 0 评论 -
5. React 组件的协同使用 组件嵌套和Mixin
组件是React的核心,构建大型项目时多个组件之间需要进行协同使用。可以从横向和纵向两个角度来实现组件的协同使用,纵向的协同使用就是组件嵌套,横向的协同使用就是Mixin(抽取公共方法)。下面介绍两种方式组件协同使用介绍 当组件越来越多的时候,我们就需要对组件进行管理。 组件的协同本质上是对组件的一种组织、管理方式。 目的: 逻辑清晰原创 2016-10-27 06:51:30 · 1409 阅读 · 3 评论 -
6. React 表单使用介绍
表单是前端页面中非常重要也是非常常用的一个内容,react 也在表单方面进行了很多封装,让开发者可以方便快捷地在 react 组件中使用表单。下面介绍如何在组件中正确的使用表单,从而可以让表单更好地和组件结合在一起。 不可控组件和可控组件介绍 不可控,抛弃了状态,不使用React的数据流。 组件可控的好处: 符合React的数据流 数据存储在原创 2016-10-27 20:33:15 · 584 阅读 · 0 评论 -
BootStrap 前端框架介绍
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。是一个CSS/HTML/JavaScript框架。Bootstrap是基于HTML5和CSS3开发的,包含丰富的组件,根据这些组件可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、导航、导航条等等。可以说Bootstrap是一个简洁简单的前端开发框架原创 2015-05-10 15:47:42 · 8688 阅读 · 0 评论 -
DWZ 分页实现 后台前端框架
分页思路服务器返回当前页的数据,总条数,再由js来生成分页标签。分页是配合服务器端来处理的, 不是存js做的分页。 因为如果数据量很大,比如有好几百页,性能很慢。原创 2015-05-08 19:46:20 · 5053 阅读 · 1 评论 -
省市联动 纯 HTML + JS
在 JS 里面声明所有数据,并根据 HTML 的 SELECT 事件触发 JS 实现填充对应的数据到下拉框。原创 2015-09-12 22:30:55 · 1869 阅读 · 0 评论 -
EXT JS认识EXTJS,第一个EXTJS例子
大部分内容转载自:http://blog.csdn.net/wanghuan203/article/details/8011112和http://www.cnblogs.com/willick/p/3168809.html但是以上用的是.net ,我这里使用Java。EXT是基于Web的富客户端框架,完全是基于标准W3C(万维网联盟WorldWideWeb Consortium)技术构转载 2014-07-21 19:07:23 · 2902 阅读 · 0 评论 -
JavaScript 开发的45个经典技巧
JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员,现如今已成转载 2015-04-11 08:49:35 · 668 阅读 · 0 评论 -
JS滚动显示
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>滚动显示.box { width: 150px; height: 100px; line-height: 25px; border: #bbb 1px solid; overflow: hidden;原创 2015-01-07 21:27:14 · 1877 阅读 · 0 评论 -
html5配合css3实现带提示文字的输入框(摆脱js)
来源:互联网 作者:佚名 时间:03-08 11:41:53 【大 中 小】 webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你很久没写过技术文章了,最近一直在以Webkit作为载体开发系统,当然需要大量使用Html5与CSS3转载 2015-01-28 20:00:23 · 1309 阅读 · 0 评论 -
div效果很好的遮盖层效果
[html] view plaincopyprint?> html xmlns="http://www.w3.org/1999/xhtml"> head> title>DIV CSS遮罩层title> script language="javascript" type="text/javascript"> function showd转载 2015-01-31 10:31:42 · 1769 阅读 · 0 评论 -
学习笔记-JS公开课一
JS公开课笔记没特别说明就是和Java语言一样。JS变量:弱类型语言1.在JS中,true表示1,false表示0。和Java不一样。2. var y; 提示undefined;3.如果alert(y+10);//提示NaN 表示 非法值。4.JS没有字符和字符串区别,所以使用“”和'' 是一样。5. var arr = new Array(3);arr[0]原创 2015-01-11 23:04:56 · 852 阅读 · 0 评论 -
学习笔记-JS公开课二
typeof运算符的使用 JS中内置对象Array/Date/Math/String可以看成引用类型做如下测试: var arr = newArray();alert(typeof arr);//objcetalert(typeofArray); // function var arr = newString();alert(typeof arr)原创 2015-01-17 14:59:44 · 737 阅读 · 0 评论 -
学习笔记-JS公开课三
DOM技术概述 DOM : DocumentObject Model 将HTML标记型文档,封装成对象,提供更多的属性和行为 DOM的三级模型 第一级:将标记型文档,封装成对象,提供更多的属性和行为 第二级:对原有的模型,进行了升级 第三级:XML文档封装成对象 DHTML:动态HTML dynamic 四个技原创 2015-01-17 19:31:13 · 828 阅读 · 0 评论 -
解决uploadify在使用IE内核等浏览器无法使用
有两种方法:第一种:SWFUpload Version: 2.2.0 Beta 2Flash Player Version: currentOperating System:Window 7Browser(s):IE9 in standard conform modeDescription:We have found that IE9 takes 1 - 2转载 2015-03-26 22:27:18 · 1411 阅读 · 0 评论 -
uploadify 3.2 java应用丢失session
flash中有个bug就是自身创建一个session,这样就导致与web本身的session不一致 权限验证失败的问题。 原因:因为uploadify是不会自动传送session值的,所以当session被拦截后,它的请求是发不出去的(补充,还有一种情况就是uploaddify是使用flash来处理文件文件上传,而在在非IE浏览器(Firefox,Chrome)下使用flash方式原创 2015-03-11 20:41:37 · 879 阅读 · 0 评论 -
JQuery ajax
来自:http://jun1986.iteye.com/blog/1399242query在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.h转载 2015-03-14 09:25:58 · 886 阅读 · 0 评论 -
jQuery取得select选中的值
记录一下。本来以为jQuery("#select1").val();是取得选中的值,那么jQuery("#select1").text();就是取得的文本。这是不正确的,正确做法是:jQuery("#select1 option:selected").text();转载 2015-03-14 09:30:49 · 751 阅读 · 0 评论 -
jQuery 异步上传插件 Uploadify302 使用 (JavaEE Spring MVC)
1.引入头文件(jQuery放前面,而且不能有多个JQuery) $(document).ready(function() { $("#file_upload").uploadify({ 'buttonText' : '请选择', /原创 2015-03-05 22:25:28 · 3096 阅读 · 4 评论 -
HTML5 实现扫描识别二维码 生成二维码
1. 操作摄像头,获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。 2. 利用canvas使用相关算法分析图片识别图片得出结果,可用jquery.qrcode分析二维码 。(技术点:getImageData)原创 2015-08-25 19:44:18 · 28529 阅读 · 17 评论