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

vue实用技巧总结；记录使用 vue 遇到的一些问题；学习 Next.js: 使用路由掩码创建干净的URL；sublime打开TXT文件乱码的问题；前端每周清单：Node.js v8.0 发布，从 React 迁移到 Vue，前端开发的未来；JS/React 开发者的 Atom 终极配置；jquery显示隐藏常用方式性能测试报告；vue-ztree-2.0 开源一个无线树组件, 仿造 ztree

vue实用技巧总结总结一些新手可能会迷惑但是项目中常用的小技巧 .native 给组件绑定原生事件对于一般的html元素，绑定自定义事件使用v-on即可，但是在某个组件的根元素上监听一个原生事件，比如： {代码…} 我们会发现这样是不…
记录使用 vue 遇到的一些问题1. vue component 中的 asset url 如果想用webpack 配置的 alias 需要在前面加 ~ ,例如 {代码…} {代码…} {代码…} 根据这个isssue 的描述是 vue-html-loader and css-loader translates non-root URLs to r…
学习 Next.js: 使用路由掩码创建干净的URL原始文档在 https://github.com/developerw… 现在搬过来. 学习 Next.js: 入门学习 Next.js: 页面之间的导航学习 Next.js: 使用共享组件学习 Next.js: 创建动态内容学习 Next.js: 使用路由掩码创建干净的URL学习…
sublime打开TXT文件乱码的问题Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。然而在我们使用Sublime打开TXT文件的时候，会经常因为编…
前端每周清单：Node.js v8.0 发布，从 React 迁移到 Vue，前端开发的未来 Chrome 60 中 DevTools 新特性介绍、8 个常用的 NPM 技巧、基于 Vuex 的 Vue 应用状态管理、JavaScript 单元测试框架大乱斗…… 新闻、教程、深度阅读，每周清单，带你跟上前端发展。 —— 由前端之巅分享
JS/React 开发者的 Atom 终极配置原文链接：The Ultimate Atom Editor Setup (+for JS/React) 根据多年以来不断完善 Sublime Text 配置的经验，决定这次给 Atom 也来一个大改造。这个过程花费了好几个月的时间，但成果还是很卓有成效的，我现在非…
jquery显示隐藏常用方式性能测试报告其实我一直就听别人说如果要显示隐藏尽量不要用hide()和show(),其实一直也没实际测试过，因为自己想当然的也以为，毕竟hide()和show()jquery底层要经过不少判断。今天不知怎么得对他们的性能一直很在意，于是就简…
vue-ztree-2.0 开源一个无线树组件, 仿造 ztree 开源一个无线树组件, 仿造 ztree —— 由lisiyizu1495606080820分享
传说中最好用的 git diff 格式化显示工具 diff-so-fancy 这是一个程序员相见恨晚的工具。它实现的功能很简单，但是非常实用。通常git 默认的git diff 命令只支持显示行级差异，而这个 diff-so-fancy 基本上可以做到字符串级别的，随便放一张图感受一下吧：安装方法： npm install -g diff-so-fancy #或 yarn install -g diff-so-fancy …
ajax 基础那些事（1）回归原生 —— 由沐晴分享
#JS中undefined和undeclared开门见山在作用域中声明但还没有赋值的变量，是undefined的，而还没有在作用域中声明过的变量，是undeclared的。但是因为浏览器的问题，很多人把undefined等同于undeclared，这是完全错误的。 {代码…} 以上浏…
前端开发 100 天（第 15 天 JavaScript 之美 (1)） JavaScript 之美 — 介绍基本类型、复合类型、语用中一些大家可能忽视的细节还有一些琐事介绍 —— 由Tiny-123456789分享
基础——重中之重之 JS 的变量的声明深入了解 JS 的变量声明 var,let,const 的特性与使用 —— 由Vimo分享
极简模式 JavaScript 音乐播放器 117 行代码的小小 js 库，适合手机页面，H5 活动页，微信页面等的音乐播放支持 —— 由Dunizb分享
轻量 JS mock 对象生成工具 – Mocker JS mock 数据生成工具 —— 由五柳学生erichua分享
sChart.js：一个小型简单的图表库介绍 sChart.js 作为一个小型简单的图表库，没有过多的图表类型，只包含了柱状图、折线图、饼状图和环形图四种基本的图表。麻雀虽小，五脏俱全。sChart.js 基本可以满足这四种图表的需求。而它的小，体现在它的体…
没想到你是这样的javascript前几天有同学问我，老师我们公司的产品是一个web app公司用的是jquery,我感觉学不到东西，是不是手机端用 jquery不太好啊？当时我的心情是这样的：然后我跟说手机端用jquery不太合适，比较臃肿，然后开发也不太…
前端每周清单第 4 期front-end 《从零到一的 React 学习与实践资料索引》：React 学习与实践资料索引从属于笔者的 Web 开发基础与工程实践中的阅读学习资料工具集锦系列，本文内容是笔者在学习与实践 React 以及准备每周的前端清单系…
什么是 AJAX? Ajax 是什么，怎么解决 Ajax 的跨域问题，原生，JQuery 和 Angular 分别怎么样调用 Ajax —— 由暗灭分享
破解前端面试系列（3）：如何搞定纸上代码环节？很多重视技术的互联网公司在工程师招聘的技术面环节都会要求候选人在纸上写代码（后文用“纸上代码”代称），面试官想通过这种方式考察哪些点？候选人该注意哪些点？本文基于美团早几年常用的一道区分度比较高的面…
Git 是怎样生成 diff 的：Myers 算法 diff是我们每天都要使用的一个功能，每次提交时，我都习惯先用git diff –cached看看这次提交更改了些什么，确定没问题，然后再git commit。git生成的diff非常直观，直观到我从来都没有去思考过diff是怎么生成的，觉得这应该是很简单的一件事，两个文件做个对比，不就行了。什么是直观的diff 我们先…
学习 Next.js: 入门原始文档在 https://github.com/developerw… 现在搬过来. 学习 Next.js: 入门学习 Next.js: 页面之间的导航学习 Next.js: 使用共享组件学习 Next.js: 创建动态内容学习 Next.js: 使用路由掩码创建干净的URL学习…
react animation library 一个简单好用的 react 动画组件，比官方方案简单很多倍 —— 由反转地球分享
超级简单和轻量的 css transtion 动画库超级简单和轻量的 css transtion 动画库，非常非常容易上手。有 jquery umd react angular 不同版本 —— 由反转地球分享
webpack 与 SPA 实践之开发环境搭建目前，公司前端项目开发技术栈基本改造为使用gulp进行自动化构建，webpack进行项目模块化依赖管理，Vue+ Vuex + Vue-Router作为项目组件化开发框架，为了更深入的理解、使用当前技术栈并与读者分享、交流，计划推出一系列相关学习与实践文章。本
关于前端跨域的整理关于前端跨域的整理 —— 由countingstarsss分享
webpack 之 plugin 内部运行机制 webpack 作为当前最为流行的模块打包工具，几乎所有的主流前端开发框架（React、Vue 等）都会将其作为默认的模块加载和打包工具。通过简单的配置项，使用各种相关的 loader 和 plugin，我们就可以实现自动的模块依赖分析并打包，从而大大降低了前端项目的开发复杂度，明显提高了前端项目的开发效率。 —— 由houyhea分享
图解 React Virtual DOM 作者：阿希（沪江Web前端开发工程师）本文原创，转载请注明作者及出处。了解 React 的人几乎都听过说 Virtual DOM，甚至不了解 React 的人也听过 Virtual DOM。那么 React 的 Virtual DOM 到底长什么样子呢
#JavaScript#【《JavaScript模式》对象创建模式】我们将对命名空间、依赖声明、模块模式以及沙箱模式进行初探——它们可以帮助我们更好地组织应用程序的代码，有效地减少全局污染的问题。除此之外，还会讨论私有和特权成员、静态…请戳→ #前端开发博客#
TypeScript 初探（一）什么是 TypeScript 它是JavaScript的一个超集（微软开发的自由和开源的编程语言）。（等等，超集是什么？）如下图：为什么选择 TypeScript Angular2.x 开始用TypeScript语言来开发（如果你要用这个框架） TypeSc…