2.精通前端系列技术之seajs和gruntJs结合开发（三）

1.我们先来了解下模块化历史模块化历史 nodeJS的出现(http://nodejs.org/) commonJS规范(http://www.commonjs.org/) 浏览器JS的模块化? AMD规范(http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition) requireJS库(http://requirejs.org/ CMD规范 Seajs采用的我们通常开发前端的时候分为线下和线上,线下直接开发调试脚本,而线上是很…

2.精通前端系列技术之seajs模块化使工作更简单（二）

drag.js // JavaScript Document //B开发 define(function(require,exports,module){ function drag(obj){ ; ; obj.onmousedown = function(ev){ var ev = ev || window.event; disX = ev.clientX - obj.offsetLeft; disY = ev.clientY - obj.offsetTop; document.onmouse…

2.精通前端系列技术之JS模块化开发-深入学习seaJs（四）

深入学习seajs 配置信息 alias : 别名配置 paths : 路径配置 vars : 变量配置 map : 映射配置 preload : 预加载项 debug : 调试模式 base : 基础路径 charset : 文件编码深入学习seajs module id : 模块唯一标识 uri : 模块绝对路径 dependencies : 当前模块依赖 exports : 当前模块对外接口 require.async 异步加载模块 // JavaScript Document //va…

2.精通前端系列技术之JavaScript模块化开发 seajs（一）

在使用seajs模块化开发之前,直接在页面引用js会容易出现冲突及依赖相关的问题,具体问题如下问题1:多人开发脚本的时候容易产生冲突(比如全局参数冲突,方法名冲突),可以使用命名空间降低冲突,不能完全避免冲突 // JavaScript Document /*var a = 10; function tab(){} function drag(){} function dialog(){}*/ var miaov = {}; //名字比较长 , 只能降低冲突,不能完全避免 miaov.a =…

3.精通前端系列技术之深入学习Jquery(一)

使用Jquery的好处: •简化JS的复杂操作 •不再需要关心兼容性(原生js获取元素样式.事件需要做兼容性) •提供大量实用方法 1.选择网页元素 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.…

1.精通前端系列技术之js正则表达式

在不会正则的时候,我们寻找字符串某些规律或者截取部分特殊字符的时候,我们需要写很多行代码来获取我们想要的字符串,在使用正则之后,代码量会大量简洁很多 1.字符串的比较,判断是否数字类型的字符串,我们用字符编码范围来判断 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; ch…

[后端人员耍前端系列]AngularJs篇：30分钟快速掌握AngularJs

一.前言对于前端系列,自然少不了AngularJs的介绍了.在前面文章中,我们介绍了如何使用KnockoutJs来打造一个单页面程序,后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序.在开始使用AngularJs开发SPA之前,我觉得有必要详细介绍下AngularJs所涉及的知识点.所有也就有了这篇文章. 二.AngularJs介绍 AngularJS是Google推出的一款Web应用开发框架.它提供了一系列兼容性良好并可扩展的服务,包括数据绑定.DOM操作.MVC和依赖注…

前端模块化开发之seaJs

了解后端语言的童鞋一定听过模块化开发的概念,比如java.python等后端语言都有自己的模块化特性,然而和后端语言相比,javascript还尚未实现模块化的功能,虽然之后的更高版本可能引入模块化开发的概念,但是现阶段我们可以通过第三方控件来实现. 今天我就来给大家介绍下可以帮助我们实现前端模块化的工具——seaJs.如果对seaJs已经有实际使用经验的小伙伴可以直接忽略这篇文章. 如果有小伙伴了解requireJs,那么学习seaJs会相当的容易,因为requireJs也是前端模块化的构建工…

SeaJS入门教程系列之使用SeaJS（二）

SeaJS入门教程系列之使用SeaJS(二) 作者: 字体:[增加减小] 类型:转载时间:2014-03-03我要评论这篇文章主要介绍了SeaJS入门教程系列之使用SeaJS,着重介绍了SeaJS的使用方法.关键方法的使用等,需要的朋友可以参考下下载及安装要在项目中使用SeaJS,你所有需要做的准备工作就是下载sea.js然后放到你项目的某个位置.SeaJS项目目前托管在GitHub上,主页为 https://github.com/seajs/seajs/ .可以到其git库的buil…

react 前端项目技术选型、开发工具、周边生态

react 前端项目技术选型.开发工具.周边生态声明:这不是一篇介绍 React 基础知识的文章,需要熟悉 React 相关知识主架构:react, react-router, redux, redux-thunk, redux-saga, react-redux, dva, umi 扩展架构:styled-components, recompose, react-loadable UI 框架:ant-design, ant-design-mobile, material-ui, Seman…

《后端也要懂一点前端系列》使用webpack搭建项目

今天突然有兴致想要学习一下前端的技术,所以特此记录学习前端之路.由于之前在公司做的项目大部分都是关于JSP页面的增删改查,所以前端后端都是一个人来写的,对于前端还只是停留在js.html.css阶段,对于一些前端框架是一点也不了解,正好学习后端的时候遇到了cookie.session.token的问题,特此也简单的了解一下前端知识. 概念介绍大概在网上找了一些的教程,由于是想速成,所以先从搭建项目开始学起了.搭建项目使用的webpack,我觉得前端的webpack和后端的gradle.mave…

精通awk系列文章

精通awk系列文章我录制了两个awk相关的视频教程: Awk经典实战案例精讲精通awk精品课程:awk从入门到精通 1.安装新版本的gawk 2.本教程测试所用示例文件 3.铺垫知识:读取文件的几种方式 4.awk用法入门 5.BEGIN和END语句块 6.awk命令行结构和awk语法结构 7.awk读取行的细节 8.awk划分字段的3种方式 9.修改字段或NF引起的$0重新计算 10.awk筛选行和处理字段的示例 11.awk的工作流程 12.awk getline用法详解 13.awk…

【Xamarin挖墙脚系列：使用Xamarin进行Hybrid应用开发】

原文:[Xamarin挖墙脚系列:使用Xamarin进行Hybrid应用开发] 官方地址:https://developer.xamarin.com/guides/cross-platform/advanced/razor_html_templates/ 使用Xamarin进行网页形式的本地APP开发,感觉有点不爽,不过为前端开发人员提供了开发APP的入口. 呈现引擎支持HTML 和ASP.NET MVC3的Razor引擎! Razor引擎是个好同志! 不过,创建Hybrid应用的框架不仅仅是…

Web技术的发展网络发展简介（三）

在上一篇文章中,对TCP/IP通信协议进行了简单的介绍通信协议是通信的理论基石,计算机.操作系统以及各种网络设备对通信的支持是计算机网络通信的物质基础而web服务则是运行于应用层,借助于应用层的协议,建立了客户端与服务器,对等层之间的联系,底层的硬件以及软件为其提供服务. 本文对web发展架构进行简单介绍,并且对web开发技术进行简单介绍,不是要介绍细节,而是要展示一个宏观的概念. WEB架构起源 80年代中期ARPANET才逐渐开始进入民用 20世纪90年代之前,因特网的主要使用者还是研究…

Atitit.技术管理者要不要自己做开发？？

Atitit.技术管理者要不要自己做开发?? 1. 为什么很多管理者不能自己亲自做了1 1.1. 沟通成本多了1 1.2. .组织分散. 1 1.3. 会议多 .协调多 1 1.4. 问题的根源在于我们越来越厚重的管理, 2 2. 小型模式下可以亲自上阵.2 1. 为什么很多管理者不能自己亲自做了 1.1. 沟通成本多了就有所谓的管理者,管的人越多,管理者做技术的时间越少.要转变开发的模式,班聪明的人都去做管理了.根源还是研发团队的作战方式.一个项目需要那么多人,必然需要有管理,就有所谓的管…

JS组件系列——表格组件神器：bootstrap table（三：终结篇，最后的干货福利）

前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实,博主挑选了一些自认为比较常用的功能在此分享给各位园友.源码也在这篇统一给出.好了,不多说废话,开始我们的干货之旅吧. bootstrap table系列: JS组件系列——表格组件神器:bootstrap table JS组件系列——表格组件神器:bootstrap table(二…

【转】.Net中通过反射技术的应用----插件程序的开发入门

转自:http://www.cnblogs.com/winloa/archive/2012/03/25/2416355.html .Net中通过反射技术的应用----插件程序的开发入门再开始之前,先学习基本基本的概念. 程序集:所有.Net类都是定义在某个Assembly(程序集)中的,.Net基本类是定义在mscorlib.dll中.exe也可以看做是类库,也可以引用..net的exe也是Assembly, .net中的exe和dll的区别就是exe中包含入口函数,其他没有区别,exe也可以…

DataSnap高级技术(7)—TDSServerClass中Lifecycle生命周期三种属性说明

From http://blog.csdn.net/sunstone/article/details/5282666 DataSnap高级技术(7)—TDSServerClass中Lifecycle生命周期三种属性说明 Lifecycle 三种属性: Session.Invocation.Server 这三种属性都用在什么情况,有什么要注意的事项,Delphi2010中罕有说明. 如果乱用这三种属性,你的服务程序有可能崩溃,数据混乱,内存占用大,效率低等问题! 下面我对这三种属性的使用环境逐一介…

【SpringBoot基础系列】手把手实现国际化支持实例开发

[SpringBoot基础系列]手把手实现国际化支持实例开发国际化的支持,对于app开发的小伙伴来说应该比价常见了:作为java后端的小伙伴,一般来讲接触国际化的机会不太多,毕竟业务开展到海外的企业并没有太多 SpringBoot提供了国际化的支持,网上也有相关的教程,然而实际体验的时候,发现并没有预期的那么顺利:本文将介绍一下SpringBoot如何支持国家化,以及在支持的过程中,一些注意事项 I. 项目环境 1. 项目依赖本项目借助SpringBoot 2.2.1.RELEASE + m…

上海洋码头(www.ymatou.com)急招技术人才(职位：互联网软件开发工程师，.NET网站架构师，Web前端开发工程师，高级测试工程师，产品经理）

对公司招聘职位有兴趣的童鞋可以把简历发送到zhangzhiqiang@ymatou.com,我们HR会快速给你答复. 互联网软件开发工程师岗位职责: 1.参与洋码头各个平台(www.ymatou.com/www.xlobo.com/洋码头APP扫货神器)的开发任职要求: 1. 5年以上相关工作经验: 2. 熟悉ASP.Net框架,熟练掌握.net(C#)及MSSQL开发技术,熟悉webService.熟悉Linq,对Web开发技术(Ajax.HTML.JavaScript.jQuery.CS…

Vue管理系统前端系列一vue-cli4.x 初始化项目

目录项目介绍技术基础开发环境安装工具快速原型开发创建项目配置相关说明目录结构项目介绍 lion-ui 是一个基于 RBAC 的管理系统前端项目,采用 vue 和 element-ui 前端技术栈,实现了登录权限验证,根据权限动态生成菜单等功能.使用 vue-cli4.x 初始化项目. 开发时采用 fastmock 来进行模拟请求数据. 暂时前端项目只有master分支,数据都是mock的,有基本轮廓,可clone下来快速开发.根据需求调整.后端系统将搭配 netcore3.1…

[后端人员耍前端系列]KnockoutJs篇：快速掌握KnockoutJs

一.引言之前这个系列文章已经介绍Bootstrap.由于最近项目中,前端是Asp.net MVC + KnockoutJs + Bootstrap来做的.所以我又重新开始写这个系列.今天就让我们来看看Web前端的MVVM框架——KnockoutJs. 二.KnockoutJs是什么? 做.NET开发的人应该都知道,WPF中就集成了MVVM框架,关于WPF系列可以参考我WPF系列:http://www.cnblogs.com/zhili/category/624221.html.所以Knocko…

[后端人员耍前端系列]Bootstrap篇：30分钟快速掌握Bootstrap

一.引言很久没有写过博客了,但是最近这段时间都没有闲着,接触了很多方面.比如一些前端框架和组件.还有移动开发React-Native.以及对.NET框架设计的一些重新认识.这些内容在接下来的时间都会一一和大家分享的.我为什么放置了这么久又重新写博客呢?因为在这段时间里面,我虽然接触了这么多东西,自己也没有停下来学习,但是没有写博文总结的话,总感觉这些东西还不是我的.心里总感觉空荡荡的.今天先介绍了一个前端“样式”框架——Bootstrap. 二.Bootstrap 整体架构为什么在引言我称为…

[Web前端系列之_Firebug_00_序]

[因] 以前一直把Firebug当做参考他人网站界面结构的工具,看看css,js等,没有深挖.这段时间在项目组里主要充当前台工作,也有空,就准备把前端给精通点,firebug作为入手点. [参考资料] 1. Firebug Starter 基本一上午就能过完,快速入门必备. 2.Firebug 1.5: Editing, Debugging, and Monitoring Web Pages 这本虽然版本有点旧,不过作为参考来说很详细 3.官方文档:http://getfirebug.com/…

用react系列技术栈实现的demo整合系统

引子学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后’适当地进行总结,必然更快地提升自己的水平. 由于公司采用的react+node的技术栈,于是就完成了一个reactSPA小项目,计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给抽象成demo展示出来.目前该项目只是把雏形搭好,效果如下: 其实这套界面风格不仅仅可以作为后台管理系统界面,也可以修改成一个可以展示项目并且美观的博客.项目地址在这里(本地跑效果更佳),如果有好的意…

前端系列——jquery前端国际化解决方案“填坑日记”

前言:最近,新的平台还没有开发完成,原来的老项目又提出了新的需求:系统国际化.如果是前后端完全分离的开发模式,要做国际化,真的太简单了,有现成的解决方案,基于Node构建的时下热门的任何一种技术选型都有成熟的方案,比如: vue + vue-i18n angular + angular-translate react + react-intl 但现在的情况是老的项目并没有使用这类架构.说起国际化,博主几年前就做过,在MVC里面实现国际化有通用的解决方案,主要就是通过资源文件的方式定义多语言.最初…