20170810 前端开发日报

面试分享:一年经验初探阿里巴巴前端社招;Nuxt.js 实战;关于 script 标签你应该知道的;一个用于学习的react项目;我的前端学习历程;JavaScript 疲劳终极指南:我们行业的真相;slick – 功能最全的响应式幻灯片 jQuery 插件;CSS双关语–前端的小段子,你看得懂吗? – 众成翻译

  1. 面试分享:一年经验初探阿里巴巴前端社招一般阿里社招都是招3-5年的P6+高级工程师,当初自己一年经验也没有想过有这个面试机会。 虽然没想着换工作,但是经常关注一些招聘网站的信息,某一天,在某boss上有个人找我,叫我发一下简历,我一看是阿里的某技...
  2. Nuxt.js 实战 一、背景 在今年年初我开始接触Vue的时候,就发现在vue官方文档中“服务端渲染”的一节中提到了Nuxt.js框架,SSR这种方式对于首屏的加载时间优化显而易见,同时还可以方便的进行seo。美团点评的点餐业务中,数据平台因为其数据量大的特点,首页加载时间很长,非常适合进行SSR改造;于是,我在非工作时间对nuxt.js框架进...
  3. 关于 script 标签你应该知道的 script标签用来在网页中执行JavaScript,它可以直接包含JavaScript代码,也可以直接通过src指向一个同域或者不同域的外链。 1. script标签默认会阻塞页面解析,并按照它们出现的顺序执行 <script src="a.js"&g
  4. 一个用于学习的react项目React-element 根据开源项目 vue-sell进行的开发,将其改造成了react的项目。在开始学习vue的时候就是用的这个项目,发现效果不错,所以在学习React也使用了此项目。 目的:将此项目改造成React项目,在此过程中学...
  5. 我的前端学习历程 很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“ 在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己 ”。 下面以我自己的经历讲讲前端的学习过程。 Jquery基础知识准备 学习前端需... 很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“ 在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己 ”。 下面以我自己的经历讲讲前端的学习过程。 Jquery基础知识准备 学习前端需...
  6. JavaScript 疲劳终极指南:我们行业的真相 抱怨 JS 疲劳就像是在抱怨人类发明了太多解决问题的工具:从邮件到飞机到宇宙飞船。 上周我在 NebraskaJS 2017 会议上做了一个和这个话题极其类似的演讲,我也收到了许多积极的反馈,所以我就想这个演讲也可以写成一篇文章发表出来,让更多的人知道,并帮助他们应对 JS 疲劳,理解我们行业的真相。这篇文章的目...
  7. slick – 功能最全的响应式幻灯片 jQuery 插件 随着移动端的普及,为了能让访客方便查看网页内容,网页幻灯片效果(又称:灯箱,轮换图)也需要支持移动端,即响应式,当然再加上拖拽支持就更多好了,今天为大家分享一个实用的幻灯片jQuery 插件「Slick」,几乎能满足大部分网页的需求。 Slick这个插件功能多且实用,下面我们一起来看看介绍。 jQuery 名... 随着移动端的普及,为了能让访客方便查看网页内容,网页幻灯片效果(又称:灯箱,轮换图)也需要支持移动端,即响应式,当然再加上拖拽支持就更多好了,今天为大家分享一个实用的幻灯片jQuery 插件「Slick」,几乎能满足大部分网页的需求。 Slick这个插件功能多且实用,下面我们一起来看看介绍。 jQuery 名...
  8. CSS双关语--前端的小段子,你看得懂吗? - 众成翻译 CSS双关语 通常来说,我写的有关web开发的文章都是严肃的。因为主要涉及到克服挑战,或者是教学之类的内容。不过,今天是周五了,经过了劳累的一周,我决定休息一下,发一些和以往不同的娱乐点的CSS的双关语开心一下。希望你和我一样喜欢这些双关语! 译者
  9. 看我鼓捣华西安全网密码泄露查询接口(有意思的js混淆) 最近爬个站的数据,然后想扫一下其他网站的同一个账号名能否找到泄露的密码,然后在这个站嘿嘿一下… 在 sec-wiki 找到了 这个密码泄露查询网站 。 随便用了一下,发现网站虽然讲密码打码了,但是某些数据还是可以猜出来原始的内容,或者通过简单的计算拿到原始的内容。 but,我不能一个个输入然后看吧,数据虽然... 最近爬个站的数据,然后想扫一下其他网站的同一个账号名能否找到泄露的密码,然后在这个站嘿嘿一下… 在 sec-wiki 找到了 这个密码泄露查询网站 。 随便用了一下,发现网站虽然讲密码打码了,但是某些数据还是可以猜出来原始的内容,或者通过简单的计算拿到原始的内容。 but,我不能一个个输入然后看吧,数据虽然...
  10. 【上海线下活动】Web前端工程化架构实践 -- 沪江技术沙龙 报名链接:www.huodongxing.com/event/53996… Web前端工程化历经了:2011年的Shell&(YUICompress || Google Closure Compiler);基于Node.js的前端工具浮现,2013年Grunt
  11. 2017-08-09 前端日报2017-08-09 前端日报 精选 解密 Angular WebWorker Renderer (一)JavaScript专题之如何判断两个对象相等在项目上,为什么我们分别选择了 Backbone、Vue、Angular、ReactHTML5音频API Web AudioKoa 框架教程webpac...
  12. 用 stylus 类脚本方式预编译魅族锁屏的 CSS 代码 我为什么选择stylus 因为stylus比sass更加优秀,sass是基于ruby,而ruby对中文支持不友好,服务器也在美国,经常被墙,相反stylus 基于node.js npm包, 安装和使用都超级方便,总而言之,我熟悉nodejs不熟悉rub
  13. NG-ZORRO: Ant Design 的 Angular 4.0实现,开发和服务于企业级后台产品 这里是 Ant Design 的 Angular 4.0实现,开发和服务于企业级后台产品。 Designed as Ant Design,提炼和服务企业级中后台产品的交互语言和视觉风格。 基于 npm + webpack + babel 的工作流,支持 ES2
  14. #Git技巧#【Git 速查表之实用命令行、技巧与贴士】详见: 汇集了 Git Workflow、配置、.gitignore、中间操作、远程操作等速查表与技巧合集。@GitHub家园 ​​​
    Git 速查表之实用命令行、技巧与贴士
  15. 在vue-cli脚手架中引用JQuery、bootstrap以及使用sass、less编写css[vue-cli配置入门] 写在前面: 本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后,又一篇关于vue-cli脚手架配置相关的文章,因为有些文章步骤不够清晰,当时我引入JQuery、bootstrap的时候颇费了一番功夫,所以本文的步骤会尽量详细一点。有需要的朋
  16. 如何在Angular优雅编写HTTP请求引言 基本上当下的应用都会分为前端与后端,当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前后端之间的通信。 这其中对于身份认证...
  17. 实用:快速定位前端界面交互JS代码后端同事问到怎么看这块交互的代码。 右键 UI, 检查元素,再右键元素打断点。 Break on: attribute modifications 元素打断点后,刷新页面会展开断点元素。(使用 React 插件调试发现很方便) [19:30 补张图] 分享...
  18. JavaScript 中的匿名递归 原文:Anonymous Recursion in JavaScript作者:Simeon Velichkov ( ( (f) => f(f) )
  19. webpack进阶——DllPlugin优化打包性能(基于vue-cli) 将静态资源文件(运行依赖包)与源文件分开打包,先使用DllPlugin给静态资源打包,再使用DllReferencePlugin让源文件引用资源文件。
  20. Web Animations API (JS动画利器) 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等,这些都可以用在某种场景下的小动画,也可以说是动效。CSS动画君居然强大,但是缺陷也很多啊,有的时候没法满足要求,定时器用在动画中就更不使用了,但是requestAnimationFrame也是个很强大的东西,具体详情移步到 window.requestAnimationFra... 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等,这些都可以用在某种场景下的小动画,也可以说是动效。CSS动画君居然强大,但是缺陷也很多啊,有的时候没法满足要求,定时器用在动画中就更不使用了,但是requestAnimationFrame也是个很强大的东西,具体详情移步到 window.requestAnimationFra...
  21. 2017 我不建议使用的 Python Web 框架 昨天我提了一个问题(2017)你最不建议使用的Python Web框架?下面是在原问题下的回答,看过的同学可以点赞关闭了。 --- 分割线 --- 在知乎可以看到的很多Web框架推荐,有很多内容已经过时,有些直接是从网上搜的。我又来树立正确的价值观了。 第一不推荐 web.py 我以前说过,评...
  22. 教你用 Web Speech API 和 Node.js 来创建一个简单的 AI 聊天机器人 简评:使用语音命令在今天变得非常普遍,许多手机用户使用像 Siri 和 Cortana 这样的语音助手,我们的卧室也被亚马逊的 Echo 和 Google Home 这样的设备“入侵”了。这些系统都离不开语音识别软件,现在,我们的浏览器也友好支持了 Web Speech API,可以让用户在 Web 应用中集成语音功能。 这篇文章将介绍...
  23. HTTPS自建CA及自签名证书不完全指南(实战篇) 如何使用OpenSSL进行自建CA和自签名HTTPS证书
  24. 用 Node.js 搭建 API Gateway我们团队的后端服务中,一开始只有一个大服务,所有的东西都往里面写,可以想象下,当这个服务变得不断的庞大,将会变得多么难以维护。后来逐渐把一些数据服务抽离成单独的 API 服务,在原有的服务里,就还剩一些...
  25. RxJS相关介绍 前言 我从很早时候就开始关注 ReactX(响应式编程) ,那时候我是用RxJava实现的库,不过很遗憾我并没有学会如何使用,只是觉得这个东西很高大上,没有搞懂的原因有很多比如个人经验不够,没有很强的动力去研究,网上的资料很难懂过于碎片等。 鉴于之前的个人遗憾,我研究了一段时间 RxJS ,我决定写下这... 前言 我从很早时候就开始关注 ReactX(响应式编程) ,那时候我是用RxJava实现的库,不过很遗憾我并没有学会如何使用,只是觉得这个东西很高大上,没有搞懂的原因有很多比如个人经验不够,没有很强的动力去研究,网上的资料很难懂过于碎片等。 鉴于之前的个人遗憾,我研究了一段时间 RxJS ,我决定写下这...
  26. #JavaScript入门教程#【JavaScript Function类型】Function(函数)类型实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具备属性和方法,由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。var c...请戳→ #前端开发博客# ​​​
    JavaScript Function类型
  27. vue集成raphael.js中国地图项目要用到中国地图,我需要的比较轻量级,所以没用echarts,选择的这个地图。 安装 {代码...} 直接上代码 {代码...} 搞定了,目前只是跑出的一个demo,很多代码是复制粘贴过来的。还需要优化,比如onmouseover、...
  28. 解密Angular WebWorker Renderer (二) 很开心再次遇见你,接着上回分解。 先把与通讯相关的类介绍完毕。 与 WebWorkerRendererFactory2 类对应的就是 WebWorkerRenderer2 类,该类从类结构中就可以看出包含了各种对DOM节点的操作函数,基本覆盖原生JS的DOM操作函数。 特别注意 ,该类里面的操作函数并 不是真正地操作DOM节点 ,而是在WebWorker线程...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170810 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170810.html)

发表评论

请登录后发表评论: