JEECG

保持鼠标放上去的效果​​​​Ctrl+F 搜文字定位dom节点复制日志对象 先右键保存全局对象 console输入 copy(temp1)不同网速测试定位，通过键盘上下可以修改大小按住Ctrl，可以10为单位修改大小样式级别(由上到下)样式最终计算值...

图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者，经常会搞不清楚margin，background-color，bac...

前端工作流程自动化——Grunt/Gulp 自动化　　Grunt/Gulp 都是node.js下的模块，简单来说是自动化任务运行器，两者都有社区及大量的插件支撑，在所有的自动化工具领域里，这两者是最好的前端自动化构建工具。　　那么问题来了，Grunt和Gulp到底哪家强?在回答这个问题前，先给大家看一组下面的数据：　　再看看实现同样功能的配置代码：　　作者本人之前一直使用Grunt来做自动化构建的...

1，HBuilder一个不错的web前端IDE(代码编辑器)Web前端开发，2000之后基本就是三剑客的天下。到现在DW也是不错的HTMLcoder，如今的前端开发早已是JS的天下。但是DW对于JS方面就弱爆了。DW虽然支持JS语法高亮也支持JQuery JqueryMobile 甚至还支持Phonegap。但是对于JS的支持到了有的程度而已，语法高亮、语法提示仅此而已了。我们需要的是什么呢？这个...

这是＂AngularJS - 七步从菜鸟到专家＂系列的第二篇。在第一篇我们展示了如何开始搭建一个Angular应用。在这一篇里，我们要讨论一个理解AngularJS运作原理所必须的基本概念，以及你如何更好地运用它。在这个系列教程里，我们会开发一个NPR（美国全国公共广播电台）广播的音频播放器，它能显示Morning Edition节目里现在播出的最新故事，并在我们的浏览器里播放。完成版的Demo可...

这是＂AngularJS – 七步从菜鸟到专家＂系列的第七篇。在第一篇，我们展示了如何开始搭建一个AngularaJS应用。在第四、五篇我们讨论了Angular内建的directives，上一篇了解了services的强大。在这一章，我们来看几个前面没有机会细说的关键点，文章的最后会列举一些特别棒的学习资源链接和工具。通过这整个系列的教程，我们会开发一个NPR（美国全国公共广播电台）广播的音频播放...

（如果对SPA概念不清楚的同学可以先自行了解相关概念）    平时喜欢做点小页面来玩玩，并且一直采用单页面应用（Single Page Application）的方式来进行开发。这种开发方式是在之前一年做的一个创业项目的经验和思考，一直想写篇博客来总结一下。    个人认为单页面应用的优势相当明显：前后端职责分离，架构清晰：前端进行交互逻辑，后端负责数据处理。前后端单独开发、单独测试。良好的交互体...

这一篇包含了＂AngularJS - 七步从菜鸟到专家＂系列的第四篇（指令）和第五篇（表达式）。之前的几篇展示了我们应用的核心组件，以及如何设置搭建一个Angular.js应用。在这一部分，我们会厘清一些术语，然后深入探讨很多Angular.js提供的核心功能。通 过这整个系列的教程，我们会开发一个NPR（美国全国公共广播电台）广播的音频播放器，它能显示Morning Edition节目里现在播出...

这是＂AngularJS - 七步从菜鸟到专家＂系列的第三篇。在第一篇，我们展示了如何开始搭建一个AngularaJS应用。第二篇我们讨论了scope和 $scope 的功能。通过这整个系列的教程，我们会开发一个NPR（美国全国公共广播电台）广播的音频播放器，它能显示Morning Edition节目里现在播出的最新故事，并在我们的浏览器里播放。完成版的Demo可以看这里。第三部分 数据绑定通过把...

AngularJS 重新定义了前端应用的开发方式。面对HTML和JavaScript之间的界线，它非但不畏缩不前，反而正面出击，提出了有效的解决方案。很多前端应用的开发框架，比如Backbone、EmberJS等，都要求开发者继承此框架特有的一些JavaScript对象。这种方式有其长 处，但它不必要地污染了开发者自己代码的对象空间，还要求开发者去了解内存里那些抽象对象。尽管如此我们还是接受了这种...

