如何伪装成为一名前端(JS方向)

简介: 作为一个菜鸟级别的.NET开发者,在连服务器都没搞定的情况下,要研究前端,这是在扯淡,不过,迫于工作的需要,时常需要去前端打杂,所以经常伪装成为一名前端,有时候竟产生错觉,去应聘Y一份前端work吧。。

作为一个菜鸟级别的.NET开发者,在连服务器都没搞定的情况下,要研究前端,这是在扯淡,不过,迫于工作的需要,时常需要去前端打杂,所以经常伪装成为一名前端,有时候竟产生错觉,去应聘Y一份前端work吧。。。。。。

第一招:收集jquery的 chm帮助手册

  因为经常但又不是很频繁的写js,记不住jquery的api,咋办?当然是chm的帮助手册方便查询,其他各类JS框架都有chm的速查版本

下载地址 http://ishare.iask.sina.com.cn/f/12406216.html (ps:这个只是个示例,不一定好用,现在人,整的chm都是联网的。。)

第二招:收集NB的IDE编辑器工具

vs很简单,版本号越高,对js只能提示的支持越好,还有一些插件增强工具

机器装不起vs,我推荐JetBrains WebStorm,宇宙级别的 webIDE,webide世界的vs2013,搞js的基本上都装他

http://www.jetbrains.com/webstorm/

第三招:收集方便的调试工具和浏览器插件

ie系列:ietester  http://ietester.cn/

              my-debugbar:http://www.my-debugbar.com/wiki/CompanionJS/HomePage

              fiddler:http://fiddler2.com/

火狐系列:firebug,HttpFox

谷歌系列:谷歌自带的调试工具已经很好用了

第四招:写js,一定要写在js文件里面,

大量不权威的调查表明,同样一个人,写同样一个模块,写在js文件里面和写在其他地方和html、c#、php、等混在一起,

通常,前者写的快,下班早,问题少,不加班。

第五招:你还在拼接html吗?

越是服务器端写的nb,在js里面拼接html越是高端,

菜鸟服务器端:拼接的html横着拉三屏,也拉不完

中级服务器端:用+号拼接的html,竖着啦三屏,也拉不完

高级服务器端:堆栈式的html拼接,堪称膜拜的对象

但他们都无法逃离,单引号,双引号,换行符回车等的折磨。

js模板引擎,专业的拼接html的工具 jquery.tmpl.js 等各种高雅上档次的工具是在太多了,因为我太菜了只学会jquery.tmpl.js了。。。。

jquery.tmpl :https://github.com/BorisMoore/jquery-tmpl

jtemplates :http://jtemplates.tpython.com/

qq 的 http://cdc.tencent.com/?p=5723

百度的 http://baidufe.github.io/BaiduTemplate/

Twitter 的 http://twitter.github.io/hogan.js/

 

第六招:面对依赖,不茫然

菜鸟最大的特点就是自己什么也写不出来,然后一个页面乱七八糟的各种js插件,面对js相互依赖和打架,死的心都有了

服务器端开发面对各种依赖,有各种IOC等框架,

在js领域,有以AMD 模式为核心的各种工具,例如requirejs,saejs,labjs等,

PS:在全国各地网速不一样,的全局环境下,以AMD为模式的js加载方式更适合国情

http://requirejs.org/

http://seajs.org/docs/

http://labjs.com/

 

第七招:NO ie 6 , PC less

不移动不前端,很多人拒绝做前端,都是被ie6折腾的(IE6 那是专业前端混饭吃的法宝),

再加上在电脑上用户体验不是刚需,因此都不怎么上心。

可移动多端就完全反过来了,没了ie6,刚需,还有什么值得犹豫的呢。

第八招:无数据不前端,玩前端,有个弱点,自己如果没有数据,怎么扯也是白搭,因此要借助第三方api接口来满足自己的胃口

  新浪微博 api、 qq微博 api、 淘宝 api、github api、stackoverflow api、雅虎 api 

还有正在秘密研发中的博客园 api 热烈的笑脸 等等 api

第九招:无用户不前端,没用户自己折腾NB的界面给谁看呢?这不是扯淡?

新浪微博 开放平台、qq微博开放平台、uc浏览器开放平台、微信公众平台 等

第十招:前端的信仰,没有自己的图腾,怎么能学好东西呢?,盖房子挖地基还要上香白鲁班呢

前端N人的微博

老赵:http://weibo.com/jeffz?topnav=1&wvr=5&topsug=1

玉伯也叫射雕:http://weibo.com/lifesinger?topnav=1&wvr=5&topsug=1

寒冬winter:http://weibo.com/wintercn?topnav=1&wvr=5&topsug=1

等等一堆人

 

PPT:http://vdisk.weibo.com/s/DOlfks4SvIN/1385905801

test
相关文章
|
3月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
15天前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
33 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
3月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
3月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
93 5
|
3月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
134 1
|
3月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
84 4
|
3月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
666 1
|
3月前
|
JavaScript 前端开发 开发者
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第27天】在前端开发领域,Vue.js和Angular是两个备受瞩目的框架。本文对比了两者的优劣,Vue.js以轻量级和易上手著称,适合快速开发小型到中型项目;Angular则由Google支持,功能全面,适合大型企业级应用。选择时需考虑项目需求、团队熟悉度和长期维护等因素。
104 1
|
3月前
|
JavaScript 前端开发 API
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第26天】前端技术的飞速发展让开发者在构建用户界面时有了更多选择。本文对比了Vue.js和Angular两大框架,介绍了它们的特点和优劣,并给出了在实际项目中如何选择的建议。Vue.js轻量级、易上手,适合小型项目;Angular结构化、功能强大,适合大型项目。
132 1
|
3月前
|
前端开发 JavaScript UED
"前端小技巧大揭秘:JS如何将后台时间戳秒变亲切小时前、分钟前,让用户秒懂,提升互动体验!"
【10月更文挑战第23天】在Web开发中,将后台返回的时间戳转换为“小时前”、“分钟前”、“刚刚”等友好的时间描述是常见需求。本文介绍如何用JavaScript实现这一功能,通过计算当前时间和时间戳的差值,返回相应的描述,提升用户体验。
68 1

热门文章

最新文章

  • 1
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 2
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    详解智能编码在前端研发的创新应用
  • 4
    巧用通义灵码,提升前端研发效率
  • 5
    智能编码在前端研发的创新应用
  • 6
    VSCode AI提效工具,通义灵码前端开发体验
  • 7
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 9
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
  • 10
    【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线