20170930 前端开发日报

使用 KUTE.js 实现有趣的 Web 动画效果;前端切图 | 百度EUX;webpack 4: 新的变化1 (第24–25周);Webug通关攻略(二);JavaScript中奇特的~运算符;移动前端知识总结;玩转 React(一)- 前言;玩转 React(三)- JavaScript代码里写HTML一样可以很优雅

  1. 使用 KUTE.js 实现有趣的 Web 动画效果 我写这篇文章为的是介绍一个搭载thednp和dalisoft,实现开放源代码、免费的、功能丰富的 JavaScript动画引擎,名字叫作 KUTE.js 。 这是系列连载文章 Beyond CSS: Dynamic DOM Animation Libraries 的第二篇。如果你很想阅读更多关于如何在web上使用动画的干货,或者是什么时候你可以使用JavaScript动画图库,而不仅…
  2. 前端切图 | 百度EUX 前端之切切切切切图 by.陈 蔓青 2017-9-25 身为前端,除了与风格迥异的代码打交道,还有一个很常见的就是跟设计师对接,从他们提供的 psd 里面扣出需要用到的小图标等等。下面就讲讲切图的各种姿势 pho
  3. webpack 4: 新的变化1 (第24–25周) 在过去的几周里,我完成和合并了所有 webpack 4 的 PR ,其中有很多很大的变化。下面是一些重要的变化的总结,这样你在看到下边的更新日志的时候不会觉得惊讶。 Sets 在 API 层,现在很多类已经开始使用 Set(或者 Sortabl
  4. Webug通关攻略(二) 如果不出错的话,每篇通关攻略应该是5条题目~ 下面继续开始表演~ 6.这关需要RMB购买哦 首先是个登录框。。。难道是注入? 到这里我已经觉得不太可能。。应该是一条逻辑漏洞支付的题目。。因此直接去看了源码。。过滤的死死的~ 所以直接去数据库看了下账号密码。。(起码得给个测试账号密码吧。。) 账…
  5. JavaScript中奇特的~运算符 本次分享一下并不是很常用的按位非运算符~的原理以及一点点用法。
  6. #移动前端开发#【移动前端知识总结】移动端的相关知识汇总,meta标签,手机兼容,媒体查询,点击延迟,touch事件等 #前端开发博客# ​​​

    移动前端知识总结
  7. 玩转 React(一)- 前言 本人计划编写一个针对初级前端开发者学习 React 的系列教程 – 《玩转 React》。 文章更新频率:每周 1 ~ 2 篇。 为什么是针对初级前端开发者 经验丰富的程序员,学习新框架是不会看这种文章的。讲实话,最高效、最权威的还是官方文档。如果你觉得你是高
  8. 玩转 React(三)- JavaScript代码里写HTML一样可以很优雅这是《玩转 React》系列的第三篇,看到本篇的标题,了解过 React 的同学可能已经大致猜到我要讲什么了,本篇中要讲的内容对于刚接触 React 的同学来说,可能有些难以接受,但希望你能坚持学下去,这是 Facebook …
  9. React V15.6 实现一个简单的个人主页学习 React 的过程中实现了一个个人主页,没有复杂的实现和操作,适合入门 ~ 原文地址:https://github.com/axuebin/react-blog/issues/17 这个项目其实功能很简单,就是常见的主页、博客、demo、关于我等功能。 …
  10. 与时俱进版前端资源教程 众所周知,前端发展如火如荼,日新月异,而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表;旨在为 前端学习 、 技能提升 、 视野扩展 、 资料查找 等行个方便。将会在日常工作探索、学习中,持续保持更新,增新优之章,除旧失之文;尽可能使得这份列表保持简练,以避免信息过重且冗杂;望其能在浩…
  11. 【漏洞预警】Mac OS X存在Javascript沙箱绕过漏洞,可造成任意文件读取(含PoC) 2017-09-28 21:42:18 阅读:727次 来源: wearesegment.com 作者:興趣使然的小胃 译者: 興趣使然的小胃 预估稿费:120RMB 投稿方式:发送邮件至linwei#360.cn,或登陆网页版在线投稿 漏洞概要 漏洞名称:Mac OS X本地Javascript隔离绕过漏洞(可读取本地文…
  12. JavaScript 异步队列实现及拓展 引入 队列对于任何语言来说都是重要的,io 的串行,请求的并行等等。在 JavaScript 中,又由于单线程的原因,异步编程又是非常重要的。昨天由一道面试题的启发,我去实现 JS 中的异步队列的时候,借鉴了 express 中间件思想,并发散到 co 实现 与 generator,以及 asyncToGenerator。 ps: 本文无图,代码较多。 异…
  13. 2017秋招前端工程师百度阿里网易腾讯(全offer)面经|掘金技术征文 2017.09.29更新百度面完三面收到sp offer,百度地图部门,base北京阿里被调岗到阿里音乐,已收到意向,base杭州,这个比较运气。。腾讯给的意向是IEG的运营开发,所以偏后台一些,base深圳网易云音乐收到sp offer,base杭州补完了百
  14. JS中的算法与数据结构——字典(Dictionary) 字典(Dictionary) 字典(Dictionary)是一种以 键-值对 形式存储数据的数据结构 ,就如同我们平时查看通讯录一样,要找一个电话,首先先找到该号码的机主名字,名字找到了,紧接着电话号码也就有了。这里的键
  15. 玩转 React(二)- 新型前端开发方式 这是《玩转 React》系列的第二篇。在该篇中,我们来了解下,React 的出现到底给我们的开发方式带来了什么样的变化。 我的感触可以用一个字来形容,爽!主要爽在以下两个方面。 视图是数据的映射(单向数据流) React 是一个视图层的框架,所谓视图层就是我们
  16. 探索传统 JavaScript 基准测试 | 现在看看另一方面,所有的静态性能测试——无论是微基准micro-benchmark还是大型应用的宏基准macro-benchmark,都注定要随着时间的推 … (

    探索传统 JavaScript 基准测试

  17. 我是怎样让网站用上HTML5 Manifest Manifest是用来做离线页面的,即使断网也能正常打开页面,用起来简单,但是在实际使用中存在以下问题:(1)如何自动缓存所有的页面的资源?因为manifest不能使用*通配符进行cache(2)如果网站资源更新,怎么让manifest文件自动更新?不然如果用
  18. 《HelloGitHub》第 18 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣!希望热爱开源的小伙伴加入到本项目中,让有意思的项目被更多人发现、使用、参与,欢迎留言讨论。
  19. 为什么你应该停止使用 Git rebase 命令 简评:作者阐释了 git rebase 命令的原理和缺陷,rebase 会导致线性的历史没有分支。此外如果 rebase 过程中发生了冲突,还可能会引入更多的问题。作者推荐使用 git merge。 用了几年的 Git 后 ,我发现使用越来越多的先进的 Git 命令已经逐渐成为我日常工作流的一部分了。在我发现 Git rebase 后,我马上…
  20. Promise 异步流程控制 前言 最近部门在招前端,作为部门唯一的前端,面试了不少应聘的同学,面试中有一个涉及 Promise 的一个问题是: 网页中预加载20张图片资源,分步加载,一次加载10张,两次完成,怎么控制图片请求的并发,怎样感知当前异步请求是否已完成? 然而能全部答上
  21. 从 Template 到 DOM:Vue.js 源码角度看内部运行机制 写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址:https://github.com/answershuto/learnVue。 在学习过程中,为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/v…
  22. Electron & Vue2 hexo博客编辑发布工具 CEditor是一个markdown编辑器,支持导出pdf,html和markdown文件,并且支持一键发布到hexo博客。 列表搜索 编辑导出发布 License MIT Copyright (c) 201
  23. 开源库:最大化重用代码 react-nativeish Maximizing code reuse for Create React App and Create React Native App
  24. #setInterval#【setInterval()、clearInterval()、setTimeout()和clearTimeout()js计数器方法】setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指定间隔时间后执行一次传入的…请戳→ #前端开发博客# ​​​

    setInterval()、clearInterval()、setTimeout()和clearTimeout()js计数器方法
  25. 用 Three.js, React 和 WebGL 开发游戏 — SitePoint 我正在制作一款名为 “Charisma The Chameleon” 的游戏,它使用 Three.js,React 和 WebGL 开发。这是一篇使用 react-three-renderer (简称 R3R) 结合这些框架的介绍。 SitePoint

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流