20170905 前端开发日报

JavaScript 运算符规则与隐式类型转换详解;20张详解前端开发工程师思维导图谱;html2canvas html截图插件图片放大清晰度解决方案,支持任意放大倍数,解决原插件图片偏移问题;前端每周清单半年盘点之 CSS 篇;每日一博 | 从 Vue.js 源码角度再看数据绑定;一个收集 React 组件的网站(React component);算法实践(JS 实现);聊聊用 Git 协同合作的事儿

  1. JavaScript 运算符规则与隐式类型转换详解 JavaScript 运算符规则与隐式类型转换详解 从属于笔者的 现代 JavaScript 开发:语法基础与工程实践 系列文章,主要探讨 JavaScript 中令人迷惑的加减乘除与比较等常见运算中的规则与隐式类型转换;本文中涉及的参考资料全部声明在了 JavaScript 数据结构学习与实践资料索引 。 隐式类型转换 在 JavaScript…
  2. html2canvas html截图插件图片放大清晰度解决方案,支持任意放大倍数,解决原插件图片偏移问题 html2canvas html截图插件图片放大清晰度解决方案,支持任意放大倍数,解决原插件图片偏移问题 Author:youzebin (2016.12.6)插件下载地址:https://github.com/
  3. 前端每周清单半年盘点之 CSS 篇 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID:frontshow),及时获取前端每周清单;本文则是对于半年来发布的前
  4. 每日一博 | 从 Vue.js 源码角度再看数据绑定 写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址: https://github.com/answershuto/learnVue 。 在学习过程中,为Vue加上了中文的注释 https://github.com/answershuto/learnVue/tree/master/vue-src ,希望可以对其…
  5. 一个收集 React 组件的网站(React component) 搜索你需要的 React 组件,包括 React Native & React for WEB
  6. 算法实践(JS 实现) 目录 一、排序 冒泡排序 选择排序 插入排序 希尔排序 归并排序 快速排序 堆排序 二、查找 二分查找 三、其他 求区间问题 求第K大元素 寻找两数之和为sum的元素 …
  7. 聊聊用 Git 协同合作的事儿 说起来在来到公司之前一直没有好好用 Git 来管理分支。之前做一些课程设计和玩具项目的时候虽然有用到 Git,但是也仅限于本地仓库的提交而已。这样做更多的只是留下一个可供追寻的路径( History ),没有太多的“管理”职能。在多人协同合作的项目中,Git 终于发挥出它强大的优势。 所以我猜想,是不是有不少像…
  8. 给程序员看的Javascript攻略 – Prototype (上) 原文发表在:holmeshe.me , 本文是汉化重制版。 本系列在Medium和掘金上同步连载。 还记得早先用ajax胡乱做项目的时候踩过好多坑,然后对JS留下了“非常诡异”的印象。最近换了一个工作,工作语言就是JS。然后发现这个语言真不得了,前面后面都能干,基本成了全栈的同义词。所以刚好就趁这个机会系统学习一下这个语… 原文发表在:holmeshe.me , 本文是汉化重制版。 本系列在Medium和掘金上同步连载。 还记得早先用ajax胡乱做项目的时候踩过好多坑,然后对JS留下了“非常诡异”的印象。最近换了一个工作,工作语言就是JS。然后发现这个语言真不得了,前面后面都能干,基本成了全栈的同义词。所以刚好就趁这个机会系统学习一下这个语…
  9. MVVM开发——vue组件(如何管理并完善自己的模版库) 引子 从事前端开始2年以上的同学,都在为一件事儿而烦恼,不错除了money外,就是如何拥有一套自己使用起来得心应手的前端模版库。可能有些同学说我们可以用第三方,不错,这的确是一个很好的方案,但是作为一个追求完美或者可以说希望省时省力的前端开发者来说,任何一个前端框架可能会很接近我们的要求,但他不能完全…
  10. 轻松理解RxJS 安利: RxJS 强大的辅助工具 rx-hub,使用它,你能轻松管理、监控您应用的数据流动。 定义一份数据,同时适用于react, vue, 原生js等等各种页面。
  11. Webpack + gulp + babel-loader 配置踩坑 最近新启了一个项目,由于之前没有从零新建过项目,在项目的配置上花了很长时间。简单记录下配置中遇到的最大的坑:webpack + gulp + babel-loader 的问题。 先说一下配置的需求,整个项目工作流主要用 gulp 管理。引入 webpack 只
  12. ThinkJS 3 正式版发布,Node.js Web 框架 ThinkJS是一款拥抱未来的 Node.js Web 框架,致力于集成项目最佳实践,规范项目让企业级团队开发变得更加简单,更加高效。我们的 Github 地址是: https:// github.com/thinkjs/thin kjs 欢迎大家 star~ 在发布的时候,虽然我们带来了很多非常棒的功能,但我们也意识到本身的不足。针对这些问题,开发团队经过几个月…
  13. Vue.js emoji Plugin Vue2.x emoji plugin and autoload fontawesome(^4.7.0) and bootstrap(^3.2.x) Vue-cli install using cli create project More Vue-cli d
  14. 谈谈 React + Redux 的可复用性 导语 业务背景介绍:腾讯云数据库产品中心 & 大数据及人工智能产品中心 前端从2016年初开始尝试 React + Redux 全家桶,期间经历了很多波折,到目前为止总共28个项目,其中有15个项目使用了该方案。 一、团队项目开发现状 目前团队这边各个项目都采用模块化开发,一般来说一个页面是一个…
  15. Vue 的组件组件 上一篇:Vue的表单输入绑定:https://segmentfault.com/a/11… 使用组件 注册组件 首先我们要创建一个实例: {代码…} 要注册一个全局组件,你可以使用 Vue.component(tagName, options)。例如: {代码……
  16. Javascript基础算法:入门篇 好久不见:这是一份常用的javascript简易算法 作为一个曾经的ruby后端,我在学习javascript时经历了不少挫折。像merge,flatten,uniq这些基础方法貌似都从我的视线中消失了。 然后我发现了loadsh, 嗯,它非常
  17. 【笔记】ReactNative快速入门笔记ReactNative的文档地址有多个,如果你英文够好,就去研读官方的文档吧,如果读原文比较吃力,中文官网也是不错的选择。 下面是我个人记录的一些笔记,仅供初学者入门参考 预科 入门React Native前需要了解一下知…
  18. 【整理】CSS布局方案我们在日常开发中经常遇到布局问题,下面罗列几种常用的css布局方案话不多说,上代码! 以下所有demo的源码github:https://github.com/zwwill/css-layout/tree/master/demo-1链接: http://pan.baidu.com/s/1cHBH…
  19. React 实现一个漂亮的 Table概述 对于企业级后台产品来说,Table 应该是使用最频繁的组件了,它通常比 Form 和 Chart 的使用还频繁。对于这么一个常用的组件,我们决定要把它从 RSuite 中单独出来开发,并且要具有一定的通用性,适应很多场…
  20. 【入门】WEEX快速创建工程 Hello World本不想写此引导性博文的,但个人在创建第一个Demo时确实出现了太多坑,且官方并未给出很好但入门引导。顾撰写此文,希望对初学者有所帮助,不至于出现“从入门到弃门而去”的现象。文中若有不当之处,还请不吝指正…
  21. Angular 5.0.0-beta.6 和 4.4.0-RC.0,Web 前端框架 Angular 5.0.0-beta.6 和 4.4.0 的首个 RC 版已发布,Angular 5.0.0 beta.6 是 Angular 5 的第七个 beta 版本,正式版预计 9-10 月发布。 Angular 5.0.0-beta.6 部分更新内容: Bug 修复 animations:do not leak DOM nodes/styling for host triggered animations ( #18853 ) ( fcadeb2 ), closes  #18…
  22. 深究 JavaScript 数组 —— 演进&性能 深究 JavaScript 数组 —— 演进&性能 作者:Paul Shan 原文:Diving deep into JavaScript array – evolution & performa
  23. 翻译 | 深入理解CSS时序函数作者:Nicolas(沪江前端开发工程师)本文原创翻译,转载请注明作者及出处。 各位,赶紧绑住自己并紧紧抓牢了,因为当你掌握了特别有趣但又复杂的CSS时序函数之后,你将会真正体验到竖起头发般的兴奋感受。 好吧…
  24. ThinkJS 3.0 正式版发布ThinkJS 是一款拥抱未来的 Node.js Web 框架,致力于集成项目最佳实践,规范项目让企业级团队开发变得更加简单,更加高效。我们的 Github 地址是:https://github.com/thinkjs/th… 欢迎大家 star~ 在 ThinkJS 2…
  25. Laravel思维导图之HTTP请求、响应、表单验证今天我来分享 Laravel 中 HTTP 层关于请求、响应与表单验证的知识。 0x00 HTTP 请求 获取请求 在控制器方法中使用 IlluminateHttpRequest 类型提示,可以以依赖注入方式来获取当前 HTTP 请求的实例。 将路由参…
  26. CSS技巧:逐帧动画抖动解决方案 | Aotu.io「凹凸实验室」 笔者所在的前端团队主要从事移动端的H5页面开发,而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前(2017.08.12)接触到的移动端适配方案中,「利用视口单位
  27. HTTP你可能不知道的事 HTTP你可能不知道的事。 | hiybm's Blog HTTP是一个基于TCP/IP通信协议来传递数据的无状态协议,且其是一个属于
  28. Write a simple gantt chart with JSX 最近项目中要用到甘特图组件,简单找了下没找到比较合适的,于是打算自己动手写一个简单的,且支持 SVG 和 Canvas 两种,基于这种前提用 JSX 最适合不过了,但是既然是简单的就不想有任何依赖包括 React,所以简单的借助 Babel 写了这个组件:ht

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

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


关注我

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

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

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