JavaScript
文章平均质量分 78
zhenzigis
理工男,直性子
展开
-
业务应用前端实战经验总结
总之,技术是为了服务业务,虽然技术不一定能全部用在项目里,但如果用心,把项目代码弄的井井有条,一样可以彰显能力,做有用的东西,而非追求一些花里胡哨的,反而更有意义。原创 2023-10-24 11:35:57 · 423 阅读 · 0 评论 -
学习 ui-router - 管理状态
ui-router 的工作原理非常类似于 Angular 的路由控制器,但它只关注状态。在应用程序的整个用户界面和导航中,一个状态对应于一个页面位置通过定义controller、template和view等属性,来定义指定位置的用户界面和界面行为转载 2016-03-22 21:40:41 · 1543 阅读 · 0 评论 -
AngularJS单页面应用的5大缺陷
这个文章是转的,里面的内容不完全认同,但讲的的确有点道理,mark.我们认为下面5点让客户端的JS框架使用起来非常的痛苦。转载 2016-03-22 18:19:54 · 2388 阅读 · 0 评论 -
AngularJS快速入门
AngularJS越来越火了,它是前端MVC框架之一,在此之前还有backbone之类的框架,很多公司也在使用,不过backbone虽然很轻量,但是做起东西来挺不容易的,AngularJS框架相对重量一点,不过学习成本低,国内也有不少中文中可以看,只是版本更新太快,现在大版本已经到2了。此实例的英文版本可以官方网站找到。1、环境准备:Node JS v5.3.0 windows版本直接安装原创 2016-01-12 17:38:14 · 463 阅读 · 0 评论 -
数据绑定-AngularJS第一课
在学习之前,需要html,css,js知识基础,最好知道自动化测试,BDD-行为驱动开发,TDD-测试驱动开发等概念,你可以不会jquery,php,或数据库。angular可以帮你组织JS,创建响应式的网站,易于测试且能很好的和jquery结合,所以我们才使用它。原创 2016-01-14 10:04:34 · 450 阅读 · 0 评论 -
jQuery的promise异步模式
Promise是为了优化异步行为做出的抽象,我们在前端经常要发送Ajax请求,在异步回调方法中处理结果,但是有些业务是多个异步请求相互依赖的,这样不得不在一个异步请求的回调中再次发送异步请求,为了让前端们从回调的地狱中回到人间,Promise就诞生了。在ES6标准发布之前,已经有Promise模式了,DOJO和jQuery都有自己的实践。本文就来介绍jQuery的Promise实践转载 2016-02-16 13:03:34 · 5554 阅读 · 1 评论 -
Hello NodeJS
虽说NodeJS已经火了快六七年了,但我是从一年前才知道NodeJS的。那时候技术老大像疯了似的突然说,你们做的网站挺烂的,架构要改,要用NodeJS。原创 2016-01-12 20:04:50 · 351 阅读 · 0 评论 -
FIS3前端环境配置
1、安装NODE_v5.3.0,NPM详细过程参考官网 https://nodejs.org2、修改NPM的repository(建议使用2.3)2.1 通过config命令npm config set registry https://registry.npm.taobao.org2.2 命令行指定npm --registry https://registry.npm.taobao....原创 2020-03-06 14:15:13 · 548 阅读 · 0 评论 -
Bootstrap之布局
Bootstrap,又一个流行的前端框架,也是我非常喜欢的框架之一,因为他轻量,和html,css结合的很好,如果只考虑样式,可以不用引用js,它的响应式样式效果很好,做起界面来非常快速,不需要知道很多知识,只要熟悉html,css就可以了,对于做切图或页面布局的员工来说,是个福音。原创 2016-01-14 11:26:54 · 1217 阅读 · 0 评论 -
Bootstrap之组件
一个页面要想正常访问,首先需要正常加载各种资源。可是,我不得不说,这一点上就连BAT做的也有所欠缺。他们在专注于组件化,模块化,自动构建,他们天天在弄TDD,BDD,敏捷之道,可是我常常发现有时腾讯或百度的某些页面打开后样式全乱了,或是过长的等待,点击没有反应…大公司都这样,更不用说一些没用心做的网站了。原创 2016-01-14 16:06:17 · 758 阅读 · 0 评论 -
Bootstrap之插件
Bootstrap的插件是指要配合JS脚本的组件,这些组件都有配合的JS文件,如果引用了bootstrap.min.js,则包括了所有可用组件,这些插件可以使用data-*来调用,而无需直接使用JS对应的方法,这样明显降低了学习成本,当然,有必要时也可以使用JS的方式。原创 2016-01-15 10:26:05 · 895 阅读 · 0 评论 -
React学习入门实例
上节中接触的react hello world例子中引用了三个框架脚本文件,react.js 、react-dom.js 和 Browser.js ,它们必须首先加载。其中,react.js 是 React 的核心库,react-dom.js 是提供与 DOM 相关的功能,Browser.js 的作用是将 JSX 语法转为 JavaScript 语法原创 2016-01-19 09:15:34 · 480 阅读 · 0 评论 -
Hello world React
reactjs,这里就不介绍了,如果你没听说过它,你就不会打开这篇博客,如果你打开这篇博客,说明你对它感兴趣,并且你还没有入门,你想知道它是怎么用的。原创 2016-01-14 14:22:21 · 332 阅读 · 0 评论 -
ReactJS +jQuery+Node后台取数据
这个例子结合react和ajax技术,从后台取图片,然后进行交互。为了模拟真实环境,我用node建了一个简易的后台服务。这里使用的是node5.3版本。在chrome浏览器下测试通过。原创 2016-01-20 10:50:47 · 2872 阅读 · 0 评论 -
项目中最实用的前端开发规范
前端的开发规范其实不需要定的太细,掌握好原则即可,依据这些原则,再去根据项目制定具体的要求,就可形成相关文档。比如,定好主题颜色后即可根据主题确定具体的颜色、字体、边框、边距、图标等。根据之前做过的项目,我总结了20条原则,作为后期前端开发规范,无法面面俱到,仅供参考。1、必须使用构建工具,坚持前后端分离。2、缩进规范,排版清楚。3、注释详细。4、发布的代码中没有debugger5、图标采用webfont,尽可能不随意引入图片6、文件结构合理,分类清楚。7、尽可能采用绝对路径,以免路由或代理原创 2020-05-28 16:22:38 · 322 阅读 · 0 评论 -
基于VUE实现的复杂表头的响应式表格组件
项目中做中国式表格会很常见,如果只是普通的表格,完全不用任何组件,结合Bootstrap的样式,使用VUE强大的数据绑定功能就可实现,比如下面这样:<table class="table table-bordered table-striped" v-loading="loading"> <thead> <tr> <th&g...原创 2020-04-07 11:42:33 · 2785 阅读 · 0 评论 -
在JavaScript中使用高阶函数把数组转换成对象
在JS里,数组转对象是很常见操作,项目中,当后台返回给你个JSON数组,但是你要的却是一个JSON对象,你还在用for…循环来做吗?这里有更骚一点的操作,可以更快速地处理,一行代码搞定的。假设后台工程师给你的是这样的:var arr=[{id:1,name:"zhangsan"},{id:2,name:"lisi"},{id:3,name:"wangwu"}];可以用reduce高阶函数来...原创 2020-04-02 17:01:27 · 828 阅读 · 0 评论