优秀前端工程师必备: 我要一个新窗口: js开新窗的2种姿势

1.<a href="https://www.cnblogs.com/" title="博客园">当前页面打开博客园</a> js代码等价的实现方式为: window.location.href="https://www.cnblogs.com/"; //新连接,在当前窗口打开 2.超链接<a href="https://www.cnblogs.com/" title="博客园…

优秀前端工程师必备: 非常常用的checkbox的骚操作---全选和单选demo

提要: 前端开发的时候, 经常会遇到表格勾选, 单个勾选判断是否全选的事情.趁着有时间, 总结一下以备不时之需! 就像下面这个栗子: 1 源代码: h5 // 全选框 <input type="checkbox" class="cb_All"> //单选框 <input type="checkbox" class="cb_One"> 2 js代码: 逻辑还是很简单的 : 巧妙利用了"prop&…

优秀前端工程师必备:" checkbox & radio--单钩 & 多钩 "大比较:你是♂||♀ , 还是 ♂&♀

1 单选: type="radio" 需求: 男女input只能选择一个 <input type="radio" name="sex" value="男" >男<input type="radio" name="sex" value="女" >女 2 多选: type="checkbox" <input type=…

优秀前端工程师必备: (总结) 清除原生ios按钮样式

写移动端的web开发时, 需要清除IOS本身的各种样式: 1.消除ios按钮原生样式, 给按钮加自定义样式: input[type="button"], input[type="submit"], input[type="reset"],input[type=text],input[type=password]{ -webkit-appearance: none; } textarea { -webkit-appearance: none;} 2…

优秀前端工程师必备: cookie的增删改查Demo!

1 cookie可以很好地解决微信浏览器登录状态的保存,具体教程看下面链接: https://www.cnblogs.com/autoXingJY/p/10456767.html 2 参考了w3c等的一些内容,总结了下自己经常用js进行的cookie操作:"cookie的添加 , 获取, 删除": 2-1 添加cookie function setCookie(c_name, value, expiredays) { var exdate = new Date() exdate.se…

sublime text3 --前端工程师必备神器

sublime text3 --前端工程师必备神器导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案如何使用自定义的快捷键快速在浏览器中打开html文件 sublime text3 下载安装与 Emmet插件的安装对于前端工程师来说,sublime text3绝对是神器,Emmet插件通过自动补齐可以大大提高我们的开发效率. 第一步:进入官网下载sublime text3.比如对于…

sublime text3 --前端工程师必备

sublime text3 --前端工程师必备神器导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案如何使用自定义的快捷键快速在浏览器中打开html文件安装jade的高亮插件安装ejs的高亮插件颜色样式选择显示与修改编码安装vue的高亮插件解决jsx文件中的html标签无法自动补全的问题 Sublime中使用typescript(支持报错) sublime text3 下载安…

【PS切图】前端工程师必备,但又无需精通的一项技能。

前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能. 前端切图四大面板:在“窗口”菜单下开启 1,信息(手动开启)2,字符(手动开启)3,历史记录(手动开启)4,图层(默认开启) PS首选项设置: 编辑->首选项->单位与标尺,选改为像素. PS 技能需求.工具需求: 常用快捷键图片格式 ( PSD | JPG/GIF/PNG) JPG/GIF/PNG的应用 PSD测量注意事项: 文字右方和下方会有1像素的默认间隙:…

js 用window.open(参数) 打开新窗口，在新窗口怎么获取传过来的参数

unction openwin(taskno){window.open ('playIt.jsp?taskno='+taskno,'play','height=100,width=400,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')} 在新窗口怎么获取taskno url ?后面的是 window.location.search对象,参数都保存在这个对象中,直接用就可以了新页面: <scri…

一篇很全面的freemarker教程前端工程师必备

FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<#-- ... -->格式部分,不会输出 3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出 4,FTL指令:FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出下面是一个FreeMarker模板的例子,包含了以上所说的4个部分 <html><br> <head&…