前言本章会分四部分来讲，在开始教程之前请准备好相关基础知识 & 文档JavaScript基础；AMD概念；ES5 | ES6语法；（这些没弄清楚估计往下看也看不下去）nodejs 环境搭建nodejs sdk文档express 使用方法 及其 api文档mongodb 基础使用mongoose 文档其他章节链接：nodejs web应用服务器搭建（一）：跑起你的服务器nodejs web应...

将代码部署到服务器的代码目录，这里要注意，如果直接 npm start 或 node app.js 启动，则一旦退出 ssh 远程登陆，nodeapp 就会停止运行。因此我们使用 forever 或者pm2启动 nodeapp。forever和pm2的区别：forever 管理多个站点，每个站访问量不大，不需要监控。pm2网站访问量比较大，需要完整的监控界面。使用forever的命令：[plain...

摘要: 在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建刚开始打算进行前后端分离开发，后来发现在使用JSP或者Freemarker做动态页面时，想发挥这些自动化构建工具牛逼闪闪的livereload功能并不是那么的轻易，因为我们必须还得调教它们去调用Java容器。现在全球社区似乎还没有成熟的插件可以自动帮我们调教Java容器，百度Fis的Jello也只是做了一下vel...

导言作为一个正在准备从java 后端转大前端,一直都有想着,在js 的世界里面有没有类似于maven或者gradle 的东西..然后,就找到了grunt 这玩意Grunt是用来干什么的诸如ant,maven,gradle,make 之流的,那么我们为什么要学这么一个工具了,我们用IDE编程不是好好的吗,要让人去学这么一个工具,那么必然要有这个工具能够为我们搞定什么的原因.选择Grunt原因管理我们...

在软件开发中使用自动化构建工具的好处是显而易见的。通过工具自动化运行大量单调乏味、重复性的任务，比如图像压缩、文件合并、代码压缩、单元测试等等，可以为开发者节约大量的时间，使我们能够专注于真正重要的、有意义的工作，比如设计业务逻辑，编写代码等等。对很多前端开发人员而言，Grunt 无疑是这方面的首选。基本上，如果你会用 JavaScript ，那么在一个名为 Gruntfile.js （或者 Gr...

JeecgBoot版本4月份新版即将发布，抢先体验。。即将发布版本-更新日志：1.代码生成器GUI工具2.支持一对多代码生成器3.支持按钮权限4.支持数据权限5.Excel导入导出工具集成（支持单表，一对多）6.查询过滤器实现（简化查询条件封装）7.高级查询器（弹窗自动组合查询条件）8.页面代码mixin简化方案9.online表单开发（初版）...

发现我的node项目下面只有一个package-lock.json文件，不存在package.json文件，顺便扒一扒这两个的区别，其实package-lock就是锁定安装时的包版本号，需要上传到git上，以保证其他人在install时候，大家的依赖版本相同。官方文档：这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个np...

package-lock.json 文件的作用npm5之后安装文件之后会多出一个package-lock.json的文件，它的作用是：1. 安装之后锁定包的版本，手动更改package.json文件安装将不会更新包，想要更新只能使用 npm install xxx@1.0.0 --save 这种方式来进行版本更新package-lock.json 文件才可以2. 加快了npm inst...

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的response header设置了以及返回了文件流。第二步：修改axios请求的responseType为blob，以post请求为例：axios({ method: 'post', url: 'api/user/', data: { fi...

本文主要来源于知乎一个回答，这里红色部分做了自己的处理，虽然自己的少，可是很有用的几句代码哦只好回答一下axios如何拦截get请求并下载文件的了。Ajax无法下载文件的原因浏览器的GET(frame、a)和POST(form)请求具有如下特点：response会交由浏览器处理 response内容可以为二进制文件、字符串等Ajax请求具有如下特点：response会...

@Cacheable 可以自动生成缓存，一次在开发中使用使用该注解，本来以为重启后缓存就消失了，可是重启后，原来缓存的值还在，后来查找redis，发现缓存到redis中，如果我们不想持久化，仅仅缓存到内存，可以通过实现CacheManager，指定缓存的位置，指定ConcurrentMapCache@Cacheable(value = "sampleCacheTest", unless = ...

今天在使用parent.fn()调用父页面方法时发现并没有成功调用到父级iframe中的方法，后来发现是两个iframe并不在同一域名下，在网上查过后，发现H5中message方法恰好支持，闲话不多说了，上代码父界面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...

如果已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。当然了，在使用Vue.js时，也可以结合其他库一起使用，比如jQuery。1、使用使用Vue的过程就是定义MVVM（Model-...

vue中的指令一、声明式渲染有两种：1.插值用两个花括号如：{{内容}}例子：html&lt;div id="app1"&gt; &lt;p&gt;{{message}}&lt;/p&gt;&lt;/div&gt;js:var nv = new Vue({ el:'#app1', data:{ message:'哈喽！', }})2.绑定数据如：v-bind:...

本文导读：padding margin都是边距的含义，关键问题得明白是什么相对什么的边距．padding是控件的内容相对控件的边缘的边距．margin是控件边缘相对父空间的边距．在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 下面讲解 padding和margin常用的用法 一...

nodejs版本为8.0， npm版本为5.0npm init 在此目录生成package.json文件，可以添加-y | --yes 参数则默认所有配置为默认yesnpm install &lt;package&gt; -g 全局安装npm install --production 安装dependencies，不包含devDependenciesnpm install &lt;package&...

NPM是什么npmnpm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to update the code that you're sharing.简单来说，npm就是javascript的包管理工具，类似java语法当中的maven, gradle, python的pi...

<br />JavaScript实现的通过输入框中的数据长度来控制光标焦点的位置：<br />在IE中可以使用 onPropertyChange 属性来控制非常简单例子：<br /><!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN"> <br /><HTML> <br /><HEAD> <br /><TITLE>   New   Document   </TITLE> <br /><META   NAME="Ge

JavaScript捕获窗口关闭事件关键字: window.close事件 javascript捕获窗口关闭事件有两种方法1.用javascript重新定义 window.onbeforeunload()  事件在javascript里定义一个函数即可function  window.onbeforeunload()  {  alert("关闭窗口")}alert()事

JavaScript对象与传统的面向对象中的对象几乎没有相似之处，传统的面向对象语言中，创建一个对象必须先有对象的模板：类，类中定义了对象的属性和操作这些属性的方法。通过实例化来构筑一个对象，然后使用对象间的协作来完成一项功能，通过功能的集合来完成整个工程。而Javascript中是没有类的概念的，借助JavaScript的动态性，我们完全可以创建一个空的对象(而不是类)，通过像对象动态的添加属性

JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单： 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；

求json对象合并的方法var a ={"a":"1","b":"2"}var b ={"c":"3","d":"4","e":"5"}想得到结果：var c ={"a":"1","b":"2","c":"3","d":"4","e":"5"}怎么弄？？==================function extend(des, src, override){    if(src in

Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如：showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTM

我们都知道，ajax能提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入，真正做到按需获取，既然如此，我们在写ajax程序的时候不妨送佛送到西，在客户端再做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中，一旦数据被载入，只要页面未刷新，该数据就永远的缓存在内存中，当用户再次查看该数据时，则不需要从服务器上去获取数据，极大的降低了服务器的负载和提高了用户

翻译整理：Young.J官方网站：http://jquery.com    jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！   下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterk

jquery中this与$(this)的用法区别.先看以下代码:$("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全

jquery使用技巧总结一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQue

页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！) 我的理解： 一般样式控制的，比如图片大小控制放在onload 里面加载;              而：jS事件触发的方法，可以在ready 里面加载;用jQ的人很多人

今天在处理表格的动态增加一行，和删除一行，一开始用js，但是写起来有点复杂，而且不好控制，最后还是用了jQuery，很轻松的就搞定了，代码如下：$(document).ready(function() { $("#newBtn").bind("click", function(){  //alert($("input:checked"));  $("#myTable").appen

命令： 描述： 类型： <input id="type" style="wi