分类目录归档：全部列表

2016
10-05

GitHub的基本功能 生动形象~ 不懂英语的进来

Github的基本功能：Repository：你和我一起做“知乎首页”，“知乎首页”就是Repository，即项目或者”未来武器T2级425mm磁轨炮“之类，怎么叫随你，你只需知道Repository是个放项目的地方就行。有时候会出现Repositories，是多个Repository的意思。Fork：我们把制作“知乎首页“的工作分开，你负责美工，我负责前端开发，但我们还需要数据服务器高手。你找来了一位php大牛，这位... 继续阅读 >
2016
10-05

6个最好的 HTML5/CSS3 演示（PPT）框架

HTML是全世界最流行的网页编程语言。而HTML5是这门语言的升级版本。越来越多的开发者和设计师开始使用HTML5.今天我们要介绍的是最好的几个HTML5/CSS3的演示工具和框架，你可以用它们来创建你的网页PPT。1.html5Slides这是Google提供的HTML5幻灯片模板。你可以下载这个模板，然后编辑它，就可以创建你自己的幻灯片了。2.SlidesPresentationwithHTML5这个工具用了纯HTML做主题和框架，CSS做切换效果，还有一个简... 继续阅读 >
2016
09-30

js 常用的正则表达式大全

以下收录一些我经常用到的正则表达式，因为工作场景中用到正则的地方几乎都跟validate插件的验证有关系，所以以下正则也是$.validator.addMethod() 的拓展：validate: http://jqueryvalidation.org/电话验证/***手机**/$.validator.addMethod("isMobile",function(value,element){varreg=/^((1[3-8][0-9])+\d{8})$/;returnthis.optional(element)||(reg.test(value));},"手机格式不正确");/... 继续阅读 >
2016
09-30

C语言编程时常犯的18种错误

C语言的最大特点是：功能强、使用方便灵活。C编译的程序对语法检查并不象其它高级语言那么严格，这就给编程人员留下“灵活的余地”，但还是由于这个灵活给程序的调试带来了许多不便，尤其对初学C语言的人来说，经常会出一些连自己都不知道错在哪里的错误看着有错的程序，不知该如何改起，本人通过对C的学习，积累了一些C编程时常犯的错误，写给各位学员以供参考。1、书写标识符时，忽略了大小写字母的区别。main(){int... 继续阅读 >
2016
09-30

运维经理的运维经验总结

1.域名从买域名开始，要买多个域名，50个甚至100个。分为主域名和推广域名（给推广链接用的）。要从godaddy上买域名，因为这里的域名稳定，不会出现被攻击等事情。同时还要买域名保护，这样互联网用户ping这个域名就解析不到真实的服务器地址。同时域名解析的操作不要在godaddy上进行，要把解析的操作放在cloudflare上或者dnspod上进行操作，也可以放到zndns上（这个dns可以做到一个域名解析多个IP地址，根据就近原则，把最快的... 继续阅读 >
2016
09-29

微信小程序学习一初探“小程序” 推荐

最近这两天，“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教程，搭建了一下开发环境，来学习一下这个新的开发框架。一项目文件结构当打开微信小程序的Demo的时候，我个人习惯是先看整个项目的文件结构，先大致弄清这部分是干什么的，那部分又是干什么的，微信小程序基本的文... 继续阅读 >
2016
09-29

HTTP如何像TCP一样实时的收消息？ 推荐

一、网站即时消息(WebIM)如何实现消息推送网站即时消息(WebIM)通常有三种方式实现推送通道：1）WebSocket2）FlashSocket3）http轮询其中1）和2）是用Tcp长连接实现的，其消息的实时性可以通过tcp保证。方案3）才算是webim实现消息推送的“正统”方案，用http短连接轮询的方式实现“伪长连接”，既然是轮询，有朋友就对消息的实时性产生了质疑。本文要解答，webim使用http长轮询如何保证消息的绝对实时性。二、人们为什么会... 继续阅读 >
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(){... 继续阅读 >