关键字:
  • jQuery中trim()函数报错处理

    作者: king       发表时间: 2018-01-28 12:33
    经常碰到JQuery里的trim()函数在firefox支持,但是在IE里不支持 其主要原因是写法不对,下面是错误的写法:     var content = $('#content').val();       if(content.trim() == '')          alert('空');   上面的写法在firefox下不会报错,但在ie下确会报错   正确的写法应该为:     var content = $('#content').val();       if($.trim(content) == '')    
  • Web、移动开发之Web前端:(5)jQuery(下)

    作者: king       发表时间: 2018-01-28 12:26
    9、jQuery获取父、子、兄弟节点元素 9.1parent()、parents()获取父节点元素 9.1.1 parent()获取父一级节点元素 .parent()取得父级节点元素的jQuery对象 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。 几个上级就用几个.parent(),可连续使用。 以下代码现将所有p标签的父节点背景设置为蓝色,然后将class="selected"的p标签的父节点背景色设置为黄色。   代码清单: <body> <div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div> <script> $("p").parent().css("background...
  • Web、移动开发之Web前端:(5)jQuery (上)

    作者: king       发表时间: 2018-01-28 12:21
    1、jQuery简介 网页前端技术可按功能划分为:html 提供内容,css提供美化,js提供控制。js基于dom编程就像C# 基于.NetFramwork框架及其类库编程。 而jQuery的作用则类似于SqlHelper这类更高级的封装。jQuery是一个优秀的Javascript框架,是轻量级的js库。 jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互,同时还提供了许多成熟的插件。 学习网址:http://www.php100.com/manual/jquery/ http://www.w3school.com.cn/jquery/ 2、jQuery和DOM对象 2.1jQuery对象的实现原理 jQuery中封装了window.$ = window.jQuery = $; 在引入了jquery之后,<script>节点内即可使用window.$或window.jQuery或$或jQuery,表示jQuery对象。 ...
  • HTML5 在onchange事件手机上失效问题处理

    作者: king       发表时间: 2017-10-22 14:17
    HTML5 在onchange事件手机上失效。改成$('#searchInput').on('input change keyup',callback); 方式1(失效): <input type="text" onchage="search()" onkeyup="search()"  value="搜索"> 方式2(失效): $('#searchInput').change(function(){      search(); }); 方式3(失效): $('#searchInput').keyup(function(){      search(); });   有效方式: $('#searchInput').on('i...
  • Web、移动开发之Web前端:(3)Css及Css3

    作者: king       发表时间: 2017-10-07 01:43
    参考网址: http://www.runoob.com/css 1 CSS概述及发展历程 CSS(Cascading Style Sheet) 层叠样式表:控制布局和显示效果。 布局选择CSS div css 内容和显示分离 与其他标签元素兼容性好 尺寸小速度快 更有利于响应式布局 ul li css适合列表项目 菜单项目的布局 摒弃table布局,table可用来展示表格数据。 CSS1.0 1997年 W3C 颁布 HTML4 标准的同时也发布了有关样式单的第一个标准 CSS1.0。主要涉及选择器、样式属性、伪类 / 对象几个大的部分。 选择器分为派生选择器、ID 选择器和类选择器几种。样式属性主要包括 Font 字体、Text 文本、Background 背景、Position 定位、Dimensions 尺寸、Layout 布局、Margins 外边距、Border 边框、Padding 内边距、List 列表、Table 表格、Scrollbar 滚动条、a 的 link、hover、active...
  • Web、移动开发之Web前端:(1)HTML语言

    作者: king       发表时间: 2017-10-05 18:46
    参考网址: http://www.w3school.com.cn/html/index.asp http://www.runoob.com/html/html-tutorial.html https://www.w3.org/TR/tr-date-all https://www.w3.org/TR/2014/REC-html5-20141028 1 HTML概述 1.1 HTML简介 HTML即超文本标记语言(HyperText Markup Language),是用来描述网页的一种语言,通过标记符号来标记要显示的网页的各个部分。 HTML是一种规范和标准,通过在文本文件中的标记符,告诉浏览器如何显示其中的内容。HTML文档就是网页,由浏览器解析、显示(浏览器解析是不严格的)。 1.2 HTML发展历程 1991,1993 HTML 1991年Tim Berners-Lee编写了一份叫做“HTML 标签”的文档,内里包括了大约20个用来标记网页的HTML标签。 199...
  • handlebarsjs模板使用

    作者: king       发表时间: 2017-09-23 17:51
    html代码: <body>    <div id="datas" class="content row">        <!--重复多个-->    </div>      <div id="datas2" class="content row">        <!--重复多个-->    </div> </body>   js代码: <script type="text/javascript" src="./javascript...
  • div内容垂直居中

    作者: king       发表时间: 2017-09-23 17:21
    1.单行内容可以设置height和line-height相同: div { height:30px; line-height:30px; width:100px; overflow:hidden; } 2.多行内容使用css3的transform属性 .center-vertical{ position: relative; top:50%; transform:translateY(-50%); } transform在嵌套中可能50%取值为非预期,而导致不居中。 3.多行内容使用display:table 将子元素设置为display:table-cell 和vertical-align:middle .wrapper{ display: table; } .cell { display: table-cell; vertical-align: middle; } html结构如下: <div class="wra...
  • div半透明背景效果 div背景颜色渐变 背景图占满div 背景适应窗体大小

    作者: king       发表时间: 2017-09-23 17:04
    div 半透明背景效果: background:rgba(255,255,255,0.5)   div背景颜色渐变(从左到右90deg 开始颜色#00b9fe 结束颜色transparent):   background-image: linear-gradient(90deg, #00b9fe, transparent), linear-gradient(90deg, #00b9fe, transparent);   div背景图铺满div大小:     background-size: cover;//100%     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;   页面背景图片适应窗体大小: css代码: ...
  • div内容超长显示省略号

    作者: king       发表时间: 2017-09-23 15:37
    div 省略号  要设置width最大值      overflow: hidden;      text-overflow: ellipsis;      white-space: nowrap;           div 两行省略号  要设置width最大值    text-overflow: -o-ellipsis-lastline;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;
  • Ionic + cordova开发Android App环境配置

    作者: king       发表时间: 2017-01-08 21:26
    1.安装与配置 1.1 jdk下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载完毕安装即可 1.2 环境变量配置 1.2.1 系统变量增加:JAVA_HOME 把jdk的安装路径复制即可 1.2.2 系统变量增加:classpath值为  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; 注意开头的一个点 1.2.3 在Path变量值中添加 ;%JAVA_HOME%\bin; 命令javac正常运行即可 2.Android环境变量配置 2.1 下载SDK Tools http://developer.android.com/sdk/index.html#Other 2.2 下载完毕,安装或者解压后,在相应...
  • CKEdit上传图片报错处理:缺少图像源文件地址

    作者: king       发表时间: 2016-07-05 00:38
    Asp.Net Mvc项目中,使用CKEdit上传图片报错处理:缺少图像源文件地址。 ckedit下config.js的配置是这样的: config.filebrowserUploadUrl = "/Ajax/UploadArticleImg.ashx"; 一般处理程序代码是的关键代码是这样的: //context.Response.Write(saveFileName); var CKEditorFuncNum = System.Web.HttpContext.Current.Request["CKEditorFuncNum"]; context.Response.Write("< script>window.parent.CKEDITOR.tools.callFunction(" CKEditorFuncNum ", \"" saveFileName "\",\"\");< / scr...
  • li不换行

    作者: king       发表时间: 2015-08-08 22:40
     li {      background-color:#ccd;     float:left;     margin: 0px 20px 10px 0px; }    ul {    margin:0;    padding:0;    list-style:none; }
  • JQuery EasyUI dialog 使用方法

    作者: king       发表时间: 2015-02-27 20:42
     注:使用1.3.5版本有bug, 没关闭按钮   <link href="../../Content/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="../../Content/themes/icon.css" rel="stylesheet" type="text/css" />   <script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="...
  • 【转】JQuery EasyUI layout 的基本使用

    作者: king       发表时间: 2015-02-27 19:54
    原文链接:http://www.cnblogs.com/javaexam2/archive/2012/07/31/2632661.html 原文作者:java简单例子   layout是一个容器,它有5个区域:north(北)、south(南)、east(东)、west(西)、center(中),中间区域的panel是必须的,边区域panel是可选项,布局可以嵌套。 所有周边区域的panel可以通过拖动边框改变大小,他们也可以通过点击触发折叠事件折叠(collapse)。 创建layout <div id="cc" class="easyui-layout" style="width:600px;height:400px;">       <div data-options="region:'north',title:...