分类目录归档：全部列表

2016
09-29

JavaScript 性能优化技巧

加载与运行延期脚本<scripttype="text/javascript"src="file1.js"defer></script>js文件要在dom加载完成时才会被下载动态脚本元素varscript=document.createElement("script");script.type="text/javascript";script.src="file1.js";document.getElementsByTagName_r("head")[0].appendChild(script)无论在何处启动下载，文件的下载和运行都不会阻塞其他页面的处理过程XHR脚本注入varx... 继续阅读 >
2016
09-29

微信小程序开发:Flex布局 推荐

微信小程序页面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。flex布局Flex布局的特点:任意方向的伸缩，向左，向右，向下，向上在样式层可以... 继续阅读 >
2016
09-29

谈谈12306.cn网站性能技术 HOT

12306.cn网站挂了，被全国人民骂了。我这两天也在思考这个事，我想以这个事来粗略地和大家讨论一下网站性能的问题。因为仓促，而且完全基于本人有限的经验和了解，所以，如果有什么问题还请大家一起讨论和指正。（这又是一篇长文，只讨论性能问题，不讨论那些UI，用户体验，或是是否把支付和购票下单环节分开的功能性的东西）业务任何技术都离不开业务需求，所以，要说明性能问题，首先还是想先说说业务问题。其一， ... 继续阅读 >
2016
09-29

对mysql语句的性能分析与优化

1.使用explain，查看查询计划2.使用showprocesslist查看查询过程（处于哪个状态），完整命令如下mysql-uroot-p-e‘showprocesslist\G’|grepstate:|sort|uniq-c|sort-rn此种方法和方法3类似，应该说方法3更好用。3.使用showprofile。默认是禁止的，需要使用setprofiling=1开启。执行一些查询后，键入showprofiles可以看到前面执行语句的查询时间以很高的精度显示了出来。然后使用showprofileforqueryn... 继续阅读 >
2016
09-29

不需内测账号，带你体验微信小程序完整开发过程

微信小程序还没正式发布就已经迅速成为大家讨论的焦点，那么大家可能觉得只有收到内测邀请才能体验小程序的开发流程，其实不然，大家都可以体验，下面就带大家一起了解。下载微信Web开发者工具首先，微信给我们提供了它自己的小程序集成开发工具，只需要到这个页面下载即可：下载完成后，打开开发者工具，会有一个扫码登录界面。用你的微信扫码就可以登录进来了，然后开发者工具会帮我们创建一个默认工程，项目的文件结构... 继续阅读 >
2016
09-29

深入了解 CDN

著名的 《哲学简史》 （A little history of philosophy ，Nigel Warburton著）将2400年的西方哲学取精用宏、深入浅出地呈现给读者。虽然 内容分发网络（CDN） 的历史要比哲学史短得多，但受此启发， Akamai 将CDN 18年来的演化历程浓缩到本文中，以期帮助人们了解CDN的成因、历年的变化以及未来发展前景。 第一章缓存年代（1998年-2003年）我们的旅... 继续阅读 >
2016
09-29

必看谷歌 HTML/CSS 规范 HOT

背景这篇文章定义了HTML和CSS的格式和代码规范，旨在提高代码质量和协作效率。通用样式规范协议省略图片、样式、脚本以及其他媒体文件URL的协议部分（ http:,https: ），除非文件在两种协议下都不可用。这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。<!--Notrecommended--><scriptsrc="https://w... 继续阅读 >
2016
09-29

微信小程序开发使用第三方库Immutable.js教程

Immutable 是Facebook开发的不可变数据集合。不可变数据一旦创建就不能被修改，是的应用开发更简单，允许使用函数式编程技术，比如惰性评估。ImmutableJS提供一个惰性Sequence，允许高效的队列方法链，类似map和filter，不用创建中间代表。immutable通过惰性队列和哈希映射提供Sequence,Range,Repeat,Map,OrderedMap,Set和一个稀疏Vector。微信小程序无法直接使用require('immutable.js')进行调用,需要... 继续阅读 >
2016
09-29

