前端

Dear all ， 我是百度 HR coco ，负责百度网页搜索部的招聘，有更多职位想推荐给大家，大家方便的时候可以联系我，座机 010-59927396 ， qq 1575129311 ( 备注职位 ) ，邮箱 zhanghuifang02@baidu.com ，如方便可回复大家的简历，我会主动联系大家，谢谢 ~ 欢迎感兴趣的各位积极投递简历。简历发送至 zhanghuifang02@baidu.com, 邮件以 “ 应聘职位名称 + 姓名 ” 命名，谢谢 ~ 您好 ! 我是 百度在线网络技术 ( 北京 ) 有限公司 HR 欢迎您关注 网页搜索部 职位 【岗位介绍】 网页搜索部 _ 系统架构高级工程师 工作职责： - 负责网页搜索产品服务架构和数据存储架构的设计与升级，包括，网页抓取；海量数据处理平台；分布式检索系统。 - 负责网页搜索新产品的需求沟通、开发与维护 - 负责数据的自动化分析处理工作，优化产品指标，改善用户体验 职位要求： - 计算机相关专业本科以上学历 -2 年以上大规模系统设计经验 - 精通 C/C++ 语言编程，熟悉 linux 平台、 shell 编程 - 对数据结构和算法设计有较为深刻的理解 - 具有良好的沟通能力，和良好的团队合作精神 - 符合以下条件之一优先考虑：搜索相关领域（如网页抓取、解析 / 信息挖掘 / 自然语言 / 分布计算）工作经验

你为何得学习SEO*?* SEO不只是网络营销商的分内事，更多的站内（on-site）SEO工作是网页设计师和前端开发人员的职责。 如果你的站点对搜索引擎不友好，那在你不知情的情况下可能会散失很多的流量。请记住，除了访问者输入”www.yourwebsite.com”提交反向链接，人们找到你的网站的唯一途径是搜索引擎。 ranking值排前的网站有很多的好处，以 ndesign-studio.com 为例。每天平均有14000个访问者，其中大概有40 – 45%的流量来自搜索引擎（一天有6000+的提交）。想象一下，如果没有搜索引擎，那我每天将失去数以千计的访问者。那意味着，我在冒险丢失潜在的客户。 SEO也是一项增值服务. 拥有SEO技能可以提升设计师/开发者的”身价”。 基本点: 搜索引擎如何工作? 首先，让我们看看基于爬虫（crawler-based）的搜索引擎是如何工作的（Google 和Yahoo都是这种类型）。每个搜索引擎都有自己爬行网页的自动化程序，叫做”网络蜘蛛（web spider）”或”网络爬虫（web crawler）”。它们的主要目的是抓取网页，阅读和收集内容，并循着网页上的链接（内部和外部的）向前爬行，然后把收集到的信息储存在搜索引擎的数据库里，这就是网页的索引。 当搜索者执行一次搜索时，搜索引擎的任务就是匹配索引里的信息，找出最相关的结果。

1、前端 a.浏览器 推荐 google 火狐 b.XHTML 1、扩展的超文本标记语言 2、W3C 万维网联盟，提供标准 c.CSS (Cascading Style Sheet,层叠样式表) 是一种格式设置规则，用于控制web页面的外观，通过使用CSS设置页面的格式，可将页面的内容与表现形式分离。 d.JS JavaScript ajax jquery 2、后端 a.服务器脚本语言 PHP b.web服务器 Apache、IIS、NGINX、Tomcat、IBM WebSphere 、BEA WebLogic c.数据库MySQL 1、关系型数据库 MySQL SQL Server Oracle Access MariaDB ... 2、非关系型数据库 NoSQL : MongoDB Redis CouchDB ... d. LAMP 架构 1、L： linux 2、A: Apache 3、M：MySQL 4、php 5、特点 ： 开发速度快、安全性好、运行速度快、开源免费、跨平台 web 运行原理图 1 当客户端用户通过浏览器输入网址。先把网址交给DNS服务器 2 DNS服务器将其对应的ip返回 3 客户端直接请求这台ip的web服务器 4 Apache 判断，请求php文件是，如果php代码当中有请求数据，php会将数据库中的数据提取出来

