前端技术
文章平均质量分 90
前端技术(涉及CSS、JavaScript、ReatJS、Vue)等
秋夜无霜
好学Java
展开
-
小白分享:基于vue-cli从零搭建一个Vue项目-Vcharts
文章目录1、环境准备2、新建项目3、运行项目4、安装依赖4.1、element ui4.2、vue router4.3、v-charts4.4、scss5、代码编写5.1、VCharts5.2、配置路由5.3、App.vue5.4、main.js5.5、components/index.js5.6、运行1、环境准备IDE:Visual Studio CodeNPM:项目构建工具nodeJS:2、新建项目这里我们可以基于vue-cli工具。安装vue-clinpm install原创 2020-06-09 18:13:19 · 359 阅读 · 0 评论 -
小白分享:我的一次Vue学习非寻常之路(章二)
文章目录1、实践案例1.1、联动效果1.2、form自定义校验1.3、TimePicker组件默认值2、归纳总结导读:坦白讲,我是Java服务端研发,只知道Vue这么个前端编程语言,未曾任何学习过,仅仅是个小白。但为何突然学习Vue呢,这得益于一次需求研发,无奈前端资源紧张,恰这次需求实现是面向运营端,非C端用户,产品可以接受自己自测,毕竟初期也仅是他负责这个模块的间断性周期数据维护。鉴于此,我尝试着是否可以自己实现这个模块,毕竟虽然不懂,但是可以模仿其他模块,有示例可以参考,实在搞不定也可以请教前端指原创 2020-06-06 19:24:53 · 178 阅读 · 0 评论 -
小白分享:我的一次Vue学习非寻常之路(章一)
文章目录1、功能分析2、语言形态2.1 视图模板2.2 逻辑脚本2.3 视图样式3、页面路由4、入门路线5、实践案例6、归纳总计导读:坦白讲,我是Java服务端研发,只知道Vue这么个前端编程语言,未曾任何学习过,仅仅是个小白。但为何突然学习Vue呢,这得益于一次需求研发,无奈前端资源紧张,恰这次需求实现是面向运营端,非C端用户,产品可以接受自己自测,毕竟初期也仅是他负责这个模块的间断性周期数据维护。鉴于此,我尝试着是否可以自己实现这个模块,毕竟虽然不懂,但是可以模仿其他模块,有示例可以参考,实在搞不定原创 2020-06-06 11:35:25 · 228 阅读 · 0 评论 -
jQuery 为什么优秀兼谈库与框架的设计
文章目录1、解决什么问题2、也谈命名3、接口设计4、耦合5、写在最后从 @wintercn 的这篇文章说起:从 jQuery 谈库与框架的设计之优劣先去读一读哦,不长的,winter 写得很幽默。好了,看下文。1、解决什么问题拿 winter 的代码入手:function traversal(node, f) { f(node); if(node.children.len...转载 2020-02-24 14:45:43 · 114 阅读 · 0 评论 -
从jQuery谈库与框架的设计之优劣
文章目录1、解决问题2、命名3、接口设计4、耦合jQuery是业内知名的javascript框架,它的实现和设计可以说代表了javascript界最高的水平,本文试从四个方面来以jQuery为例总结库与框架设计的原则和优劣判断。1、解决问题首先请看一个我实现的框架,我把这个库称为四则运算。function add(a,b) { return a+b;}function mu...转载 2020-02-24 14:40:48 · 214 阅读 · 0 评论 -
使用jQuery Uploadify借助Dorado平台实现批量上传文件动态显示实时上传文件状态
今晚为了完善一个系统比较重要的一个数据导入功能模块,加上晚上有大量的时间,充分施展自己的技能,实现了还算自己满意的一个【使用jQuery Uploadify借助Dorado平台实现批量上传文件动态显示实时上传文件状态】的功能。1、批量上传布局2、单个文件上传布局3、可以选择多个文件,可以设置选择的文件类型4、动态显原创 2013-11-25 22:50:27 · 3238 阅读 · 1 评论 -
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响:对标记attributes 、properties的约束规则对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析DOCTYPE是非常关键的,目前的最佳实践就是在HTML文档的首行键入:转载 2017-08-21 09:59:37 · 392 阅读 · 0 评论 -
【深入浅出jQuery】源码浅析--整体架构
最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外,阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识,接下来将会写一系列转载 2017-03-10 18:22:20 · 264 阅读 · 0 评论 -
基于jquery.uploadify实现图片上传
效果图:调用说明1、JSP页面HTML标签,如下添加2、需要在jsp页面,添加脚本,调用API接口如下:var uploadifyItems = [ {render:'#uploadify1',fileQueue:'fileQueue1',modelType:'11',imgTarget:'#identityCar原创 2017-01-19 09:58:30 · 5075 阅读 · 0 评论 -
基于SpringMVC +前台页面基于bootstrap 的 echats+jquery.slider 堆积图
实现要点1、基于jquery.slider 动态设置series,数据基于前台动态渲染。2、legend的动态创建。效果图:JSP页面源码: APP统计 | 神州专车原创 2016-12-09 17:40:21 · 1218 阅读 · 0 评论 -
基于SpringMVC +前台页面基于bootstrap 的 echats 柱形图
功能相关要点1、柱形图legend 可控 颜色。2、默认设置legend 选中状态。3、自定义柱形图上的tooltip。截图:JSP页面源码: APP统计 | 神州专车原创 2016-12-09 17:33:58 · 3322 阅读 · 1 评论 -
js中匿名函数的N种写法
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大。匿名函数没有实际名字,也没有指针,怎么执行滴?其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把…关于匿名函数写法,很发散~...原创 2018-10-12 22:40:04 · 2276 阅读 · 0 评论 -
HTML5 定稿:手机 App 三年内将彻底消失?
过去这些年,HTML5 颠覆了 PC 互联网的格局,优化了移动互联网的体验,接下来,HTML5 将颠覆原生 App 世界。这听起来有点危言耸听,但若认真分析 HTML5 的发展史,你会发现,这个世界的发展趋势确实就是这样。祝愿大家在 HTML5 的浪潮中,把握住机遇,享受下坐在风口当猪的感觉。 HTML5 对开发者的 7 大优势 跨平台:原创 2015-06-02 21:54:32 · 1883 阅读 · 0 评论 -
一种基于 JEP 和可配置公式实现用户自定义字段的解决方案
背景随着 IT 技术的普及和发展,用户的信息化水平越来越高,软件产品除了满足用户的基本需求之外,还必须越来越照顾到用户的个性化需求,为用户提供深层次的个性化服务。以一个包含报表展示功能的产品为例,默认呈现给所有用户完全相同的报表,即同一个报表的字段内容和标签对所有用户完全相同。而在实际中,我们常常会遇到不同的用户由于其业务需求的不同,对于同一张报表,除基本数据字段之外,还要求额外增加符合该转载 2017-11-07 11:28:31 · 2131 阅读 · 0 评论 -
Nutz+jQuery esayUI Datagrid实现增删改查以及分页效果
本实例通过国内比较流行的MVC框架-Nutz,前台使用jquery EasyUI,其中表格使用的Datagrid实现数据员工管理,其中涉及增加、删除、修改、分页效果。maven管理依赖源码:https://gitee.com/suze/zms_mavenJar包管理源码:https://gitee.com/suze/zms_jars 本实例在开发中涉及的的问题有:1、如何共...原创 2014-05-12 20:33:59 · 9051 阅读 · 7 评论 -
jQuery EasyUI+Nutz实现增删改查
说明:目前该项目已经更新到git上。基于maven请下载:http://git.oschina.net/suze/zms_maven基于传统jar包引入方式请下载:http://git.oschina.net/suze/zms_jars请在git主页下载附件zms.sql 安装数据库文件,基于mysql. 截图 1、JAVA代码 package o...原创 2014-04-26 15:47:33 · 4574 阅读 · 22 评论 -
痛并快乐着,我的程序世界
我陶醉于自己的编码世界,每一块代码块都包含着我的欢乐和悲伤,那些代码块恨不得都打上我的专属水印,印证着我曾经的冥思苦想,当经过N次测试,我看到了自己世界中的喜悦,那种喜悦无与伦比,是骄傲,是辉煌,是历史的见证。这就是我,一个爱程序的Coder~~原创 2014-12-04 21:52:38 · 1036 阅读 · 0 评论 -
JavaScript生成GUID的算法
全局唯一标识符(GUID,Globally Unique Identifier)也称作 UUID(Universally Unique IDentifier) 。GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f 范围内的一个32位十六转载 2016-10-26 20:15:44 · 1333 阅读 · 0 评论 -
Javascript 中的 && 和 || 使用小结
Javascript 中的 && 和 || ,有时候用作条件判断,非常的简洁,不熟悉的朋友可能不太了解,这里最后有个朋友补充,非常的好。普通情况下的 && 和 || 比较简单,这里不进行讨论。 准备两个对象用于下面的讨论。 复制代码代码如下:var alice = { name: "alice", toString: function (转载 2017-03-10 17:39:39 · 222 阅读 · 0 评论 -
js 运算符 || && 妙用
首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0个箭头。 用代码怎么实现? //if else 实现var add_level = 0; if(add_step == 5){ ad转载 2017-03-10 17:44:55 · 315 阅读 · 0 评论 -
20个必会的JavaScript面试题
问题1:JavaScript 中 undefined 和 not defined 的区别JavaScript 未声明变量直接使用会抛出异常:var name is not defined,如果没有处理异常,代码就停止运行了。但是,使用typeof undeclared_variable并不会产生异常,会直接返回 undefined。var x; // 声明 xconsole.转载 2017-03-30 21:33:45 · 237 阅读 · 0 评论 -
javascript必知必会之prototype
javascript必知必会之prototype转载 2017-03-30 22:11:59 · 207 阅读 · 0 评论 -
javascript必知必会之prototype
另外,每个对象都有一个 constructor 属性,用于指向创建其的函数对象,如上例中的 fun.constructor 指向的 就是 Person.那么一个疑问就自然产生了, 函数对象中自身声明的方法和属性与prototype声明的对象有什么差别?有下面几个差别:自身声明的方法和属性是 静态的, 也就是说你在声明后,试图再去增加新的方法或者修改已有的方法,并不会转载 2017-03-30 22:12:36 · 174 阅读 · 0 评论 -
javascript必知必会之this关键字及scope
javascript必知必会之this关键字及scope摘要引入this关键字关于apply和callscope详述一些说明结论后记参考资料本文的源码引入作为一个程序员, 你可能早已经习惯于面向对象语言中指代当前对象的引用(或者指针), 如的c++中的this或者 python 中的self,当然具有OO属性( javascript 其实更多的是一种所谓的函转载 2017-03-30 23:08:25 · 1422 阅读 · 0 评论 -
20位活跃在Github上的国内技术大牛
20位活跃在Github上的国内技术大牛本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔?1. lifesinger(玉伯)Github主页: https://github.com/lifesinger微博:@ 玉伯也叫射雕玉伯(王保平),淘宝前端类库 KISSY、前端模块化开发框架SeaJS、转载 2017-03-31 23:12:18 · 1485 阅读 · 0 评论 -
js 获取json对象的Key、value
getJson('age'); function getJson(key){ var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"}; //1、使用eval方法 var eValue=eval('jsonObj.'+key); alert(eValue); //2、遍历Jso转载 2017-03-17 12:47:13 · 1832 阅读 · 0 评论 -
json对象转换成json字符串
var JSON = function(sJSON) { this.objType = (typeof sJSON); this.self = []; (function(s, o) { for (var i in o) { o.hasOwnProperty(i) && (s[i] = o[i], s.self[i] = o[i]) }; })(this, (this.obj转载 2014-05-22 13:41:06 · 1092 阅读 · 0 评论