国人Web前端开发必备干货，一个完美支持IE6在内所有浏览器的CSS框架

摘要: 企户动CSS框架是一个能够完美支持IE6~7在内的所有浏览器的 HTML&CSS 前端框架!给Web开发提供了自适应宽度的百分比多列网格,以及已语义化和结构化的标题.段落.列表.表格.按钮.图文混合排版等静态内容元素. 企户动CSS框架是一个HTML.CSS前端框架,能够完美支持IE6~7在内的所有浏览器!给Web开发提供了自适应宽度的百分比多列网格,以及已语义化和结构化的标题.段落.列表.表格.按钮.图文混合排版等静态内容元素. 特性: 多列网格的列宽度是百分比,能够自适应宽度: 多列…

前端工程师必备PS技能

PS参考线及其辅助视图-->新建参考线也可以快捷键Ctrl+R,显示区的上侧和左侧就会出现标尺.任意点选中,并拖动标尺,便会出现浅蓝色的辅助线.只有在移动工具下,才能拖动某一条参考线. 删除参考线的方式,哪里来的回哪里去,拖动参考线把它移动到标尺处.上面的标尺对应的是水平参考线,左边的标尺对应的是竖直参考线. 新建参考线的快捷键:Alt+V+E Alt+V是打开视图菜单,不放,然后再按E就是新建参考线对于规则图形,选中图层后,再拖动参考线,默认参考线会吸附到图层边缘部分.参考线所在的地方都…

优秀前端工程师应该掌握的内容（转自：github）

程序标准规范 ECMAScript HTTP 知识储备作用域/闭包数据结构算法编程范式函数式面向对象基于原型面向方面设计模式软件架构 MVC MVVM 安全 XSS CSRF 富互联网应用程序编程语言 JavaScript ActionScript CoffeScript 页面标准规范 W3C 知识储备网页设计排版响应式 SEO WCAG 微数据/微格式网页语言标记语言 HTML XHTML XML 样式表 CSS XSL 软技能项目及工程管理开发工具 I…

前端开发必备组件库【基于原生js、兼容主流浏览器、B/S必备】

[持续更新中...跪求点击右上角星星,好人一生平安!] API详见github,链接如下: https://github.com/pomelott/pomelo-plug-in…

Safari WebApp 模拟原声APP禁止打开新窗口JS代码