1. 主流技术官网总结 1.1. 工具类 Glup 官网: http://www.gulpjs.com.cn/ http://i5ting.github.io/stuq-gulp/#10202 Webpack 官网： http://webpack.js.org GitBook: http://fakefish.github.io/react-webpack-cookbook/index.html webpack-handbook: http://zhaoda.net/webpack-handbook/ SASS 官网: http://www.sass.hk http://sass.bootcss.com/ NPM 官网: https://docs.npmjs.com/ Markdown 官网: http://www.markdown.cn/ Git http://git-scm.com/book/zh/v1/ http://gitbook.liuhui998.com/ 1.2. 流行技术类 Vue2.0 2.0官网： http://vuejs.org/guide/ 2.0中网网： http://vuefe.cn/ 微信开发者文档 官方文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html ES5

请求数量 合并脚本和样式表，拆分初始化负载 请求带宽 移除重复脚本 缓存利用 使Ajax可缓存 页面结构 将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出 来源： oschina 链接： https://my.oschina.net/u/1011494/blog/163945

解决问题，想想究竟发生了什么 很多人埋头写 CSS 和 JavaScript 直到程序工作起来了，然后就去做别的事情了。我通过 code review 发现这种事经常发生。 我总会问大家：“为什么你会在这里添加 float: left？”或者“这里的 overflow: hidden 是必要的吗？”，他们往往答道：“我也不知道，可是我一删掉它们，页面就乱套了。” JavaScript 也是一样，我总会在一个条件竞争的地方看到一个 setTimeout，或者有些人无意中阻止了事件传播，却不知道它会 影响 到页面中其它的事件处理。 我发现很多情况下，当你遇到问题的时候，你只是解决当下的问题罢了。但是如果你永远不花时间理解问题的本源，你将一次又一次的面对相同的问题。 花一些时间找出为什么，这看上去费时费力，但是我保证它会节省你未来的时间。在完全理解整个系统之后，你就不需要总去猜测和论证了。 学会预见未来的浏览器发展趋势 前后端开发的一个主要区别在于后端代码通常都运行在完全由你掌控的环境下。前端相对来说不那么在你的掌控之中。不同用户的平台或设备是前端永恒的话题，你的代码需要优雅掌控这一切。 我记得自己 2011 年之前曾经阅读某主流 JavaScript 框架的时候看到过下面这样的代码 (简化过的)： var isIE6 = !isIE7 && !isIE8 && !isIE9;

模块化开发 将模块所需的js\css\img\tmpl维护在一起， 一个模块一个目录 js渲染模板 css只关心模块内样式 开发团队心声；“我们希望每次研发新产品不是从零开始，不同团队不同项目之间能有可复用的模块沉淀下来。” 模块生态 每个工程有_工程模块_和_生态模块_。 生态模块 ：基于_component规范_开发，部署到Github上，可以通过命令行工具将Github上的模块安装到工程中使用。比如：jQuery, iscroll, zepto.js, vue.js 安装命令： scrat install yyx990803/vue scrat intall FontAwesome/Font-Awesome 项目开始->声明生态模块依赖 安装生态模块-> 命令行安装 使用vue+scrat实现组件 scrat提供模块依赖、引用、加载、内嵌等 Vue.component 定义组件 模板中声明式的数据和事件绑定 数据驱动的组件化设计 在模板里直接使用自定义标签如 <c-menu> 、绑定事件等 使用scrat自动构建项目 scrat可以安装在持续集成系统中对项目进行自动构建，还具有按版本构建的能力。 个人看法 该框架提出的以搭积木的方式来开发模块，最后搭建系统的这种方式还是挺好的，之前我开发的项目都是使用requirejs+sass对js和css管理