微信小程序开发实战——模块化

JavaScript模块规范在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript（ECMA-262版本）还不支持原生的模块化。Javascript社区做了很多努力，在现有的运行环境中，实现"模块"的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMD、UMD、CMD等CommonJSCommonJS规范是服务器端Javascript模块规范。Node.js的模块系统，就是参照CommonJS规范实现的。NPM也遵循了commonJS定义的包规范，... 继续阅读 >
2016
09-29

微信小程序开发:http请求

在微信小程序进行网络通信，只能和指定的域名进行通信，微信小程序包括四种类型的网络请求。普通HTTPS请求(wx.request)上传文件(wx.uploadFile)下载文件(wx.downloadFile)WebSocket通信(wx.connectSocket)这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主设置域名要微信小程序进行网络通信，必须先设置域名，不然会出现错误:URL域名不合法，请在mp后台配置... 继续阅读 >
2016
09-29

开发微信小程序的必备技能图谱 HOT

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 有不少开发者调皮地说《从JavaScript入门到抢月饼》上线了，笔者身边的一个同事悄悄地把《JavaScript从入门到精通》和《HTML5从入门到精通》添加到了购物车里面。考虑到微信在社交领域的... 继续阅读 >
2016
09-26

一个Android项目搞定所有主流架构

为什么选择MVP？相信大部分人都听过这个框架，或者已经使用过。了解和简单运用的过程中大家一定会有这样几个问题或者痛点：MVP有什么好处，为什么要用它？MVP结构代码怎么写？为什么MVP结构利于单元测试？而且我为什么要写测试代码呢？好了你说服我了，但是我不会写单元测试啊！MVP多了好多类，还要写测试代码，写起来好累啊！老娘不想这么麻烦啊！这里班门弄斧的分享下我的经验... 继续阅读 >
2016
09-26

移动端 web 开发小技巧

retina图片兼容这个feature应该不仅仅只关心手机端,而且还包括PC,因为苹果不仅仅在手机端(从iphone4开始),而且在,MAC上也使用了retina.首先,retina的意思就是,dpr(device-pixel-ratio)是普通屏幕的两倍.对比于CSS来说就是,原来在css中设置的是1px,在实际的屏幕显示时,也是1px.但是,在retina下,css的1px就是实际屏幕的2px.这样的结果就是:有同学会想,会啥会这样呢？命名看起来大小一... 继续阅读 >
2016
09-26

微信小程序，一个有局限的类似 React Native 轮子！

先抛出结论：微信小程序就是一个类似RN的轮子，可以快速开发，有一定的适用场景，但是也有其局限性。本文针对微信小程序的示例代码进行分析，告诉大家：微信小程序到底提供了什么？开发微信小程序方便么？微信小程序具体适用场景？最后还自作主张的说了点对于微信小程序的个人观点。微信小程序都提供了什么？微信小程序主要为我们提供了两部分东西：底层API和组件，不仅如此，微信小程序还引入新的文件格式。引入了新的... 继续阅读 >
2016
09-26

MySQL 语句大全：创建、授权、查询、修改

一、用户创建、权限、删除1、连接MySql操作连接：mysql-h主机地址-u用户名－p用户密码（注:u与root可以不用加空格，其它也一样）断开：exit（回车）打开cmd,输入mysql-h127.0.0.1-uroot-p然后输入密码。就可以连接到本地的MySql数据库了。2、创建用户:命令:CREATEUSER'username'@'host'IDENTIFIEDBY'password';说明:username-你将创建的用户名,host-指定该用户在哪个主机上可以登陆,如果是... 继续阅读 >
2016
09-26

jQ选择器汇总

1.#id:根据给定的ID匹配一个元素<pid="myId">这是第一个p标签</p><pid="not">这是第二个p标签</p><scripttype="text/javascript">$(function(){$("#myId").css("color","red");});</script>结果：这是第一个p标签这是第二个p标签2.element:根据给定的元素标签名匹配所有元素<div>这是div标签1</div><div>这是div标签2</div><p>这是p标签</p><scripttype="text/javascript">$(function(){... 继续阅读 >
2016
09-24

