前端项目部分开发总结

项目背景:.Net 3.5+MySQL+jQuery+WebService

在公司做这个项目已经6个多月了,总结一些问题,也算是抛砖引玉吧,希望园子里更多的朋友一起分享一些技巧。

1、 WebService方法返回值不能为void。

当WebService方法返回值为void时,FF和Chrome会持续等待,认为这个请求没有结束,而在IE中一切是正常的。

2、当input的type="button"时或者使用button时,点击后会触发form的submit。

当时查找页面刷新的问题找了很久,最后才发现是button会自动触发form的submit,导致当前页面的刷新。

3、js设置document.domain只能从二级域名设置到顶级域名。

比如访问moozi.cnblogs.com,可以在这个页面中写document.domain=‘cnblogs.com‘;如果把域设置为cnblogs.com之后,无法再使用document.domain=‘moozi.cnblogs.com‘;。

4、使用DOM片段创建iframe,当跨域时,不能用js写iframe的域。

比如你在moozi.cnblogs.com/test.html页面用js把域设置为document.domain=‘cnblogs.com‘,而此时你再用var ifrm=createElement(‘iframe‘) ,这时将不能用js设置iframe的域也为‘cnblogs.com‘,只能让ifrm.src=‘test2.htm‘,并在test2.htm中设置域document.domain=‘cnblogs.com‘。

5、当你修改过当前域的时候,CKEditor是正常的,而tinyMCE需要重新设置域。

CKEditor能自动识别当前域,并不出错。tinyMCE需要人为的设置。同时,如果你是用CKFinder上传文件,而需要修改它的输入代码,不然会因为域不同而出现没有权限的错误提示。

6、使用tinyMCE,尽管你的初始化代码只有一句,但是可能出现多次初如化。发生原因未知,在不确定的情况下会出现此BUG。

7、开发js组件的时候,要时刻注意闭包和this的指代,这方面之前吃了不少亏。

8、将字符串转换成jQuery对象时,要注意字符串html代码的闭合标签。

比如:var html=‘<span>test</span>&nbsp;‘var jqEl=$(html);此时,jqEl会把html里的‘&nbsp;‘丢掉。

9、jQuery1.2.6和jQuery1.3在细节的处理上有一些区别。

jQuery1.2.6处理hasClass(‘.className‘)会出错,而jQuery1.3不会。

10、尽量少用jQuery的each,多用js原生的代码,性能较高。

时间: 2024-10-12 04:54:45

前端项目部分开发总结的相关文章

前端项目的开发(使用vue框架)

前端项目的开发 1. 本地安装nodejs https://nodejs.org/en/download/ 2. 测试安装 > node -v 3. 本地安装git > git --version 4. 使用vue-element-admin https://panjiachen.github.io/vue-element-admin-site/zh/guide 1) 进入项目中(使用的IDE软件为 Visual Studio Code) > cd vue-element-admin-s

vue前端项目开发环境搭建并用npm方式运行

1.下载node.js http://nodejs.cn/download/ 推荐下载 .mis安装包,下一步下一步... 安装完后,通过cmd控制台输入node -v 弹出版本号即成功 2.通过node.js中内置的npm(包/依赖)插件来下载其他开发所需的环境 注意:如设置了代理限制,可通过cmd控制台输入npm config set proxy=http://代理服务器地址:8080 设置代理(网络有代理限制时下载不到依赖包时,按需设置) npm config delete proxy 为

Angular01 通过angular-cli来搭建web前端项目

准备前提:已经搭建好angular-cli环境,还未搭建好的请参见三少的博客(开发基础分类) 1 新建一个文件夹 该文件夹用来存放所有利用angular-cli搭建的web前端项目 2 启动命令窗口,并进入该文件夹 3 创建新项目 ng new 项目名称 注意:项目名称最好全部用字母 3.1 到文件夹中去查看项目是否成功创建 4 通过文本编辑器打开src文件夹下的index.xml文件 三少使用sublime打开的效果如下 4.1 代码详解 这就是一个html文件 我们的应用会在app-root

如何在前端项目中引用bootstrap less?

在基于bootstrap css框架的前端项目开发中,如果有grunt build系统,那么工作流是:客制化less,在less中定义自己的 CSS,同时可以随意引用bootstrap中预定义好的css类,一旦保存文件,grunt则开始重新构建,生成最后的生产文件.问题是: 如何能够在自己的客制less文件中引入bootstrap的less变量或者mixin呢? 比如:我如何能够实现在屏幕尺寸在@screen-md时,将所有的图片隐藏呢? 对于这个场景,假设项目目录结构如下: > bower_c

用gulp构建你的前端项目

前言 前端技术发展日新月异,随着模块化.组件化的提出,前端变得越来越复杂,静态资源越来越多,那么对静态资源的处理,如压缩,合并,去掉调试信息.. 如果还是人工去处理,效率非常之低且还容易出错,于是自动化的处理工具也就必然出现了.就像后端我们一般用maven管理项目,那么前端gulp是个不错的选择. 什么是gulp 是一个基于 Node.js 流.Javascript语法的快速构建前端项目并减少频繁的 IO 操作的自动化工具. Gulp有什么好处 易于学习使用 通过最少的API(核心.src().

从一个前端项目实践 Git flow 的流程与参考

Git flow 出自 A successful Git branching model,这里使用了一个前端项目配合本文稿实施了 git flow 并记录流程作出示例和参考,对 hotfix 与持续部署略有提及,本意是用作公司内部的技术安利.所用源码及文档本身见于 github jusfr/HelloGitflow 前言 Gitflow 是一种 git 分支管理工具——说是思想也不为过,它使用既定策略区分和管理开发.测试.生产环境的代码版本,对测试与持续集成友好,与敏捷.迭代的思路一致. 1 准

前端项目从0到1的感悟

确定框架.技术点 一个项目的开始,特别是丰富多样的前端工程,首先一定要确定好采用的框架和技术点.2016年vue.js如火如荼,webpack强势崛起,但是是否就可直接拿到项目中搞起呢?答案是否定的,一个新的技术如果自己或团队中成员都还在学习摸索的过程,是肯定不能在生产环境中使用的,更何况这是个创业的团队,没有成熟完整的前端团队.所以我当时还是走老套路,jquery为核心,fastclick辅助,requireJs按需加载,arttemplate做模板渲染,核心UI类库使用jqueryWeUI,

Web前端与移动开发学习路线图

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.com/s/1nv0OMuP 密码: ipf9 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程 前端与移动开发基础视频 本套视频内容重点讲解Web前端基础知识,主要包含了用来定义页面内容的HTML,用来定义页面样式

前端项目的开展

前端项目两大教训: 1,凡涉及第三方部门都可能耗费几天甚至更长.第三方提供的接口几乎无验证的.此问题普遍存在. 2,后台研发人员前端技术匮乏,在前端主要覆盖静态页面(CSS+HTML)时,后端研发人员处理静态页面与后台的交互,和业务处理,效率低下,束手无策,问题频出. 第一个问题:跨部门,我们无力解决,我个人经验是,先找对方开发,如果不甩你,向领导反馈:有笔记本的带电脑的去找对方开发.把问题解决就完事. 第二个问题:需培养出合格的后台web developer. 第一阶段: 1,编码:“一刀切”