【推荐阅读】微服务还能火多久？>>> 【编者按】本文主要通过生动的实例，介绍为 Angular 应用添加动画的原理与过程。文章系国内 ITOM 管理平台 OneAPM 编译呈现。 我们知道，Angular 应用在更新 DOM 时，会直接将元素转储为视图而没有过渡，其默认的 用户体验 并不和谐。 不过，好消息是，Angular 附带了对动画的大力支持；当然，坏消息是它可能和预期效果有所出入。Angular 并不能制作动画，但是为用户的自定义动画提供了许多组件。 ##理解 $animate 和 ngAnimate 模块 在非 Angular Java script 应用中更新 DOM 时， 程序员 会无意识地在动画中加入自定义成分；但是，在 Angular 应用中，经常会使用内置指令，而不是在DOM上直接更改。 因此，开发者要怎么做呢？ 如果不使用 Angular，怎样将动画添加到Web应用中呢？ 你需要： 定义动画开始和结束的风格； 添加或更改某个元素，并将其设置为起始风格； 设置动画的结束风格； 通常，你会使用Javascript或CSS来完成以上步骤。 当往 Angular 应用添加动画时，当然也要遵循这个模式，但是却以 Angular 特有的方式——动画代码完全从指令代码分离出来。 这是很好的方法 Angular 的内置指令是预先为动画设定的。这就意味着，你可以使用许多通过

设计思想 基于面向对象的设计思想。 源代码分3个部分： 单元格类--CSheetCell 表格类--CSheet 插件主体 ‍ 单元格类--CSheetCell ‍ 私有成员： state -- 单元格的状态，只能取值 0 或 1，默认 0； toggleCallback(state) -- 改变单元格状态时的回调函数，默认 false； settingCallback() -- 设置单元格状态时的回调函数，默认 false； 公有成员： toggle() -- 改变单元格的状态； set(state) -- 设置单元格状态为指定值； get() -- 获取单元格状态； 表格类--CSheet 私有成员： dimensions -- 表格的维度，二元数组，[行数，列数]，默认 undefined； sheetData -- 表格的数据，二维数组，默认 undefined ； toggleCallback() -- 改变指定区域状态时的回调函数，默认 false； settingCallback() -- 设置指定区域状态时的回调函数，默认 false； cells -- 表格所持有的 CSheetCell 实例，二维数组，与 sheetData 元素一 一对应； initCells() -- 使用 sheetData 初始化 cells; areaOperate(area, opt

现在，几乎整个互联网行业都缺前端工程师，不仅是刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。 据统计，国外的前端开发人员和后端开发人员比例约1:1，但是在国内比例却在1:3以下，Web前端开发职位人才缺口巨大，前端工程师的发展之路十分有“钱”景。 每天，HR 群都有人在吐槽招不到前端工程师。对于这些需求，高级招聘人员也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。 web前端的火热，不仅仅是因为招聘市场需求量大，还有一个重要的原因就是，入行门槛低，入门简单。真的是这样吗？0基础的小白也能转行吗？让我们一起来看看吧！ 一、web前端入行门槛低吗？ 对于这个问题，应该辩证地看。相对于IT技术类的其他岗位，web前端绝对算是门槛较低的，当然对应的起点也低。如果是小白入行或转行到IT技术的话，建议选择web前端。 它的门槛低主要体现在两个方面： 1. Web前端入门门槛低体现在HTML和CSS上，前者只是结构标签，后者是样式配置，入门是非常简单的，大家可以到网上找一些相关视频学习，也可以找相关书籍来看，比如《Head First HTML and CSS》《CSS权威指南》等，虽然很枯燥，但是只要能啃下来就会发现，确实很管用。 2. Web前端入门门槛低的另一个重要体现就是，符合82定律，也就是20%的东西使用率占到80%。所以很适合囫囵吞枣