if(("standalone" in window.navigator) && window.navigator.standalone) { var noddy, remotes = false; document.addEventListener('click', function(event) { noddy = event.target; while(noddy.nodeName !== "A" && noddy.nodeNa…

js打开新窗口，打开新窗口屏蔽工具栏和地址栏，窗口按规定大小显示

opener=null; window.open ("http://baidu.com", "newwindow", "height=500, width=800, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=yes,left=250,top=250")…

Android studio在新窗口中打开新项目

…

如何成为一名优秀的前端工程师 (share)

发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考. :)~ 本文来源:http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html 一.技术的必须的作为一名最基础的前端工程师你必须掌握HTML.CSS和JavaScript.三者必须同时精通,类似我这样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算不上一个合格的前端人员.像我这样的如果当了前端工程师那工期肯定是…

优秀的web前端工程师要具备什么

优秀的前端工程师需要具备良好的沟通能力,因为你的工作与很多人的工作息息相关.在任何情况下,前端工程师至少都要满足下列四类客户的需求. 产品经理--这些是负责策划应用程序的一群人.他们能够想象出怎样通过应用程序来满足用户需求,以及怎样通过他们设计的模式赚到钱(但愿如此).一般来说,这些人追求的是丰富的功能. UI设计师--这些人负责应用程序的视觉设计和交互模拟.他们关心的是用户对什么敏感.交互的一贯性以及整体的好用性.他们热衷于流畅靓丽但并不容易实现的用户界面. 项目经理--这些人负责实际地运行和…

如何成为一名优秀的web前端工程师（前端攻城师）？

程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种:第一种一直在问:如何学习前端?第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript!它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而…

如何成为一名优秀的web前端工程师（转给自己，共勉）

来源:王子墨的博客程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业. Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.S…

Nicholas C. Zakas谈怎样才能成为优秀的前端工程师

黄色阴影为业务,红色字体为哲学昨天,我负责了Yahoo!公司组织的一次面试活动,感触颇深的是其中的应聘者提问环节.我得说自己对应聘者们提出的大多数问题都相当失望.我希望听到一些对在Yahoo!工作充满激情的问题.在昨天的应聘者中,只有一个人的问题是我认为最好的,那个人问我:“你觉得怎么才能成为优秀的前端工程师?”我觉得很有必要把这个问题从面试房间里拿出来讨论一下. 首先,前端工程师必须得掌握HTML.CSS和JavaScript.只懂其中一个或两个还不行,你必须对这三门语言都很熟悉.也不是说必…

如何成为一名优秀的web前端工程师

我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业. Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括…

【转】如何成为一名优秀的web前端工程师（前端攻城师）？

[转自]http://julying.com/blog/how-to-become-a-good-web-front-end-engineer/ 程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种:第一种一直在问:如何学习前端?第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个…

物联网是前端工程师的新蓝海吗? | Live笔记

物联网是继 Web .无线之后的又一次重大技术变革,在变革的大潮中,程序员的知识体系和思维方式将面临全面更新. 前端开发的历史在准备这个live的过程中,我回顾了前端开发短暂的历史,有几次我认为非常重要的变革. 第一个是富交互.十年前我们聊到富交互,首先会想到的是Action,微软也出过一个叫Silverlight的方案,后来随着前端单页应用的流行以及大量复杂交互框架的出现,让前端开始从切页面进入到复杂的Web应用开发,我认为这是前端开发非常重要的转变. 第二个是无线化.七八年前,我们讲到无线…

Web前端开发必备

前端学习相关书籍关于书籍 HTML.CSS 类别书籍,都是大同小异,在当当网.卓越网搜索一下很多推荐.如果感觉学的差不多了,可以关注一下<CSS禅意花园>,这个很有影响力. Javascript 的书籍推荐看老外写的,国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻. 这里推荐几本 Javascript 书籍: 初级读物 <JavaScript高级程序设计>:一本非常完整的经典入门书籍,被誉为JavaScript圣经之一,详解的非常详细…

Web前端工程师成长之路——知识汇总

一.何为Web前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发.制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验. 图1.前端技术MSS Web前端开发技术主要包括三个要素:H…

Web前端工程师成长之路

一.何为Web前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发.制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验.Web前端工程师成长之路--知识汇总 Web前端开发技术主要包括三个…

党建凯，创新工场知乎团队Web前端工程师

Nicholas C. Zakas谈怎样才能成为优秀的前端工程师: 昨天,我负责了Yahoo!公司组织的一次面试活动,感触颇深的是其中的应聘者提问环节.我得说自己对应聘者们提出的大多数问题都相当失望.我希望听到一些对在Yahoo!工作充满激情的问题.在昨天的应聘者中,只有一个人的问题是我认为最好的,那个人问我:“你觉得怎么才能成为优秀的前端工程师?”我觉得很有必要把这个问题从面试房间里拿出来讨论一下. 首先,前端工程师必须得掌握HTML.CSS和JavaScript.只懂其中一个或两个还不行,你…

写给初学前端工程师的一封信 (转于Kejun)

大家好: 应波波的邀请写一写我对这个话题的想法.从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人.我当时是这么跟他们分析的:过去的客户端以browser为主,所以HTML/CSS/Javascript是唯一选择,现在可是mobile first,于是大量前端开发者被native开发分流,以及原本想做前端工程师的后备力量应届生们也选择学native开发,导致前端人荒.随着情况改变,H5(HTML5的大众昵称)在传播上体现的商业价值巨大,无论是创业团队还是巨头自然重视这…

【优秀前端工程师必备: 我要一个新窗口: js开新窗的2种姿势】的更多相关文章