JavaScript
关注
分享
扫一扫
JavaScript
漫天雪_昆仑巅
程序人生
展开
-
js压缩处理
前言：现在很多web项目中都会用大量的js/css，所以用户在加载页面的时候就需要加载这些js/css，如果文件很多、很大的 话，这对用户来说是一件很痛苦的事，要等很久。所以可以通过压缩处理将js或者css压缩减小网络流量？工具说明： YUI compressor 是Java编写的压缩工具，由雅虎发布，压缩是 100％ 的安全，比大多数其他工具有更高的压缩比，原创 2017-04-01 11:02:18 · 3812 阅读 · 0 评论 -
JS元素复制
JS实现元素复制，使用克隆的方式，如下图：代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS元素复制</title><script src="http://libs.baidu.com/jquery/1.9.0/jqu...原创 2019-04-09 17:58:01 · 4984 阅读 · 2 评论 -
JS实现保存当前页面
在前端页面进行一些JS逻辑操作之后1、需要将操作后的页面效果保存到文件或者数据库中，获取整个页面html的代码如下：var context = $("<p>").append($("html").clone()).html();console.log(context);以上代码可以获取当前页面<html>标签内所有元素内容代码(包括JS操作后的)；即...原创 2019-04-09 17:51:37 · 6877 阅读 · 0 评论 -
js元素插入
在前端页面操作中，经常需要插入一些元素控件到指定的文档位置：示例：分别给指定元素的内部、外部(前，后）指定位置插入新内容，效果图如下：以下是代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scr...原创 2019-04-09 16:20:43 · 2623 阅读 · 0 评论 -
div键盘控制移动
根据键盘的方向键上-下-左-右控制div移动，代码如下：//键盘控制移动$(document).keydown(function(event){ var keyNum = event.which; //获取键值 if(moveDiv!=null){ var keyNum = event.which; //获取键值 var Item = moveDi...原创 2019-04-08 15:11:14 · 476 阅读 · 0 评论 -
Jquery与Dom元素转换
(1)jQuery对象转成DOM对象：两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。如：var $v =$("#v") ; //jQuery对象var v=$v[0]; //DOM对象alert(v.checked) //检测这个checkbox是否被...原创 2019-04-08 10:29:16 · 1063 阅读 · 1 评论 -
div拖动
网上遇到一个div拖动的例子，仅支持拖动不能改变大小，有需要改变大小可以参考另外一篇文章：https://blog.youkuaiyun.com/vtopqx/article/details/89066771拖动代码如下：<!doctype html><html><head><meta charset="utf-8"><title&g...原创 2019-04-07 11:32:49 · 321 阅读 · 0 评论 -
div拖动改变大小
最近在做个页面，需要首页模块可拖动并且编辑大小，首页用到的基本上是div标签，由于个人不是搞前端的，js真心不是很熟~~~，网上搜索了一些资料，基本上都不完整，都有一定的缺少部分！于是自己结合网上的多篇资料，整合了一份，可以div拖动改变大小的html代码例子，有这方面需要的可以参考下：以下是效果图：Html代码如下（直接复制保存为html文件即可运行）：<!DOC...原创 2019-04-07 11:23:00 · 7575 阅读 · 0 评论 -
JS设置div根据键盘移动
使用js设置div根据方向键“上、下、左、右”方向键移动，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org...原创 2019-04-10 14:54:08 · 536 阅读 · 0 评论 -
JS添加右键菜单
在前端开发的时候，会用到“右键菜单”，如给div添加右键菜单等，示例：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://libs.baidu.com/jqu...原创 2019-04-10 14:34:08 · 3552 阅读 · 0 评论 -
Easyui combobox下拉框动态绑定数据
easyui-combobox根据数据库查询绑定数据，如下：1、html<select id="st_cmpy" editable="false" class="easyui-combobox" name="compyId" data-options="label:'公司：'"></select> 2、JS：绑定查询：//下拉原创 2018-09-27 15:37:53 · 9038 阅读 · 0 评论 -
Easyui easyui-datebox日期控件格式设置
easyui-datebox默认格式为 10/12/2018 1、设置格式化月份，将easyui-datebox日期控件格式设置为自定义形式，如：2018-09，只显示年月，如下：html如下：<input id="st_mouth" editable="false" class="easyui-datebox" name="name" data-options="l...原创 2018-09-27 15:15:08 · 15181 阅读 · 3 评论 -
Easyui DataGrid增删改查实现
Java使用Spring MVC以及Mybatis实现 DataGrid的增删改查/分页，以Mysql数据库为例，效果： 具体代码如下：0、数据库脚本：CREATE TABLE `compy` ( `id` bigint(11) NOT NULL AUTO_INCREMENT COMMENT '主键ID', `compy_id` varchar(64) NOT NUL...原创 2018-09-27 15:02:24 · 4713 阅读 · 2 评论 -
easyui下拉框值改变
EasyUI在web开发中常用到，下拉框是表单元素的一种， 时效帐号 永久有效 如有需要设置下拉框值改变事件，按照平常的思路就是给加个onChange事件就可以了，然而EasyUI的"easyui-combobox" 却非是这样。具体实现： $("#consumerType").combobox({原创 2017-12-07 21:03:28 · 2621 阅读 · 2 评论 -
jQuery EasyUI 1.2.4 API 中文文档（完整）目录
最近由于项目需要，用到了JQuery的EasyUI 以前虽然也或多或少用过，可是都没专心去记忆、好在这次需要之时 网上发现了这篇杰作，以下 文档为转载部分，同时也对此文的贡献者 于敬意：此文档翻译的时间是2011年8月份，原文是当时 http://www.jeasyui.com/documentation/ 的文档，对应 EasyUI 的版本是 1.2.4 。 Base 基转载 2012-11-29 19:07:34 · 2194 阅读 · 0 评论