![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 80
蓝面书生
就这么一起来
展开
-
一个前端的自我修养
本文转载于taobaofed。这是winter老师发布的一篇好文。每次读都有不一样的感觉,分享给大家。--ITDogFire duckywang如需转载,请注明出处: http://taobaofed.org/blog/2016/03/23/the-growth-of-front-end/今天给大家分享的主题是前端的自我成长,这是一个关于成长的话题。很多人都有这转载 2016-07-24 09:50:01 · 360 阅读 · 0 评论 -
前端优化总结
最近看了不少关于前端页面优化的文章,在此将本人认为比较好的点总结一下。关于html1.标签嵌套层级不要太深,标签尽量简洁化2.避免空的src和href注解:当link标签的href属性为空、script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的URL作为它们的属性值,从而把页面的内容加载进来作为它们的值。3.javascript 脚本原创 2016-08-06 12:20:41 · 330 阅读 · 0 评论 -
express+webpack+react搭建项目
原文:http://www.cnblogs.com/feeiluuo/p/5580806.html简单介绍一下webpackwebpack的功能很多,打包js\css\html,压缩,编译less\sass,自动生成版本号等等,因为可以使用CommonJS等规范,可以和react很好地配合使用。它的使用方法比gulp要复杂,但是能做的事情也要比gulp更多一些~~w转载 2016-08-18 18:20:49 · 1331 阅读 · 0 评论 -
掌握JavaScript函数的柯里化(转载)
好久没看一些理论性的文章。感觉平时在应用上比较少这么写。但是确实是有这么的应用场景。本文来源于https://github.com/dreamapplehappy/hacking-with-javascript/blob/master/books/javascript-the-good-parts/chapter-4-function/currying.md转载 2016-08-07 23:37:42 · 593 阅读 · 3 评论 -
如何写一个jquery 插件
原文链接: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做处理,点击相转载 2016-08-08 09:50:43 · 854 阅读 · 0 评论 -
那些年用node接入微信走过的坑之(五)---微信菜单(自动回复素材)
序言之前在第二篇上,写了如何生成菜单,发现写的不够完善,在这一篇补上自动回复消息和自动回复图文第一步:创建菜单这里要注意一点是菜单的type为’click’,而不是’view’,view只能进行页面跳转。 { "type": "click", "name": "Q&A", "key":"Q&A" }第二步:获取素材当我们用代码来生成菜单时,不能像普通用户那样直接选择原创 2016-08-31 16:25:36 · 485 阅读 · 0 评论 -
Webpack介绍及入门
话不多说,先上教程网址 http://webpackdoc.com/preface.htmlWebpack简介:Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。Webpack特点:代码拆分Webpack 有两种组织模块依赖的方式,同步和异步。异步依赖作为分割点,形成一个新的块。在优化了依赖树后,原创 2016-08-14 17:54:57 · 375 阅读 · 0 评论 -
ajax提交富文本,内容被截断,解决方法及思路
觉得这个问题挺有意思,我感觉前端会经常出现这些揪心的问题,转载一下。 --ITDogFire duckywang转载来自 http://www.dtblog.cn/1052.html问题描述:使用百度的UEditor富文本插件用于前端富文本编辑,后端使用jsp,提交普通文本没有问题,后来发现在提交某些指定文本时,数据查回的数据出现不完整现象;第一件事就是想到“垃转载 2016-08-14 23:38:45 · 1376 阅读 · 1 评论 -
webstorm + vue 简单配置
废话不多说了1.升级webstorm最新版本,据说对插件的支持比较好,我用的是2016.2.3,加载动画还是比较炫酷的。2.安装最工具 vue-for-idea preferences –> Plugins –>Browse repositories -> vue-for-idea 据说安装的比vue这个多一点,但两个都是非官方的3.基本完成,要在vue组件中直接使用less需要如下编写 la原创 2016-09-07 11:29:05 · 1544 阅读 · 0 评论 -
面向设计的半封装web组件开发
最近自己也在思考前端组件化,也没有什么头绪。然后发现张鑫旭大神这篇文章,关于UI组件的思路非常棒。分享给大家! -- ITDogFire原文来自: https://isux.tencent.com/half-package-web-components-for-design.html张鑫旭大神博客的概要版: http://www.zhangxinxu.com/wordpress/2015转载 2016-07-31 19:38:03 · 1110 阅读 · 0 评论 -
zTree插件入门
话不多说,先上网站:http://www.ztree.me/v3/main.php#_zTreeInfozTree简介:zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。版本:v3.x关于入门:1.下载zTree v3.x相关文件;2.引用相关文件原创 2016-07-31 12:03:03 · 276 阅读 · 0 评论 -
那些年用node接入微信走过的坑之(四)---微信扫码登录第三方网站
序言随着微信使用者不断增多,很多网站使用了微信扫码登录功能,这里做一个简单的实现。第三方网页授权和微信网页端授权这两个笔者当初区分了好久,有什么区别和联系呢?相同点: 两者的过程基本是类似的,都是通过appId和secret和code首先获取access_token(注意这里的access_token跟通用api调取token是不一样的 ),然后通过access_token和openId获取用户基原创 2016-07-20 18:33:57 · 4065 阅读 · 1 评论 -
关于JavaScript设计模式1
开发人员通常想知道他们是否应该在工作中使用一种“理想”的模式或模式集。这个问题没有明确的唯一的答案,我们研究的每个脚本和Web应用程序可能都有它自己的个性化需求,我们需要思考模式的哪些方面能够为实现提供实际价值。一旦我们牢牢掌握了设计模式和它们最为相配的具体问题,那么将它们继承到我们的应用程序架构中就会变得更加容易。本文关于JavaScript设计模式1,探讨两种设计模式:Co原创 2016-07-24 11:22:18 · 235 阅读 · 0 评论 -
基于LC push的浏览器桌面提醒快速集成方案
序言最近要做一个桌面提醒功能,类似tower的右侧弹出式提醒,这里给出一个快速集成方案吧,因为要研究的东西蛮多的,没有太多的时间去做。传统方案与服务器保持长连接 使用websocket与服务器保持长连接,监听服务器的请求,服务器端创建push给网页端,网页端收到消息。html5 Notification html5的notification,无论你在看哪个页面,只要有消息都应该能推原创 2016-07-26 17:03:47 · 810 阅读 · 0 评论 -
赶紧投入es6的怀抱吧
赶紧投入es6的怀抱吧说到ES6/ES2015,不得不说有很多新语法糖,很多新特性。 给我新的语法特性与刺激的感觉是以下几个: 1.let/const/块级作用域 2.Promise/Promise A+(在node里面用得比较多,还有JQ的deffered看上去差不多。) 3.yield/generator(据说co/generator搭配很牛,还没用过,据说是比Promise更优,也是挺原创 2016-07-15 22:09:58 · 443 阅读 · 0 评论 -
使用Cropbox解决图片上传
简单地引入Dropbox的css与js即可使用。```$('#newImg').cropbox({ width: 200, height: 100, showControls: 'always',}, function() {}).on('cropbox', function(e, data, img) { oLessonDetail.upl原创 2016-07-08 17:45:44 · 3484 阅读 · 2 评论 -
webUploader使用方法
官网http://fex.baidu.com/webuploader/APIhttp://fex.baidu.com/webuploader/doc/index.html引入webuploader.css webuploader.min.jsDOM 选择文件原创 2016-07-08 17:53:22 · 8386 阅读 · 0 评论 -
前端显示本地图片,压缩上传等
convertToBase64: function (file, callback) { var FR = new FileReader(); FR.onload = function (e) { callback(e.target.result) }; FR.readAsDataURL(file);},compress: function (f原创 2016-07-08 17:56:19 · 434 阅读 · 0 评论 -
微信端真机通过WIFI电脑指南
1.开启 微信web开发者工具,点击 Tab 移动调试,点击开始调试.记下网络代理的IP与端口.如IP 192.168.1.2002.然后开启了一个框,记下网络代理的IP与端口.如IP 192.168.1.233 9977(一般是这个端口)3.要愉快地调试的话,请加以下的代码到要调试的网页内.scrirpt里面的Ip(无需端口)调成第2点的那个改成原创 2016-07-08 18:05:06 · 675 阅读 · 0 评论 -
JavaScript 资源大全中文版
原文包管理器管理着 javascript 库,并提供读取和打包它们的工具。npm:npm 是 javascript 的包管理器。官网Bower:一个 web 应用的包管理器。官网component:能构建更好 web 应用的客户端包管理器。官网spm:全新的静态包管理器。官网jam:一个专注于浏览器端和兼容 RequireJS 的包管理器。官网jspm:流畅转载 2016-07-08 18:07:25 · 967 阅读 · 0 评论 -
webpack+vue + express (hot) 热启动调试简单配置
前言最近搞vue+webpack,vue的api还是比较容易懂的,每次build很复杂,这里就介绍下热启动调试吧,心累~~~ITDogFire –sky工具及目录所用的到的简单工具 webstorm +vue +webpack +express,小项目都是官方down下来的。目录介绍如下package{ "name": "yx", "version": "1.0.0", "descr原创 2016-09-08 17:26:16 · 2815 阅读 · 0 评论