微信小程序常见疑问

怎么获取用户输入能够获取用户输入的组件，需要使用组件的属性bindchange将用户的输入内容同步到AppService<inputid="myInput"bindchange="bindChange"/><checkboxid="myCheckbox"bindchange="bindChange"/>varinputContent={}Page({data:{},bindChange:function(e){inputContent[e.currentTarget.id]=e.detail.value}})为什么脚本内不能使用window对象页面的脚本逻辑在是在AppService中... 继续阅读 >
2016
09-24

微信小程序是什么？

 微信小程序微信小程序是什么?微信应用号是一个APP应用推广平台，微信应用号目前暂定名为“小程序”，使用微信应用号平台，用户关注一个应用号就如同安装一个App一样，而微信应用号就相当于另一个AppStore，主要功能就是应用推广。用户关注一个应用号就如同安装一个App一样，而微信应用号就相当于另一个AppStore，主要功能就是应用推广。微信的目的似乎很简单，就是希望把用户使用App的动作都集中在微... 继续阅读 >
2016
09-24

“微信小程序”的问答大家最关注几个话题

小程序出来之后，各界存在这些疑问：App和服务号会不会消失；是否会颠覆AppStore；安卓、iOS工程师要面临下岗？苹果为何不让叫“应用号”；小程序如何盈利；小公司是否能享受到流量红利？什么样的产品适合接入小程序；HTML5的小程序体验不如原生App？  小程序是否会取代App：潘欣：我不觉得微信应用和App之间是非此即彼的二选一关系。对于绝大多数企业来说，必然是两手抓... 继续阅读 >
2016
09-23

【经验】少写代码少填坑？

我不是这个世界上最有才的程序员。是的，我知道这是真的。所以我尝试尽可能少写代码。我写得越少，破坏越少，调整和维护的工作量也就越少。我也很懒，所以觉得一切过得去就行了。然而，事实证明让Web变得高效的唯一行之有效的方法也只是少写代码。精简代码？压缩代码？缓存？好吧，听起来好高级。从源头上竭尽全力拒绝增加代码或者引入别人写的代码？现在你说到点子上了。解决一个问题又会带来另一堆别的问题，你的任务... 继续阅读 >
2016
09-23

微信小程序资源汇总整理 HOT

开源项目wechatApp-demo -微信小程序DEMOweapp-ide-crack -微信小应用资源破解API -API文档weapp-quick -微信小应用示例代码文档简易教程开发者工具文档API文档视图组件文档常见问题教程微信小程序开发文档微信公众平台API文档-GitHub微信小程序怎么开发？玩物志用一个上午上线了电商应用|爱范儿首个微信小程序开发教程！抢... 继续阅读 >
2016
09-22

程序员角度谈微信小程序，观点都在这里了

昨天朋友圈被微信小程序刷爆了。我赶快在书架上拿出三年前买的书，把上面的土擦干净，压压惊。作为一个并不是资深的程序员。从程序员的角度分析一下微信小程序，欢迎指点。首先吐槽微信小程序只发了200个邀请号，和我预想的一样，张小龙并没有翻我牌，难道就不能雨露均沾吗？先来了解下什么是微信小程序。微信也许重申了”我们是一款约炮软件”微信还提供了一大堆接口和组件（不好意思，说了句废... 继续阅读 >
2016
09-21

Couchbase 介绍 - 更好的 Cache 系统

在移动互联网时代，我们面对的是更多的客户端，更低的请求延迟，这当然需要对数据做大量的Cache以提高读写速度。术语节点：指集群里的一台服务器。现有Cache系统的特点目前业界使用得最多的Cache系统主要是memcached和redis。这两个Cache系统都有都有很大的用户群，可以说是比较成熟的解决方案，也是很多系统当然的选择。不过，在使用memcached和redis过程中，还是碰到了不少的问题和局限：Cluster支持... 继续阅读 >