- 博客(31)
- 收藏
- 关注
RSS订阅原创 easyUI布局-panel面板
使用$.fn.panel.defaults重写默认值对象。面板作为承载其它内容的容器。这是构建其他组件的基础（比如：layout,tabs,accordion等）。它还提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。属性名称 类型 描述 默认值 id string 面板（panel）的 id 属性。 ...
2020-10-13 17:44:20
933
转载 svg之入门
一、SVG概念 1、SVG：XML文本格式描述的矢量图 Scalable Vector Graphics(简称SVG)，是“可扩展矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。SVG严格遵从XML语法，SVG并用文本格式的描述性语言来描述图像内容，因此SVG是一种和图像分辨率无关的矢量图形格式。 2、优势二、SVG的...
2019-04-17 15:50:36
305
翻译 svg之path
M = movetoM x y 移动到指定坐标，xy分别为x轴和y轴的坐标点，类似画笔的起点。path中的起点，必须存在（文档中虽然没有提到过，但是path的其他命令都需要依赖一个初始位置，而实际操作过程中也没有需要到可以不使用M的情况，后面发现有例外我再过来补充。L= linetoL x y 在初始位置（M 画的起点）和xy确定的坐标画一条线。两点一线，直线，绘图中很常见的方...
2019-04-17 15:49:33
357
转载 svg之transform
transform：表示对图形进行平移、旋转、缩放等形变svg的形变和css的形变用的都是transform，而且属性也几乎没差(是几乎)。如下：translatetransform="translate(x-value, y-value)"简单来说，就是偏移。沿x轴方向偏移x-value个单位长度，沿y轴方向偏移y-value个单位长度。<symbol id="r...
2019-04-17 15:22:31
6223
翻译 面对核心用户的声音的判断
1. 少关注未知的可能和臆测我们不要去问用户以后愿不愿意付钱，假如有一个这样功能的产品你会不会使用，对于产品功能的改进有哪些建议等等之类的问题。首先，大部分用户的认知不足以对这些问题给出建设性的答案，其次，一般在这种时候，用户心中的理想自我就会蹦跶出来指手画脚，反而把我们引到错误的地方去。2. 多关注已知的真实行为而对于用户真实发生的行为，我们要多加关注，用户在什么场景下使用了我们...
2019-04-01 10:28:06
117
原创 前端鼠标样式
做前端页面时，需要做一个注册的点击按钮，由于用的div，鼠标放在上面是一个小箭头，想要鼠标放在上面变成一个小手，查找资料，发现css有一个鼠标样式的定义,如下：cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。值 描述 url 需使用的自定义光标的 ...
2019-02-18 17:43:45
1868
原创 easyui-combobox的置灰与可选与点击时触发事件
有时我们在做前端页面时会有置灰下拉框的场景，在用户点击某个按钮前，这个下拉框没法选择，也就是置灰状态，点击获取下拉框值按钮后这个下拉框才会处于可选状态。下面是代码：<div> 下拉框： <select id="text5" class="easyui-combobox" disabled=true >//disabled=true既为下拉框置灰...
2019-01-31 11:44:45
2381
原创 js延迟操作
在写前端代码的时候需要实现某些交互操作，有些效果需要停顿几秒再实现，这时可以用到下面的方法：setTimeout( function(){//5秒后实现的方法写在这个方法里面}, 5 * 1000 );//延迟5000毫秒...
2019-01-29 16:50:18
20292
原创 easyUI-datagrid复选框变成单选
easyui的datagrid的复选框如何变成单选呢，使用datagrid的属性singleSelect，在表格属性定义时，设置singleSelect:true,如果为true，则只允许选择一行，无法进行复选操作。 ...
2019-01-29 11:02:42
2173
原创 easyUI基础-tooltip提示框
通过 $.fn.tooltip.defaults 重写默认的 defaults。当用户移动鼠标指针在某个元素上时，出现提示信息窗口用来显示额外信息。提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。这个组件不依赖于其他组件。 属性属性名 属性值类型 描述 默认值 position string 消息框位置。可用值有："l...
2019-01-17 14:47:52
1105
原创 easyUI基础-progressbar进度条
进度条可以提供反馈一个长时间运行的操作的显示进展。这个进程可以更新,能够让用户知道当前操作执行的进度,提高用户体验。 使用$.fn.progressbar.defaults重载默认值。 属性名称 类型 描述 默认值 width string 设置进度条（progressbar）的宽度。 auto height nu...
2019-01-17 10:49:26
930
原创 easyUI基础-searchbox搜索框
搜索框提示用户需要输入搜索的值。它可以结合一个菜单，允许用户选择不同的搜索类别。在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作。使用方式1、使用标签创建。对input标签引用'easyui-searchbox'类。<script type="text/javascript"> //当用户点击搜索时执行的函数 functio...
2019-01-16 17:14:30
759
原创 easyUI基础-pagination分页
对于一些企业级的应用来说(非站点),页面上最为基本的内容也就是表格和form了。对于类似于ERP这类系统来说数据记录比較大,前端表格展示的时候必需得实现分页功能了。恰巧EasyUI就提供了分页组件Pagination分页（pagination）允许用户通过翻页导航数据。它支持页面导航和页面长度选择的可配置选项。用户可以在分页的右侧添加自定义按钮来增强功能。 依赖linkbutton...
2019-01-16 15:41:52
562
原创 easyUI基础-resizable调整大小
正如其字面意思一样(可伸缩),resiable主要是将一些html元素扩展为可伸缩的，panel、window等使用案例使用标签创建可变大小的窗口。<div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;bord...
2019-01-16 10:22:22
1041
1
原创 easyUI基础-droppable放置
droppable和draggable有类似的地方,不过区别点在于前者着重于将元素放进某个容器中,而后者则着重于可拖拽(虽然可能一些效果两者都可以实现)。而且通过查看easyloader源码可知道，droppable并不依赖于draggable。Droppable（放置）使用$.fn.droppable.defaults重写默认值对象。使用案例通过标签创建一个放置区。<...
2019-01-15 16:03:41
401
原创 easyUI基础-easyloader加载器
什么是EasyLoader 正如其名字一样easyloader的作用是为了动态的加载组件所需的js文件,这体现了EasyUI作为轻量级框架对性能的合理掌握（可以动态的加载所需组件）,不过一般而言很少使用到easyloader(会给使用者带来一定的难度)。那么使用EasyLoader的场景有哪些呢？EasyLoader使用场景 出于性能的考虑,不一次性的加载easyu...
2019-01-15 11:31:56
310
原创 easyUI基础-parser解析器
Parser(解析器) 解析器是easyui非常重要的基础组件,在easyui中我们能够简单的通过class定义一个组件,从而渲染出非常好的交互效果。就是通过parser进行解析的。parser会获取所有在指定范围内定义为easyui组件的class定义,并且根据后缀定义把当前节点解析渲染成特定的组件。 parser可以有两种使用方法: 1、$.parser.par...
2019-01-15 10:29:24
632
原创 easyUI基础知识总结
方法调用方法的语法：$(‘selector’).plugin(‘method’, parameter);解释：selector 是jQery对象选择器。plugin 是插件的名称。method 是相应插件现有的方法。parameter 是参数对象，可以是一个对象、字符串等。下载程序库并导入EasyUI的CSS和Javascript文件到您的页面。 &lt;!-- ...
2019-01-14 17:51:00
153
原创 easyUI拖放-基本的拖动和放置
首先，我们创建三个 <div> 元素： <div id="dd1" class="dd-demo"></div> <div id="dd2" class="dd-demo"></div> <div id="dd3" class=&qu
2019-01-14 16:01:13
598
原创 EasyUI Resizable 可调整尺寸
用法1.通过标记创建可调整尺寸（resizable）对象。&lt;div class="easyui-resizable" style="width:100px;height:100px;border:1px solid #ccc;" data-options="maxWidth:800,maxHeight:600"&gt;&lt;/div
2018-12-07 17:40:10
268
原创 easyUI基础-draggable拖动
用法1.通过标记创建可拖动（draggable）元素。&amp;lt;div id=&quot;dd&quot; class=&quot;easyui-draggable&quot; data-options=&quot;handle:'#title'&quot; style=&quot;width:100px;height:100px;&quot;&a
2018-12-07 15:47:51
814
原创 easyUI Datagrid数据网格
数据网格（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（datagrid）的设计目的是为了减少开发时间，且不要求开发人员具备指定的知识。它是轻量级的，但是功能丰富。它的特性包括单元格合并，多列页眉，冻结列和页脚，等等。用法1.从已有的表格元素创建数据网格（datagrid），在 html 中定义列、行及数据。 <table cla...
2018-12-07 14:29:32
174
原创 jQuery EasyUI学习笔记-1-应用
jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。一.简介1.什么是 jQuery EasyUIjQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。easyui 提供建...
2018-12-07 09:18:57
339
原创 CSS margin与paddng
今天写前端代码发现了maigin属性与padding属性，有些遗忘，故查找资料整理一下，特此分享。一.margin&lt;div style="margin:20px 0;"&gt; &lt;/div&gt;看见一个div使用了样式margin，但是这里的20px 和 0 ，不清楚到底是上下左右哪个外边距，有时会有4个，有时有2个，有时3个，有时4个，容易搞不清，下面例子详细解说：
2018-11-15 08:59:51
321
原创 jQuery学习笔记-6-其他
一.jQuery - noConflict() 方法如何在页面上同时使用 jQuery 和其他框架？1.jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？其他一些 JavaScript 框架包括：MooTools、Backbone、Samm...
2018-11-06 16:28:37
145
原创 jQuery学习笔记-5-Ajax
一.AJAX 简介AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。1.什么是 AJAXAJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。2.关于 jQuery 与 AJAXjQuer...
2018-11-06 15:44:25
175
1
原创 jQuery学习笔记-4-遍历
一.遍历1.什么是遍历？jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。2.遍历 ...
2018-10-30 15:37:29
196
原创 jQuery学习笔记-3-HTML操作
一.获取内容和属性jQuery 拥有可操作 HTML 元素和属性的强大方法。1.jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。DOM = Document Object Model（文档对象模型）DOM 定义访问 HTML 和 XML 文档的标准：“W3...
2018-10-30 10:54:10
139
原创 jQuery学习笔记-2-效果
效果本章主要记录jQuery效果，这些内容来自学习的网上的一些资料。隐藏、显示、切换，滑动，淡入淡出，以及动画一.隐藏/显示：一个hide()实例。演示如何隐藏文本。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&g
2018-10-29 09:04:52
105
原创 jQuery学习笔记-1-基础知识
jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。
2018-10-26 17:09:11
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人