20170513 前端开发日报-前端开发博客

[Vue]精致完整的Vue项目-douban；关于Node.js的__dirname，__filename，process.cwd()，./文件路径的一些坑；javaScript代码优化；Gulp & webpack 配置详解；React Native 项目常用第三方组件汇总；超轻量 JS 地图库 Sinomap；alimask：使用 Canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库；为什么 React 和 Immutable 是好朋友

[Vue]精致完整的Vue项目-douban 用Vue仿豆瓣的项目很多，这个项目在短短的半个月里积累了将近四百星，值得推荐，够全面，也够深入，不容错过的Vue豆瓣demo….
关于Node.js的__dirname，__filename，process.cwd()，./文件路径的一些坑最近在学习Node.js里面的fs模块，遇到了一个比较诡异的现象，踩到了坑，就是读取当前目录下的一个文件，死活读取不到，由于之前对于Node.js里面的path模块也不太熟悉，也没系统研究过，所以今天就踩了这个坑，记录踩坑的过程，防止以后踩坑和大家也踩坑。
javaScript代码优化v8层面 {代码…} 说明定义对象的时候,最好一开始就初始化好对象的属性,不要动态的添加。在java或c++静态语言中,类的信息是确定的,所以每个对象包含哪些成员和成员在对象中偏移量在编译阶段确定,基地址和偏移地…
Gulp & webpack 配置详解比较详细的webpack和gulp使用方法
React Native 项目常用第三方组件汇总 React Native 项目常用第三方组件汇总
超轻量 JS 地图库 Sinomap Sinomap 地图库本体不到 5KB，基于它的带交互可视化中国地图总体积不到 20KB，并且支持 Layer 分层插件，是一个地域数据可视化的轻量级新选择
alimask：使用 Canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库 alimask 是一个使用 canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库。Online demo here. 1. Install npm install alimask Then import it. // or var alimask = require(‘alimas…
为什么 React 和 Immutable 是好朋友目前工作中用到了React，搭配一起使用了Immutable.js。之前没有静下来思考一下为什么React社区这么推崇搭配一起使用Immutable。正好想写篇文章分析一下这个问题。之前我翻译了React官方文档中Advanced Guides中关于一致化处理
百度前端技术学院2017学习总结参加了百度的前端技术学院IFE，对之前做的几个任务进行总结，包括一些基础知识的巩固。
微信小程序音乐播放器,leancloud后端支持,体验小程序数据绑定,Promise较为优雅解决回调初窥 todo: [ ] 添加音乐到收藏（最近）列表 [ ] 歌词滚动从一个hello world开始微信开发者工具生成目录如下： {代码…} 大体为:每一个page即是一个页面文件，每个页面有一个js/wxml/wxss/json文件规定：描…
HTML
标签及在实际开发中的应用 « 张鑫旭 – 鑫空间 – 鑫生活 @张鑫旭：之前，我一直以为 HTML
是一个鸡肋 HTML，估计到了 HTML5 时代会被废弃的命。但是，最近一查资料，乖乖了个咚，不仅没被废弃，反而发展了，新增了一些标签属性，例如 rel，media，hreflang 等。然后进一步研究发现，尼玛这货居然还可以用来解决一个困扰我很多年的棘手问题，形象立马高大上了起…
Vue2.1.7源码学习 | HcySunYang's Blog vue
React Native使用fetch实现图片上传使用fetch请求实现图片上传
前端周刊第 55 期：10X 程序员？共 2127 字，读完需 4 分钟。我本周读到 1 篇比较有趣的文章叫做《The 10x developer is NOT a myth》，不管你承不承认，也不管你有没有意识到，程序员的效率有时会有天壤之别，10X 程序员的概念很早就出现了，怎样才算 10X
React Native 网络请求封装：使用Promise封装fetch请求苦于react native只能用fetch请求，又找不到我满意的fetch封装方法，所以就自己写了一个使用Promise封装fetch请求的方法
js 报错 (小细节) 我们在开发中有时会大脑短路，犯一些低级错误，却半天绕不出去，以下罗列一些。这里写图片描述当我们在用getElementsByTagName时，在没有代码提示下，会常常写成getElementByTagName，然而总找不出错误在哪儿。这里写图片描述当我
从零到一的 React 学习与实践资料索引 – 某熊的全栈之路 – 知乎专栏 React 学习与实践资料索引从属于笔者的 Web 开发基础与工程实践中的阅读学习资料工具集锦系列，本文内容是笔者在学习与实践 React 以及准备每周的前端清单系列时候阅读的文章或者接触到的工具积累，目录结构遵循泛前端知识图谱（Web/iOS/Android/RN）。注意，部分英文文章需要翻墙，请自备梯子。 —— 由王下邀月熊分享
canvas离屏、旋转效果实践——旋转的雪花效果展示理论基础——“常见的canvas优化——模糊问题、旋转效果” 用离屏canvas画基础部分 1、封装画线函数 {代码…} 2、画雪花的六条线 {代码…} 首先这里用到了离屏canvas，我们通过传参的方式确定离屏canvas的尺…
前端每周清单第 2 期front-end 《 Headless Chrome 入门》 back-end 《 pkg：将 Node 项目打包到可执行文件中》：想要在没有安装 Node 的系统上运行 Node-powered 应用程序？通过将节点和应用程序全部包装在一起，pkg 可以更轻松…
从零到一的 React 学习与实践资料索引注意，知乎格式存在蜜汁错乱，很多列表无法显示，如果遇到阅读问题请参考 Github 地址：https://parg.co/bM1 React 学习与实践资料索引从属于笔者的 Web 开发基础与工程实践中的阅读学习资料工具集锦系列，本文内容是笔者在学习与实践 React 以及准备每周的前端清单系列时候阅读的文章或者接触到的工具积累，…
使用 Node.js 对文本内容分词和关键词抽取在讨论技术前先卖个萌，吃货的世界你不懂~~ 众成翻译的文章有 tag，用户可以基于 tag 来快速筛选感兴趣的文章，文章也可以依照 tag 关联来进行相关推荐。但是现在众成翻译的 tag 是在推荐文章的时候设置的，都是英文的，而且人工设置难免不规范和不完全。虽然发布文章后也可以人工编辑，但是我们也不…
从矩阵与空间操作的关系理解 CSS3 的 transform 前不久开源了一个插件化移动端运动效果库 finger-mover，说到运动效果，不得不提到CSS3的transform，也就是变换。这篇文章概括了在实现 finger-mover 时对transform的理解与总结。注：文中的图片多数截取自视频：线性代数的本质，也强烈建议大家系统的观看这套视频。另外如果文中有误请不吝指教。文…
GitLab 工作流概览 » 译者:svtter GitLab 是一个基于 git 的仓库管理程序，也是一个方便软件开发的强大完整应用。 GitLab 拥有一个“用户新人友好”的界面，通过图形界面和命令行界面，使你的工作更加具有效率。GitLab…
#开源项目#【响应式图片查看库：SmartPhoto.js】详见： SmartPhoto.js 是一个移动优先的响应式图片查看库。当页面加载时，它通过 URL 哈希来显示图片。它支持手势操作，你也可以利用键盘和屏幕阅读器来查看。[喵喵]
#前端头条#【小技巧：一行代码让浏览器瞬间变成临时编辑器】这是 Jose 在CoderWall 分享的一个小技巧：在浏览器地址栏中输入下面这行代码，回车即可把浏览器变临时编辑器。data:text/html, <html contenteditable>为什…请戳→ #前端开发博客#