
前端开发/Vue
JEECG官方博客
专注技术开源,打造开源的JAVA快速开发平台—JEECG(获得CSDN专家访谈,ITEYE访谈、连续五年中国最火TOP5、十大优秀开源项目等)、免费微信管家平台—JeeWx 捷微(获得2014年微信开发商大会第一名)
-
原创 前端Chrome调试技巧汇总
保持鼠标放上去的效果Ctrl+F 搜文字定位dom节点复制日志对象 先右键保存全局对象 console输入 copy(temp1)不同网速测试定位,通过键盘上下可以修改大小按住Ctrl,可以10为单位修改大小样式级别(由上到下)样式最终计算值...2020-05-04 12:27:10314
1
-
转载 CSS中的margin、border、padding区别 CSS padding margin border属性详解
图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者,经常会搞不清楚margin,background-color,bac...2017-11-14 10:35:36482
0
-
转载 前端工作流程自动化——Grunt/Gulp 自动化
前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具。 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组下面的数据: 再看看实现同样功能的配置代码: 作者本人之前一直使用Grunt来做自动化构建的...2017-08-25 11:39:32610
0
-
转载 关于H5工程师那些日常必需工具
1,HBuilder一个不错的web前端IDE(代码编辑器)Web前端开发,2000之后基本就是三剑客的天下。到现在DW也是不错的HTMLcoder,如今的前端开发早已是JS的天下。但是DW对于JS方面就弱爆了。DW虽然支持JS语法高亮也支持JQuery JqueryMobile 甚至还支持Phonegap。但是对于JS的支持到了有的程度而已,语法高亮、语法提示仅此而已了。我们需要的是什么呢?这个...2016-09-25 12:36:051837
0
-
转载 七步从Angular.JS菜鸟到专家(2):Scopes
这是"AngularJS - 七步从菜鸟到专家"系列的第二篇。在第一篇我们展示了如何开始搭建一个Angular应用。在这一篇里,我们要讨论一个理解AngularJS运作原理所必须的基本概念,以及你如何更好地运用它。在这个系列教程里,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示Morning Edition节目里现在播出的最新故事,并在我们的浏览器里播放。完成版的Demo可...2016-03-29 11:36:061722
0
-
转载 七步从AngularJS菜鸟到专家(7):Routing
这是"AngularJS – 七步从菜鸟到专家"系列的第七篇。在第一篇,我们展示了如何开始搭建一个AngularaJS应用。在第四、五篇我们讨论了Angular内建的directives,上一篇了解了services的强大。在这一章,我们来看几个前面没有机会细说的关键点,文章的最后会列举一些特别棒的学习资源链接和工具。通过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放...2016-03-29 11:48:262115
0
-
转载 一种SPA(单页面应用)架构
(如果对SPA概念不清楚的同学可以先自行了解相关概念) 平时喜欢做点小页面来玩玩,并且一直采用单页面应用(Single Page Application)的方式来进行开发。这种开发方式是在之前一年做的一个创业项目的经验和思考,一直想写篇博客来总结一下。 个人认为单页面应用的优势相当明显:前后端职责分离,架构清晰:前端进行交互逻辑,后端负责数据处理。前后端单独开发、单独测试。良好的交互体...2016-04-05 14:48:037744
1
-
转载 七步从AngularJS菜鸟到专家(4和5):指令和表达式
这一篇包含了"AngularJS - 七步从菜鸟到专家"系列的第四篇(指令)和第五篇(表达式)。之前的几篇展示了我们应用的核心组件,以及如何设置搭建一个Angular.js应用。在这一部分,我们会厘清一些术语,然后深入探讨很多Angular.js提供的核心功能。通 过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示Morning Edition节目里现在播出...2016-03-29 11:41:501815
0
-
转载 七步从Angular.JS菜鸟到专家(3):数据绑定和AJAX
这是"AngularJS - 七步从菜鸟到专家"系列的第三篇。在第一篇,我们展示了如何开始搭建一个AngularaJS应用。第二篇我们讨论了scope和 $scope 的功能。通过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示Morning Edition节目里现在播出的最新故事,并在我们的浏览器里播放。完成版的Demo可以看这里。第三部分 数据绑定通过把...2016-03-29 11:40:361827
0
-
转载 七步从Angular.JS菜鸟到专家(1):如何开始
AngularJS 重新定义了前端应用的开发方式。面对HTML和JavaScript之间的界线,它非但不畏缩不前,反而正面出击,提出了有效的解决方案。很多前端应用的开发框架,比如Backbone、EmberJS等,都要求开发者继承此框架特有的一些JavaScript对象。这种方式有其长 处,但它不必要地污染了开发者自己代码的对象空间,还要求开发者去了解内存里那些抽象对象。尽管如此我们还是接受了这种...2016-03-29 11:34:061964
0
-
转载 nodejs web应用服务器搭建(一):跑起你的服务器
前言本章会分四部分来讲,在开始教程之前请准备好相关基础知识 & 文档JavaScript基础;AMD概念;ES5 | ES6语法;(这些没弄清楚估计往下看也看不下去)nodejs 环境搭建nodejs sdk文档express 使用方法 及其 api文档mongodb 基础使用mongoose 文档其他章节链接:nodejs web应用服务器搭建(一):跑起你的服务器nodejs web应...2018-03-21 14:18:521190
0
-
转载 nodejs项目如何部署到服务器上?
将代码部署到服务器的代码目录,这里要注意,如果直接 npm start 或 node app.js 启动,则一旦退出 ssh 远程登陆,nodeapp 就会停止运行。因此我们使用 forever 或者pm2启动 nodeapp。forever和pm2的区别:forever 管理多个站点,每个站访问量不大,不需要监控。pm2网站访问量比较大,需要完整的监控界面。使用forever的命令:[plain...2018-03-21 14:21:1018927
1
-
转载 在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建
摘要: 在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建刚开始打算进行前后端分离开发,后来发现在使用JSP或者Freemarker做动态页面时,想发挥这些自动化构建工具牛逼闪闪的livereload功能并不是那么的轻易,因为我们必须还得调教它们去调用Java容器。现在全球社区似乎还没有成熟的插件可以自动帮我们调教Java容器,百度Fis的Jello也只是做了一下vel...2017-08-25 11:38:13491
0
-
转载 Grunt 新手指南
导言作为一个正在准备从java 后端转大前端,一直都有想着,在js 的世界里面有没有类似于maven或者gradle 的东西..然后,就找到了grunt 这玩意Grunt是用来干什么的诸如ant,maven,gradle,make 之流的,那么我们为什么要学这么一个工具了,我们用IDE编程不是好好的吗,要让人去学这么一个工具,那么必然要有这个工具能够为我们搞定什么的原因.选择Grunt原因管理我们...2017-08-25 11:36:09446
0
-
转载 前端构建工具 Gulp.js 上手实例
在软件开发中使用自动化构建工具的好处是显而易见的。通过工具自动化运行大量单调乏味、重复性的任务,比如图像压缩、文件合并、代码压缩、单元测试等等,可以为开发者节约大量的时间,使我们能够专注于真正重要的、有意义的工作,比如设计业务逻辑,编写代码等等。对很多前端开发人员而言,Grunt 无疑是这方面的首选。基本上,如果你会用 JavaScript ,那么在一个名为 Gruntfile.js (或者 Gr...2017-08-25 11:56:55657
0
-
原创 JeecgBoot版本4月份新版即将发布,抢先体验。。
JeecgBoot版本4月份新版即将发布,抢先体验。。即将发布版本-更新日志:1.代码生成器GUI工具2.支持一对多代码生成器3.支持按钮权限4.支持数据权限5.Excel导入导出工具集成(支持单表,一对多)6.查询过滤器实现(简化查询条件封装)7.高级查询器(弹窗自动组合查询条件)8.页面代码mixin简化方案9.online表单开发(初版)...2019-04-02 17:17:151108
2
-
转载 package.json和package-lock.json的区别
发现我的node项目下面只有一个package-lock.json文件,不存在package.json文件,顺便扒一扒这两个的区别,其实package-lock就是锁定安装时的包版本号,需要上传到git上,以保证其他人在install时候,大家的依赖版本相同。官方文档:这个package-lock.json 是在 `npm install`时候生成一份文件,用以记录当前状态下实际安装的各个np...2019-03-22 14:05:441100
0
-
转载 package-lock.json 文件的作用
package-lock.json 文件的作用npm5之后安装文件之后会多出一个package-lock.json的文件,它的作用是:1. 安装之后锁定包的版本,手动更改package.json文件安装将不会更新包,想要更新只能使用 npm install xxx@1.0.0 --save 这种方式来进行版本更新package-lock.json 文件才可以2. 加快了npm inst...2019-03-22 14:04:551788
0
-
转载 vue+axios实现文件下载
功能:点击导出按钮,提交请求,下载excel文件;第一步:跟后端童鞋确认交付的接口的response header设置了以及返回了文件流。第二步:修改axios请求的responseType为blob,以post请求为例:axios({ method: 'post', url: 'api/user/', data: { fi...2019-03-21 14:25:53528
0
-
转载 vue.js 使用axios实现下载功能
本文主要来源于知乎一个回答,这里红色部分做了自己的处理,虽然自己的少,可是很有用的几句代码哦只好回答一下axios如何拦截get请求并下载文件的了。Ajax无法下载文件的原因浏览器的GET(frame、a)和POST(form)请求具有如下特点:response会交由浏览器处理 response内容可以为二进制文件、字符串等Ajax请求具有如下特点:response会...2019-03-21 14:21:07550
0
-
转载 @Cacheable 指定缓存位置
@Cacheable 可以自动生成缓存,一次在开发中使用使用该注解,本来以为重启后缓存就消失了,可是重启后,原来缓存的值还在,后来查找redis,发现缓存到redis中,如果我们不想持久化,仅仅缓存到内存,可以通过实现CacheManager,指定缓存的位置,指定ConcurrentMapCache@Cacheable(value = "sampleCacheTest", unless = ...2019-03-21 14:14:183645
0
-
转载 iframe父子级页面传值支持跨域访问javascript
今天在使用parent.fn()调用父页面方法时发现并没有成功调用到父级iframe中的方法,后来发现是两个iframe并不在同一域名下,在网上查过后,发现H5中message方法恰好支持,闲话不多说了,上代码父界面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...2019-03-21 14:01:06506
0
-
转载 vue.js语法和常用指令
如果已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。当然了,在使用Vue.js时,也可以结合其他库一起使用,比如jQuery。1、使用使用Vue的过程就是定义MVVM(Model-...2018-04-23 20:24:42733
0
-
转载 vue中的指令
vue中的指令一、声明式渲染有两种:1.插值用两个花括号如:{{内容}}例子:html<div id="app1"> <p>{{message}}</p></div>js:var nv = new Vue({ el:'#app1', data:{ message:'哈喽!', }})2.绑定数据如:v-bind:...2018-04-23 20:23:34357
0
-
转载 CSS中margin和padding的区别
本文导读:padding margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距.margin是控件边缘相对父空间的边距.在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。 下面讲解 padding和margin常用的用法 一...2017-11-14 10:33:11343
0
-
转载 npm常用命令整理
nodejs版本为8.0, npm版本为5.0npm init 在此目录生成package.json文件,可以添加-y | --yes 参数则默认所有配置为默认yesnpm install <package> -g 全局安装npm install --production 安装dependencies,不包含devDependenciesnpm install <package&...2018-04-04 12:38:33135
0
-
转载 npm使用入门
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...2018-04-04 16:57:38246
0
-
转载 使用js函数实现的通过输入框中数据的长度来控制光标聚焦位置
<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="Ge2010-07-27 20:06:003055
0
-
原创 JavaScript捕获窗口关闭事件
JavaScript捕获窗口关闭事件关键字: window.close事件 javascript捕获窗口关闭事件有两种方法1.用javascript重新定义 window.onbeforeunload() 事件在javascript里定义一个函数即可function window.onbeforeunload() { alert("关闭窗口")}alert()事2010-05-01 05:09:001753
0
-
转载 第三章 对象与JSON
JavaScript对象与传统的面向对象中的对象几乎没有相似之处,传统的面向对象语言中,创建一个对象必须先有对象的模板:类,类中定义了对象的属性和操作这些属性的方法。通过实例化来构筑一个对象,然后使用对象间的协作来完成一项功能,通过功能的集合来完成整个工程。而Javascript中是没有类的概念的,借助JavaScript的动态性,我们完全可以创建一个空的对象(而不是类),通过像对象动态的添加属性2010-04-22 19:40:001845
0
-
转载 JavaScript 解析 JSON 数据
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);2010-04-22 19:51:001932
0
-
原创 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 in2010-04-22 19:42:0018139
1
-
转载 showModalDialog 使用详解
Javascript有许多内建的方法来产生对话框,如:window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如:showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTM2010-04-22 17:51:001387
0
-
原创 用javascript缓存ajax数据
我们都知道,ajax能提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,真正做到按需获取,既然如此,我们在写ajax程序的时候不妨送佛送到西,在客户端再做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中,当用户再次查看该数据时,则不需要从服务器上去获取数据,极大的降低了服务器的负载和提高了用户2010-04-21 19:09:002145
0
-
原创 推荐--jQuery使用手册
翻译整理:Young.J官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterk2010-04-18 21:26:001643
1
-
原创 jquery中this与$(this)的用法区别.
jquery中this与$(this)的用法区别.先看以下代码:$("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全2010-04-18 20:38:0018921
1
-
原创 jquery使用技巧总结
jquery使用技巧总结一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。jQue2010-04-18 21:05:001775
1
-
原创 document.ready和onload的区别——JavaScript文档加载完成事件
页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载!!!) 我的理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载;用jQ的人很多人2010-04-17 17:00:0014365
0
-
转载 jQuery动态增加表格一行和删除一行
今天在处理表格的动态增加一行,和删除一行,一开始用js,但是写起来有点复杂,而且不好控制,最后还是用了jQuery,很轻松的就搞定了,代码如下:$(document).ready(function() { $("#newBtn").bind("click", function(){ //alert($("input:checked")); $("#myTable").appen2012-09-08 16:59:1428375
3
-
转载 easyui form 提交
命令: 描述: 类型: <input id="type" style="wi2012-09-11 20:23:106704
1