前端
文章平均质量分 82
Html,Css,JavaScript,Vue,React,Angular
璀若星辰
Joker Face ------ 杰
展开
-
Vue之MVVM模式
MVVM (Model-View-ViewModel) 是一种软件架构设计模式。MVVM 源自于经典的MVC (ModI-View-Controller) 模式。MVVM的核心是ViewModel层,负责转换Model中的数据对象来让数据变得更容易管理和使用,其作用如下:该层向上与视图层进行双向数据绑定向下与Model层通过接口请求进行数据交互MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大好处:低耦合:视图(View)可以独立于Model变化和修改,一个ViewMo原创 2022-11-06 22:19:54 · 2351 阅读 · 0 评论 -
JavaScript 基础
1.变量的类型 3种 x = 19.2; //数字型 y = "name"; //字符串型 m = true; //布尔型2.数据的类型 4种基本数据类型、2种复合数据类型 基本数据类型:数值型、字符串型、布尔型、空值null 复合数据类型:对象、数组。(表示基础数据类型的集合)3.运算符 其中的字符串运算符(+),用于连接字符串转载 2013-12-24 14:30:37 · 535 阅读 · 0 评论 -
JS DOM 基础
1.DOM 的4个基本接口 Document Node NodeList NamedNodeMap2.DOM 基本对象 (1)Document 对象 (2)Node 对象 nodeType 属性返回节点的类型:Element(1)、Attr(2)、Text(3)、Comment(8)、Document(9)、DocumentFragment(11) (3转载 2013-12-24 15:24:17 · 586 阅读 · 0 评论 -
Window_Open详解
引:Window_Open详解一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔)转载 2014-02-28 09:49:28 · 651 阅读 · 0 评论 -
Ajax制作Web进度条 实例
1.index.jsp按 Ctrl+C 复制代码 var bgcolor = '#7FFF00'; //全局变量,用于设置进度条的背景色 var number; //全局变量,用于记录当前span序号 var clear = " "; //全局变量,记录清空时的内容 var xmlHt转载 2013-12-24 13:56:28 · 676 阅读 · 0 评论 -
jQuery中添加自定义或函数方法
方法一: jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height()转载 2013-12-27 17:22:27 · 604 阅读 · 0 评论 -
input失去焦点和获得焦点jquery焦点事件
input失去焦点和获得焦点jquery焦点事件插件,鼠标在搜索框中点击的时候里面的文字就消失了。我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了相关js代码: 1 html xmlns="http://www.w3.org/1999/xhtml"> 2 head> 3 meta转载 2014-01-07 11:35:39 · 4421 阅读 · 0 评论 -
jQuery DOM 操作(基本操作、内部插入、外部插入、包裹操作)
1.删除操作(1)remove() $(selector).remove([selector])$("#div3").remove(); //删除 id 为 div3 的 div 标签$("div").remove("#div3"); //删除 div 标签中 id 为 "div3" 的标签(2)detach() $(selector).detach([sel转载 2013-12-24 17:25:26 · 780 阅读 · 0 评论 -
jQuery UI & 下载 & 拖动组件
转载地址:http://www.cnblogs.com/lihuiyy/archive/2012/08/08/2601683.htmljQuery UI 库文件官方下载: http://jqueryui.com/download使用时,只需在工程中将 development-bundle 文件夹下的 themes 文件夹添加到新建 css 文件夹下,并将 ui 文件夹导入到工程中。然后转载 2013-12-25 14:16:11 · 1221 阅读 · 0 评论 -
jqGrid使用记录
jqGrid使用记录一、要引用的文件 要使用jqGrid,首先页面上要引入如下css与js文件。 1、css link href="/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 2、js script src='/Scripts/js/jquery-2.0.3.min.js' typ转载 2015-11-20 18:52:00 · 791 阅读 · 0 评论 -
jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
ajaxStart(callback):Ajax请求开始时触发该事件ajaxSend(callback):Ajax请求发送前触发该事件ajaxSuccess(callback):Ajax请求成功时触发该事件ajaxComplete(callback):Ajax请求完成时触发该事件ajaxStop(callback):Ajax请求结束时触发该事件ajaxError(callbac转载 2013-12-25 15:05:13 · 7036 阅读 · 0 评论 -
jQuery 中的 Ajax $.ajax() load() $.get() $.post() $.getJSON() $.getScript()
1. $.ajax()方法参数对象属性如下:参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 P转载 2013-12-27 14:45:26 · 799 阅读 · 1 评论 -
jQuery获取Radio选择的Value值:
jQuery获取Radio选择的Value值:1. $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值2. $("#text_id").focus(function(){//code...}); //事件当对象text_id获取焦点时触发3. $("#text_id").blur(functio转载 2014-03-26 14:56:40 · 768 阅读 · 0 评论 -
Jquery表单验证(只能输入数字,检查复选框)
> html xmlns="http://www.w3.org/1999/xhtml"> head> title>title> style type="text/css"> #error { padding-left:15px; color:Red; }转载 2014-03-28 15:47:36 · 719 阅读 · 0 评论 -
jQuery 中的 HTML 操作
1.操作HTML(1)获取 HTML 内容 html() //获取匹配元素集合中的第1个元素(2)设置 HTML 内容 html(htmlString) //为匹配集合中的所有元素设置内容(3)根据索引设置 HTML 内容 html(function(index, html){...}) 以上方式获取的都是带标签的 html 内容2.操作文本(1)获取文转载 2013-12-24 17:29:37 · 590 阅读 · 0 评论 -
jQuery基本选择器 (实例及表单域 value 的获取)
jQuery基本选择器包括 CSS选择器、层级选择器和、表单域选择器。1.CSS选择器(1)标签选择器 $("div") $("p") $("table") 等一系列 HTML 标签(2)ID选择器 获取该标记的值:$("#user").val();(3)类选择器 给该文本框添加样式:$(".t").css("border","2px solid转载 2013-12-24 16:07:34 · 1967 阅读 · 0 评论 -
jQuery 集合 搜索操作(父辈元素搜索、同辈元素搜索、子元素搜索)
jQuery 对页面元素的搜索包括 父元素、同辈元素、子元素 的搜索。1.父元素搜索(1)parents([selector]) 方法$("p").parents().css("border","1px solid #999"); //给p元素的父元素添加边框样式$("p").parents("div").css(...); //给p元素的父元素中的div元素添加样转载 2013-12-24 16:39:44 · 1122 阅读 · 0 评论 -
jquery 与正则表达式应用
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "http://www.w3.org/1999/xhtml"> "Content-Type" content="text/html; charset=utf-8" /> Test转载 2014-03-28 11:10:11 · 657 阅读 · 0 评论 -
JQuery拖拽元素改变大小尺寸实现代码
Resizeable -->/** jQuery.Resize by Own* Date:2014.01.08*/$(function(){ //绑定需要拖拽改变大小的元素对象 bindResize(document.getElementById('resizeable'));});function bindResize(el){ //初始化参数 var els原创 2014-01-08 11:30:20 · 2946 阅读 · 0 评论 -
html map area 标签
怎么在一个图片中做多个链接呢?热点链接可以帮你解决。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。要完成地图区域超链接要用到三种标签:。 【1】shape -- 定义热点形状 shape=rect: 矩形 shape=circle转载 2013-12-30 17:58:17 · 634 阅读 · 0 评论 -
form表单不换行显示
在写 Html 或Jsp的时, 写到 FORM 会让造成空隔多空一行 等等的问题。1.通过css样式解决 form{margin:0px;display: inline} margin: 上下左右间隔都设为 0px display: inline 之后显示的秀在同一行. 想不换行也是同样解法. 只要 就可以了.2. 将 Form 塞到原创 2013-12-13 14:08:06 · 6226 阅读 · 0 评论 -
Markdown基本语法
Markdown基本语法Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。–摘自百度百科Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdown。–摘自菜鸟教程对于原创 2021-11-18 23:14:48 · 198 阅读 · 0 评论 -
CSS & 框模型
1.页面元素边框的属性属性说明boder设置边框样式的复合属性border-color设置边框的颜色值border-style设置边框的样式,包括none(无边框),dotted(点划线),dashed(虚线),solid(实线),double(双线),groove(槽状),ridge(脊状),inset(凹陷),outset(凸转载 2013-12-24 15:41:46 · 672 阅读 · 0 评论