前端框架 EasyUI (0) 重新温习(序言)
几年前,参与过一个项目。那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架。
我进 Team 的时候,项目已经进入开发阶段半个多月了。听说整个项目的框架是另一个“牛人”搭建的,后来被这个 PM 直接拿来用了。
因为搭框架的“牛人”已经不在了,整个 Team 没有对框架非常精通的人,开发过程中遇到不少问题。
后台还好,没用什么复杂的组件或框架,都是最基本的 ASP.NET 页面和 C# 代码,所以没有什么问题。关键是前端,当时整个 Team 里没有一个人在这个项目之前用过 EasyUI,甚至 5 个人中的 3 个都没有用过 jQuery,所以开始的时候对前端页面的任何一点调整都很纠结。
项目中遇到了问题,加之当时我刚参加工作,没见过什么页面框架(上学的时候都是自己写 CSS 和 JS),所以当时见到 EasyUI 还是挺兴奋的,就想自己抽时间好好研究一下。所幸之前自学过 jQuery,没觉有啥难度,所以入门 EasyUI 问题不大。
我挑了项目里用到的几个插件,官网找来 Demo 运行一下,看看 Demo 代码,然后自己建个 Project 写个 Demo 调试一下,改改属性参数看看效果,试试各种事件、方法,没几天时间便理解了 EasyUI 的大概套路。
参考着 API,拿来项目,改起前端框架得心应手,解决掉了几个很令人崩溃的问题(那时的 EasyUI 还有比较多的小 BUG),规范了一下前端框架使用的注意事项。后来便担起了这个项目前端框架的修改维护工作。
后来,因为当时没有找到比较系统又容易理解的教程,所以就想写个博客分享一下,同时也算对学过知识的记录与总结。于是,开了一个分类,一共写了 5 篇,貌似读者评论还很不错。(帮助了一些人,深感欣慰)
后来因为项目变动,近几年都是在搞 WinForm 的项目,所以没有再继续下去。直到前不久,离开了这家公司,打算休息一段时间,所以又打算将 EasyUI 再温习一遍,一来给初学者分享,二来自己也积累一下。
本想续写,可回头再看以前的几篇博客,因为版本更新 EasyUI 已变得今非昔比,所以我打算重新从头开始。
前端框架 EasyUI (0) 重新温习(序言)的更多相关文章
- 前端框架Easyui学习积累
前端框架Easyui学习积累 1.easyui textbox 赋值:$("#id").textbox("setValue","xx"); ...
- 前端框架easyui layout, Tabs,tree
一.三大前端框架的 1.easyui=jquery+html4(用来做后台的管理界面) 不要钱,开发速度快,不好看,不支持响应式 2.bootstrap=jquery+html5 好看,开发速度快,部 ...
- 前端框架 EasyUI (1)熟悉一下EasyUI
jQuery EasyUI 官方网站 http://www.jeasyui.com/ .去年新开了个中文网 http://www.jeasyui.net/,不知道是不是官方的,不过看着挺像样.但是,广 ...
- 前端框架 EasyUI (2)页面布局 Layout
在 Web 程序中,页面布局对应用程序的用户体验至关重要. 在一般的信息管理类的 Web 应用程序中,页面结构通常有一个主工作区,然后在工作区上下左右靠近边界的区域设置一些边栏,用于显示信息或放置一些 ...
- EasyUI搭建前端框架
EasyUI搭建前端框架 前言: 最近在忙公司的项目,也没太多时间来更新博客,谢谢大家的关注. 好啦,有了前面的系统整体简介和用户登录界面,我们开始使用EasyUI搭建前端页面框架! EasyUI官方 ...
- 0前端 框架 库_千万别去碰js呀 混合APP_webAPP_美工 选有类型的语言,比如TypeScript
常用知识点,技巧 添加库到本地: (举例 element-ui) 用npm命令行把包下载到本地 在电脑里找到资源文件,比如 C:\Users\XiaoCong\AppData\Roaming\npm\ ...
- easyui前端框架01
一. 三大前端框架的特点 1.easyui=jquery+html4 优点:快速开发.功能齐全 .免费 缺点:不好看.不支持相应式开发 2.bootstrap=jquery+html5 优点: 功能强 ...
- EasyUI+bootsrtap混合前端框架
EasyUI+bootsrtap混合前端框架 http://www.jeasyui.com/download/index.php用户没有登录前浏览的页面用bootsrtap框架用户登录进去后的商家管理 ...
- Web前端框架汇总
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...
随机推荐
- Asp.net Boilerplate之AbpSession扩展
当前Abp版本1.2,项目类型为MVC5. 以属性的形式扩展AbpSession,并在"记住我"后,下次自动登录也能获取到扩展属性的值,版权归"角落的白板报"所 ...
- android自定义控件一站式入门
自定义控件 Android系统提供了一系列UI相关的类来帮助我们构造app的界面,以及完成交互的处理. 一般的,所有可以在窗口中被展示的UI对象类型,最终都是继承自View的类,这包括展示最终内容的非 ...
- 为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?
今年我一直在思考web开发里的前后端分离的问题,到了现在也颇有点心得了,随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑 ...
- hash表长度优化证明
hash表冲突的解决方法一般有两个方向: 一个是倾向于空间换时间,使用向量加链表可以最大程度的在节省空间的前提下解决冲突. 另外一个倾向于时间换空间,下面是关于这种思路的一种合适表长度的证明过程: 这 ...
- EntityFramework Core 1.1是如何创建DbContext实例的呢?
前言 上一篇我们简单讲述了在EF Core1.1中如何进行迁移,本文我们来讲讲EF Core1.1中那些不为人知的事,细抠细节,从我做起. 显式创建DbContext实例 通过带OnConfiguri ...
- 有趣的 CSS 像素艺术
原文地址:https://css-tricks.com/fun-times-css-pixel-art/#article-header-id-4 译者:nzbin 友情提示:由于国内网络的原因,Cod ...
- Node.js:dgram模块实现UDP通信
1.什么是UDP? 这里简单介绍下,UDP,即用户数据报协议,一种面向无连接的传输层协议,提供不可靠的消息传送服务.UDP协议使用端口号为不同的应用保留其各自的数据传输通道,这一点非常重要.与TCP相 ...
- C#中如何在Excel工作表创建混合型图表
在进行图表分析的时候,我们可能需要在一张图表呈现两个或多个样式的图表,以便更加清晰.直观地查看不同的数据大小和变化趋势.在这篇文章中,我将分享C#中如何在一张图表中创建不同的图表类型,其中包括如何在同 ...
- css样式之border-image
border-image-source 属性设置边框的图片的路径[none | <image>] div { border: 20px solid #000; border-image-s ...
- 微信小程序体验(1):携程酒店机票火车票
在 12 月 28 日微信公开课上,张小龙对微信小程序的形态进行了阐释,小程序有四个特定:无需安装.触手可及.用完即走.无需卸载. 由于携程这种订酒店.火车票和机票等工具性质非常强的服务,非常符合张小 ...