ITDogFire

本文转载于taobaofed。这是winter老师发布的一篇好文。每次读都有不一样的感觉，分享给大家。--ITDogFire duckywang如需转载，请注明出处: http://taobaofed.org/blog/2016/03/23/the-growth-of-front-end/今天给大家分享的主题是前端的自我成长，这是一个关于成长的话题。很多人都有这

最近看了不少关于前端页面优化的文章，在此将本人认为比较好的点总结一下。关于html1.标签嵌套层级不要太深，标签尽量简洁化2.避免空的src和href注解：当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。3.javascript 脚本

原文：http://www.cnblogs.com/feeiluuo/p/5580806.html简单介绍一下webpackwebpack的功能很多，打包js\css\html，压缩，编译less\sass，自动生成版本号等等，因为可以使用CommonJS等规范，可以和react很好地配合使用。它的使用方法比gulp要复杂，但是能做的事情也要比gulp更多一些~~w

好久没看一些理论性的文章。感觉平时在应用上比较少这么写。但是确实是有这么的应用场景。本文来源于https://github.com/dreamapplehappy/hacking-with-javascript/blob/master/books/javascript-the-good-parts/chapter-4-function/currying.md

原文链接：http://liuyy.coding.me/2016/03/30/javscript/%E5%A6%82%E4%BD%95%E5%86%99%E4%B8%80%E4%B8%AA%E5%AE%8C%E5%96%84%E7%9A%84jquery%20ui%E7%BB%84%E4%BB%B6/在日常工作中，常常会遇到下面这样的需求我们需要对上面的tab做处理，点击相

序言之前在第二篇上，写了如何生成菜单，发现写的不够完善，在这一篇补上自动回复消息和自动回复图文第一步：创建菜单这里要注意一点是菜单的type为’click’，而不是’view’，view只能进行页面跳转。 { "type": "click", "name": "Q&A", "key":"Q&A" }第二步：获取素材当我们用代码来生成菜单时，不能像普通用户那样直接选择

话不多说，先上教程网址  http://webpackdoc.com/preface.htmlWebpack简介：Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack特点：代码拆分Webpack 有两种组织模块依赖的方式，同步和异步。异步依赖作为分割点，形成一个新的块。在优化了依赖树后，

觉得这个问题挺有意思，我感觉前端会经常出现这些揪心的问题，转载一下。   --ITDogFire duckywang转载来自 http://www.dtblog.cn/1052.html问题描述：使用百度的UEditor富文本插件用于前端富文本编辑，后端使用jsp，提交普通文本没有问题，后来发现在提交某些指定文本时，数据查回的数据出现不完整现象；第一件事就是想到“垃

废话不多说了1.升级webstorm最新版本，据说对插件的支持比较好，我用的是2016.2.3，加载动画还是比较炫酷的。2.安装最工具 vue-for-idea preferences –> Plugins –>Browse repositories -> vue-for-idea 据说安装的比vue这个多一点，但两个都是非官方的3.基本完成，要在vue组件中直接使用less需要如下编写 la

最近自己也在思考前端组件化，也没有什么头绪。然后发现张鑫旭大神这篇文章，关于UI组件的思路非常棒。分享给大家！ －－ ITDogFire原文来自:  https://isux.tencent.com/half-package-web-components-for-design.html张鑫旭大神博客的概要版: http://www.zhangxinxu.com/wordpress/2015

话不多说，先上网站：http://www.ztree.me/v3/main.php#_zTreeInfozTree简介：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。版本：v3.x关于入门：1.下载zTree v3.x相关文件；2.引用相关文件

序言随着微信使用者不断增多，很多网站使用了微信扫码登录功能，这里做一个简单的实现。第三方网页授权和微信网页端授权这两个笔者当初区分了好久，有什么区别和联系呢？相同点： 两者的过程基本是类似的，都是通过appId和secret和code首先获取access_token(注意这里的access_token跟通用api调取token是不一样的 )，然后通过access_token和openId获取用户基

开发人员通常想知道他们是否应该在工作中使用一种“理想”的模式或模式集。这个问题没有明确的唯一的答案，我们研究的每个脚本和Web应用程序可能都有它自己的个性化需求，我们需要思考模式的哪些方面能够为实现提供实际价值。一旦我们牢牢掌握了设计模式和它们最为相配的具体问题，那么将它们继承到我们的应用程序架构中就会变得更加容易。本文关于JavaScript设计模式1，探讨两种设计模式：Co

序言最近要做一个桌面提醒功能，类似tower的右侧弹出式提醒，这里给出一个快速集成方案吧，因为要研究的东西蛮多的，没有太多的时间去做。传统方案与服务器保持长连接 使用websocket与服务器保持长连接，监听服务器的请求，服务器端创建push给网页端，网页端收到消息。html5 Notification html5的notification,无论你在看哪个页面，只要有消息都应该能推

赶紧投入es6的怀抱吧说到ES6/ES2015，不得不说有很多新语法糖，很多新特性。 给我新的语法特性与刺激的感觉是以下几个: 1.let/const/块级作用域 2.Promise/Promise A+(在node里面用得比较多，还有JQ的deffered看上去差不多。) 3.yield/generator(据说co/generator搭配很牛，还没用过，据说是比Promise更优，也是挺

简单地引入Dropbox的css与js即可使用。```$('#newImg').cropbox({   width: 200,   height: 100,   showControls: 'always',}, function() {}).on('cropbox', function(e, data, img) {   oLessonDetail.upl

官网http://fex.baidu.com/webuploader/APIhttp://fex.baidu.com/webuploader/doc/index.html引入webuploader.css webuploader.min.jsDOM                    选择文件   

convertToBase64: function (file, callback) { var FR = new FileReader(); FR.onload = function (e) { callback(e.target.result) }; FR.readAsDataURL(file);},compress: function (f

1.开启 微信web开发者工具,点击 Tab 移动调试,点击开始调试.记下网络代理的IP与端口.如IP 192.168.1.2002.然后开启了一个框,记下网络代理的IP与端口.如IP 192.168.1.233   9977(一般是这个端口)3.要愉快地调试的话,请加以下的代码到要调试的网页内.scrirpt里面的Ip(无需端口)调成第2点的那个改成

原文包管理器管理着 javascript 库，并提供读取和打包它们的工具。npm：npm 是 javascript 的包管理器。官网Bower：一个 web 应用的包管理器。官网component：能构建更好 web 应用的客户端包管理器。官网spm：全新的静态包管理器。官网jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网jspm：流畅

前言最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ITDogFire –sky工具及目录所用的到的简单工具 webstorm +vue +webpack +express，小项目都是官方down下来的。目录介绍如下package{ "name": "yx", "version": "1.0.0", "descr